Angular 12 & Cypress: Install to Testing in 2 Minutes

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

1. Navigate to the newly created project directory and install the Cypress Angular Schematic via the CLI:

ng add @cypress/schematic

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.