Files
cypress/npm/react/examples/react-scripts
Alejandro Estrada 6e803597a3 fix: update scaffold template to use correct path (#20047)
* fix: update scaffold template to use correct path

* Remove support for dynamic import on devServer

* Update scaffold template

* Update config files

* Update with feedback

* Rename cypressConfig to cypressDevServerConfig

* Update devserver link

* Update comment
2022-02-07 16:58:24 -05:00
..

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
  1. Run npm install in this folder to symlink the @cypress/react dependency.
# in this folder
npm install
  1. Start Cypress
npm run cy:open
# or just run headless tests
npm test

Notes

App test

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.

Env test

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