Skip to content

Latest commit

 

History

History
36 lines (24 loc) · 2.24 KB

File metadata and controls

36 lines (24 loc) · 2.24 KB

Nested component testing

Author: Thomas Laforge

Statement:

We have a small application that send a title to a fake backend that you type inside a input. If the title is correctly typed, you can send the request otherwise you get a nice error and the request is not sent. You can play with it by running : npx nx serve testing-nested.

The goal is to test this behavior with Testing library and Cypress

The file named child.component.spec.ts will let test your application using Testing Library. To run the test suits, you need to run npx nx test testing-nested. 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 child.component.cy.ts and run npx nx component-test testing-nested 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.

Submitting your work

  1. Fork the project
  2. clone it
  3. npm ci
  4. npx nx serve testing-nested to play with the application
  5. npx nx test testing-nested to test your application with Testing Library
  6. npx nx component-test testing-nested --watch to test your application with Cypress
  7. ...work on it
  8. Commit your work
  9. Submit a PR with a title beginning with Answer:18 that I will review and other dev can review.

nested testing nested testing solution author

You can ask any question on twitter