Study Notes for Kent C. Dodds' Javascript Testing Course

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • jest-axe

    Custom Jest matcher for aXe for testing accessibility ♿️🃏

    How to test accessibility issues? Use Jest-axe ​GitHub - nickcolley/jest-axe: Custom Jest matcher for aXe for testing accessibility ♿️🃏​

  • jest-glamor-react

    Jest utilities for Glamor and React

    How do we make effective (and not meaningless and annoying) snapshot tests? https://kentcdodds.com/blog/effective-snapshot-testing According to Justin mentioned by Kent, “Most developers, upon seeing a snapshot test fail, will sooner just nuke the snapshot and record a fresh passing one instead of agonizing over what broke it.” So big snapshot test without telling why is not a good idea. GitHub - kentcdodds/jest-glamor-react: Jest utilities for Glamor and React​ is a nice tool to have if you are using css in js with react. And if you use styled-components, try https://www.npmjs.com/package/jest-styled-components

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • test-data-bot

    How do I generate test data such as fake user name or posts etc? Try this library: ​GitHub - jackfranklin/test-data-bot

  • Cypress

    Fast, easy and reliable testing for anything that runs in a browser.

    How to solve the Babel env error undefined? Check out the solution here: ​react-app presets in babel configuration throw error because missing NODE_ENV or BABEL_ENV environment variables · Issue #6755 · cypress-io/cypress

  • test-cypress-darkmode

    an MVP to test cypress loading darkmode with styled components

    How to test dark mode? See the mvp and solution in this repo: ​GitHub - AnnieTaylorCHEN/test-cypress-darkmode: an MVP to test cypress loading darkmode with styled components​

  • jest-in-case

    Jest utility for creating variations of the same test

    Any way to improve error message for jest test when there is a function with multiple cases? Try abstract it with ​GitHub - atlassian/jest-in-case: Jest utility for creating variations of the same test​

  • jest-cheat-sheet

    Jest cheat sheet

    Jest - https://jestjs.io/docs/en/getting-started Jest Cheat Sheet - ​GitHub - sapegin/jest-cheat-sheet: Jest cheat sheet​ Jest Dom - ​GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM​ Testing Library / React Testing Library - https://testing-library.com/docs/ Cypress: https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell BrowserStack - https://www.browserstack.com/docs/ Applitools - Applitools: Automated Visual Testing with Visual AI

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • jest-dom

    :owl: Custom jest matchers to test the state of the DOM

    Jest - https://jestjs.io/docs/en/getting-started Jest Cheat Sheet - ​GitHub - sapegin/jest-cheat-sheet: Jest cheat sheet​ Jest Dom - ​GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM​ Testing Library / React Testing Library - https://testing-library.com/docs/ Cypress: https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell BrowserStack - https://www.browserstack.com/docs/ Applitools - Applitools: Automated Visual Testing with Visual AI

  • msw

    Seamless REST/GraphQL API mocking library for browser and Node.js.

    d. new mock server is encouraged to be used https://mswjs.io/

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts