mirror of https://github.com/cypress-io/cypress.git synced 2026-01-14 10:59:54 -06:00

Files

Dmitriy Kovalenko 9c642369fc chore(component-testing): Remove useless code & deps in @cypress/react and @cypress/vue (#15113 )

* Remove useless code

* Add code-coverage to reacr devDependencies

* Remove react/support imports

* Remove some useless code from @cypress/react

* Cleanup vue

* Make it works :)

* Fix react errors

* Fix next.js react example

Co-authored-by: Lachlan Miller <lachlan.miller.1990@outlook.com>
Co-authored-by: Barthélémy Ledoux <bart@cypress.io>

2021-02-19 14:58:40 -06:00

cypress

chore(component-testing): Remove useless code & deps in @cypress/react and @cypress/vue (#15113 )

2021-02-19 14:58:40 -06:00

images

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

public

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

src

chore(component-testing): Remove useless code & deps in @cypress/react and @cypress/vue (#15113 )

2021-02-19 14:58:40 -06:00

.env

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

.env.test

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

.env.test.local

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

cypress.json

import bahmutov/cypress-react-unit-test to npm/react/

2020-10-01 13:54:22 +03:00

package.json

chore: Fix red master (#8841 )

2020-10-14 10:55:57 -04:00

README.md

fix: make imported @cypress/react working and pass CI (#8718 )

2020-10-14 02:45:48 -04:00

yarn.lock

chore(component-testing): Remove useless code & deps in @cypress/react and @cypress/vue (#15113 )

2021-02-19 14:58:40 -06:00

README.md

example: react-scripts

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

Usage

Make sure the root project has been built .

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

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

# in this folder
npm install

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.