Angular Cypress

If you're testing Angular apps with Cypress, this skill keeps you on track with both E2E and component testing patterns. It covers the basics: installation with the Angular mount adapter, standard E2E flows visiting pages and asserting on elements, and component tests that mount Angular components in isolation. The examples are straightforward and show the typical setup you'll actually use. It's targeting Cypress 13.x, so if you're on a recent version this should match what you're working with. Nothing fancy here, just the core patterns to get tests running without having to context switch to docs constantly.

skills.sh installs: 172
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-cypress --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular + Cypress

Version: Cypress 13.x (2025) Tags: Cypress, E2E, Testing, Component Tests

References: Cypress • Cypress Angular

Best Practices

Install Cypress

npm install -D cypress @cypress/angular cypress-visual-regression
npx cypress open

Write E2E test

describe('My First Test', () => {
  it('visits the kitchen sink', () => {
    cy.visit('/');
    cy.contains('type').click();
    cy.get('.action-email').type('fake@email.com');
    cy.get('.action-email').should('have.value', 'fake@email.com');
  });
});

Write component test

import { mount } from 'cypress/angular';
import { ButtonComponent } from './button.component';

describe('ButtonComponent', () => {
  it('renders button with text', () => {
    mount(ButtonComponent, { 
      componentProperties: { 
        label: 'Click me' 
      } 
    });
    cy.get('button').should('contain.text', 'Click me');
  });
});

SKILL.md on GitHub

Details

Repository: github.com/oguzhan18/angular-ecosystem-skills
Categories: Frontend Development, Testing & QA
First seen: Jun 3, 2026