DEV Community

loading...
Cover image for Angular 12 & Cypress: Install to Testing in 2 Minutes

Angular 12 & Cypress: Install to Testing in 2 Minutes

Adam Murray
・1 min read

Thanks to the Angular CLI and the Cypress Schematic, spinning up a new Angular 12 project with Cypress is incredibly easy.

Installation 🚀

Here's how to do it in less than 2 minutes:

  1. Install the Angular CLI if you haven't and create a new project:
ng new angular-cypress-demo
Enter fullscreen mode Exit fullscreen mode
  1. Navigate to the newly created project directory and install the Cypress Angular Schematic via the CLI:
ng add @cypress/schematic
Enter fullscreen mode Exit fullscreen mode

Once you've completed these steps, Cypress will be set up with a default config, and basic files and folders will be installed within your project in the cypress folder - including an initial test.

Additional Information 📝

For more information regarding schematic configuration click here.

Discussion (0)