The latest articles on DEV Community by Adam Murray (@admah). https://dev.to/admah https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F634870%2Ffb3330cb-21ad-48c7-8e19-e1f49351bfe1.jpeg https://dev.to/admah en Adam Murray Mon, 07 Jun 2021 16:32:45 +0000 https://dev.to/admah/angular-12-cypress-install-to-testing-in-2-minutes-2k3k https://dev.to/admah/angular-12-cypress-install-to-testing-in-2-minutes-2k3k <p>Thanks to the Angular CLI and the <a href="https://www.npmjs.com/package/@cypress/schematic">Cypress Schematic</a>, spinning up a new Angular 12 project with Cypress is incredibly easy.</p> <h3> Installation 🚀 </h3> <p>Here's how to do it in less than 2 minutes:</p> <ol> <li>Install the <a href="https://angular.io/cli">Angular CLI</a> if you haven't and create a new project: </li> </ol> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>ng new angular-cypress-demo </code></pre> </div> <ol> <li>Navigate to the newly created project directory and install the <a href="https://www.npmjs.com/package/@cypress/schematic">Cypress Angular Schematic</a> via the CLI: </li> </ol> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>ng add @cypress/schematic </code></pre> </div> <p>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 <code>cypress</code> folder - including an initial test. </p> <h3> Additional Information 📝 </h3> <p>For more information regarding schematic configuration <a href="https://on.cypress.io/protractor-to-cypress#Angular-Schematic-Configuration?fromDevto=true">click here</a>. </p> angular testing cypress e2e