--- title: Best Jest posts of 2022 | daily.dev description: The most upvoted Jest posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/jest/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/jest/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Jest posts of 2022 | daily.dev og:description: The most upvoted Jest posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Jest — 2022 1. 1 [](/posts/unit-testing-with-jest-react-and-typescript-ou7u32p0p "Unit testing with Jest, React, and TypeScript") Article Hashnode · 4y Unit testing with Jest, React, and TypeScript Software testing is critical to lower the chances of our program failing by running tests with the end-user in mind. Testing-library/react is a testing utility tool that's built to test the actual DOM tree rendered by React on the browser. The goal of the library is to help you write tests that resemble how a user would use your application. 112 3 2. 2 [](/posts/test-driven-development-tutorial-how-to-test-your-javascript-and-reactjs-applications-qlij05pun "Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications") Article freeCodeCamp · 4y Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications Test-Driven Development (TDD) requires you to pre-specify the output your intended program must produce to pass the test of functioning the way you envisioned. This tutorial will show you all you need to cd path/to/addition-calculator-jest-project Step 4: Create a package, Initialize a package.json file for your project. If your package manager is Yarn, run: yarn add jest --save-dev. 60 6 3. 3 [](/posts/how-we-migrated-from-bootstrap-to-tailwind-css--rq8n2zy6h "How we migrated from Bootstrap to Tailwind CSS.") Article Towards Dev · 4y How we migrated from Bootstrap to Tailwind CSS. Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90 that can be composed to build any design, directly in your markup. In our examples, we will use packages and commands related to the GatsbyJS static-site generation framework. This function adds the content in before the page is rendered. Don’t waste your time trying networkidle. 55 4 4. 4 [](/posts/getting-started-with-vitest-qfgjpvnek "Getting Started with Vitest") Article Community Picks · 4y Getting Started with Vitest Vitest is Jest-compatible and comes with out-of-the-box ESM, Typescript, and JSX support. It uses the Vite dev server to transform your files during testing and listens to the same configuration of your app. It is extensible using the same plugin API as Vite and 'notification--slide' The component renders the correct style. The component emits an event when the close button. 49 5. 5 [](/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1 "Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites") Article Hashnode · 4y Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites Docusaurus 2.0 is a documentation static-site-generator, based on Node.js and React. It allows you to focus on content: just write Markdown files. It is already powering many great docs sites you know: React-Native, Redux, Tauri, Electron, Courier, Figma. 38 10 6. 6 [](/posts/tdd-test-driven-development-basics-tutorial-with-typescript-react-qqmtkyphv "TDD (Test Driven Development) Basics Tutorial with TypeScript/React") Article Hashnode · 4y TDD (Test Driven Development) Basics Tutorial with TypeScript/React The 4 steps are what I think are what are needed in learning TDD. In the previous test, I actually omitted some important setups. This example app uses "pseudo" API to call data. So it runs perfectly on testing environment. 37 7. 7 [](/posts/testing-react-applications-with-jest-jmkhatldn "Testing React Applications with Jest") Article Auth0 · 4y Testing React Applications with Jest MockingJest allows you to mock objects in your test files. You can turn on automatic mocking with automock which will mock every component/object that the component is part of your project. For the first test, we'll write a simple test that ensures that Jest was set up correctly and that it can run a test successfully. 20 4 8. 8 [](/posts/react-testing-library-tutorial-how-to-write-unit-tests-for-react-apps-ic0idskgw "React Testing Library Tutorial – How to Write Unit Tests for React Apps") Article freeCodeCamp · 4y React Testing Library Tutorial – How to Write Unit Tests for React Apps The React Testing Library has a set of packages that help you test UI components in a user-centric way. This means it tests based on how the user interacts with the various elements displayed on the page. To set up a React Project with Vite, we'll be using Vite to set up our app that we'll test. 16 9. 9 [](/posts/testing-a-website-with-selenium-and-docker-etdp5zgg6 "Testing a website with Selenium and Docker") Article LogRocket · 4y Testing a website with Selenium and Docker Selenium is a popular browser automating tool that is primarily used for automating web applications for testing purposes. In this tutorial, you will learn why and how to use Selenium and Docker to test a website. Use the following Docker command to create a container with the image you have just pulled. 16 1 10. 10 [](/posts/how-to-automate-testing-for-a-react-application-with-gitlab-qk7ldchsu "How to automate testing for a React application with GitLab") Article GitLab · 4y How to automate testing for a React application with GitLab GitLab is a popular JavaScript library for building user interfaces. In this tutorial, I'll show you how to create a new React application with GitLab React. Run unit tests as part of the CI process in GitLab, and output the test results and code coverage into the pipeline. Define a test stage for your pipeline by adding the following code to your.gitlab-ci.yml file. 12 [See all Jest archives](/tags/jest/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/jest/best-of/2022#page","url":"https://daily.dev/tags/jest/best-of/2022","name":"Best Jest Posts of 2022","description":"The most upvoted Jest posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/jest/best-of/2022#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/unit-testing-with-jest-react-and-typescript-ou7u32p0p","name":"Unit testing with Jest, React, and TypeScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/test-driven-development-tutorial-how-to-test-your-javascript-and-reactjs-applications-qlij05pun","name":"Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-we-migrated-from-bootstrap-to-tailwind-css--rq8n2zy6h","name":"How we migrated from Bootstrap to Tailwind CSS."},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/getting-started-with-vitest-qfgjpvnek","name":"Getting Started with Vitest"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1","name":"Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/tdd-test-driven-development-basics-tutorial-with-typescript-react-qqmtkyphv","name":"TDD (Test Driven Development) Basics Tutorial with TypeScript/React"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/testing-react-applications-with-jest-jmkhatldn","name":"Testing React Applications with Jest"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/react-testing-library-tutorial-how-to-write-unit-tests-for-react-apps-ic0idskgw","name":"React Testing Library Tutorial – How to Write Unit Tests for React Apps"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/testing-a-website-with-selenium-and-docker-etdp5zgg6","name":"Testing a website with Selenium and Docker"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-automate-testing-for-a-react-application-with-gitlab-qk7ldchsu","name":"How to automate testing for a React application with GitLab"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Jest","item":"https://daily.dev/tags/jest"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/jest/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```