j40-cejst-2/client/cypress
Vim 36f43b2d44
adds map side panel (#406)
* initial map side panel

* componentize MapSidePanel

* remove selection from J40Map

* adds isFeatureSelected to toggle component

* filters data from server for client UI

* styling and refactor

* added TODO

* adds styling to intro and pairing feedback

* add mobile styling

* adds popup back to fs feature flag

* adds tests and aria roles

* makes mobile content same as desktop

* prettier update

* initial e2e mapSidePanel test

* adds cypress tests on desktop and mobile

* adds sass util and updates cypress tests

* cleans up tests

* reverts tsconfig file

* fixes map alignment

* renaming and using constants

* renaming sidePanel to infoPanel

* intl messaging

* adds snapshot testing and utility sass file

* PR feedback
- adds intl messages
- adds data-cy attr to cy tests
- snapshot testing for unit tests
- fixes bug where side panel extends past the map
- moves all wrapper content in MapWrapper

* logs isMobile to troubleshoot deployed PR

* adds react-device-detect for isMobile detection

* adds new instance of map for mobile

* adds instance

* adds isMobile to state

* tests the fix for mobile map view on PR

* PR review feedback
- localize MapIntroduction
- update snapshot tests
- QA feedback
- constants.isMobile points to react-device-detect
2021-07-27 12:05:25 -07:00
..
e2e adds map side panel (#406) 2021-07-27 12:05:25 -07:00
fixtures Adding Cypress for e2e testing (#85) 2021-06-02 20:53:22 -04:00
plugins Adding Cypress for e2e testing (#85) 2021-06-02 20:53:22 -04:00
support Cypress tests are failing locally (#403) 2021-07-23 08:52:34 -04:00
README.md Cypress tests are failing locally (#403) 2021-07-23 08:52:34 -04:00

Cypress Tests

Debugging with VSCode

To debug Cypress tests:

  1. Open the client directory in vscode with code client
  2. In a terminal, run npm start to start the site
  3. In a separate terminal, run npm run cy:open to open cypress with the debug port set to 9222
  4. Open a target test from the list
  5. Create breakpoints in your test code and/or source
  6. Run the Debug Cypress command from the debug menu in VSCode