DEV Community

Cover image for Angular 12 & Cypress: Install to Testing in 2 Minutes
Adam Murray
Adam Murray

Posted on

5 2

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
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.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up