rest-react

Create React App (REST)

This repository illustrates how to use Mock Service Worker to mock a REST API for development, unit and E2E testing in Create React App project.

Technologies

• Create React App
• Jest for running unit tests;
• React Testing Library for unit test assertions;
• Cypress for running E2E tests;

Getting started

$ git clone https://github.com/mswjs/examples.git
$ cd examples
$ yarn
$ cd rest-react

Running locally

$ yarn start

Tests

Unit tests

$ yarn test:unit

E2E tests

$ yarn test:e2e

Key points

• src/mocks/handlers.js describes request handlers to use.

Browser

• src/mocks/browser.js sets up the Service Worker.
• src/index.js conditionally enables mocking in development environment.
• public/mockServiceWorker.js the Service Worker, created by running npx msw init public.

NodeJS

• src/mocks/server.js sets up the "server" to use the same mocking logic in Node.
• src/setupTests.js enables mocking for unit tests via beforeAll/afterAll hooks.