mirror of
https://github.com/cypress-io/cypress.git
synced 2026-01-22 23:20:24 -06:00
43 lines
1.2 KiB
Markdown
43 lines
1.2 KiB
Markdown
# example: react-scripts
|
|
|
|
> A typical project using `react-scripts` with components and matching component tests residing in the [src](src) folder.
|
|
|
|
## Usage
|
|
|
|
1. Make sure the root project has been built .
|
|
|
|
```bash
|
|
# in the root of the project
|
|
npm install
|
|
npm run build
|
|
```
|
|
|
|
2. Run `npm install` in this folder to symlink the `@cypress/react` dependency.
|
|
|
|
```bash
|
|
# in this folder
|
|
npm install
|
|
```
|
|
|
|
3. Start Cypress
|
|
|
|
```bash
|
|
npm run cy:open
|
|
# or just run headless tests
|
|
npm test
|
|
```
|
|
|
|
## Notes
|
|
|
|
|
|
|
|
The spec [src/Logo.cy-spec.js](src/Logo.cy-spec.js) directly imports SVG into React spec file. The spec [src/resources.cy-spec.js](src/resources.cy-spec.js) confirm that static resources like SVG and fonts load correctly.
|
|
|
|
## Env files
|
|
|
|
React Scripts automatically [loads `.env` files](https://create-react-app.dev/docs/adding-custom-environment-variables/). 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](src/App.cy-spec.js) and local `.env` files in this folder.
|