End-to-end tests (short e2e) are split into two parts:
- The rendered UI (short: fixture)
- Instrumentation of that UI
The rendered UI is located inside a separate file in ./tests
and written as a React component.
If you're adding a new test prefer a new component instead of adding existing files since that might unknowingly alter existing tests.
We're using playwright
to replay user actions.
Each test tests only a single fixture.
A fixture can be loaded with await renderFixture(fixturePath)
e.g. renderFixture('Unstable_TrapFocus/OpenTrapFocus')
.
For development yarn test:e2e:dev
and yarn test:e2e:run --watch
in separate terminals is recommended.
command | description |
---|---|
yarn test:e2e |
Full run |
yarn test:e2e:dev |
Prepares the fixtures to be able to test in watchmode |
yarn test:e2e:run |
Runs the tests (requires yarn test:e2e:dev or yarn test:e2e:build +yarn test:e2e:server ) |
yarn test:e2e:build |
Builds the webpack bundle for viewing the fixtures |
yarn test:e2e:server |
Serves the fixture bundle. |