Author: Thomas Laforge
The goal of this challenge is to test dialogs inside your application. Within this program, you will get an error modal if the user doesn't input a name, while a confirmation modal will appear in all other cases. In the confirmation modal, if you click the "confirm" button, a message confirming the submission of the form will appear. Otherwise, if the user clicks on "Cancel", an error message will be displayed.
You can play with it by running : npx nx serve testing-modal.
The goal is to test this behavior with Testing library and Cypress
The file named app.component.spec.ts will let test your application using Testing Library. To run the test suits, you need to run npx nx test testing-modal. You can also install Jest Runner to execute your test by clicking on the Run button above each describe or it blocks.
For testing cypress, you will execute your test inside the app.component.cy.ts and run npx nx component-test testing-modal to execute your test suits. You can add the --watch flag to execute your test in watch mode.
I created some it blocks but feel free to add more test if you like to.
- Fork the project
- clone it
- npm ci
npx nx serve testing-modalto play with the applicationnpx nx test testing-modalto test your application with Testing Librarynpx nx component-test testing-modal --watchto test your application with Cypress- ...work on it
- Commit your work
- Submit a PR with a title beginning with Answer:20 that I will review and other dev can review.
You can ask any question on 