Skip to content

Sample test setup for doing React unit testing in a real browser.

Notifications You must be signed in to change notification settings

smzelek/react-dom-tests-jsdom-or-chrome

Repository files navigation

React DOM Tests in a Real Browser

This repo uses Karma to launch real instances of Chrome instead of using Jest+JSDOM!

This setup allows you to run in Headful or Headless Chrome and visually debug your DOM tests, which is simply not possible in the default CRA+Jest+JSDOM setup.

With this setup, you can still use React Testing Library as you may be used to - it just works! 💥

‼️ For a Chrome only demo without JSDOM compatibility code, check out this repo: https://github.com/smzelek/react-dom-tests-in-chrome .

Cross-test runner compatibility

This repo contains compatibility mapping code that allows you to run the RTL Component Tests in either Jest+JSDOM or Karma+Chrome.

It also contains wrapper code that allows you to add MSW for API mocking, which works with either test runner due to the compatibility code.

Run with JSDOM in Jest

npm run test:jsdom
# react-scripts test --watchAll=false

Run with Chrome in Karma

npm run test:realdom
# karma start --single-run

About

Sample test setup for doing React unit testing in a real browser.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published