cypress/npm/react/examples/react-scripts

example: react-scripts

A typical project using react-scripts with components and matching component tests residing in the src folder.

Usage

1. Make sure the root project has been built .

# in the root of the project
npm install
npm run build

2. Run npm install in this folder to symlink the @cypress/react dependency.

# in this folder
npm install

3. Start Cypress

npm run cy:open
# or just run headless tests
npm test

Notes

The spec src/Logo.cy-spec.js directly imports SVG into React spec file. The spec src/resources.cy-spec.js confirm that static resources like SVG and fonts load correctly.

Env files

React Scripts automatically loads .env files. The NODE_ENV is set to test when loading scripts, thus the .env.test files are combined and the final process.env contains an object with string values.

See the test in src/App.cy-spec.js and local .env files in this folder.