Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
oguzhan18 avatar

Angular Cypress

  • 171 installs
  • 6 repo stars
  • Updated April 4, 2026
  • oguzhan18/angular-ecosystem-skills

Author Cypress e2e tests for Angular apps covering navigation, forms, and critical user journeys before release.

About

Provides Angular Cypress testing guidance from oguzhan18/angular-ecosystem-skills for e2e setup, selectors, page objects, form and navigation assertions, and CI-ready suites so Claude ships reliable regression coverage before release.

  • Cypress Angular e2e setup
  • Page object patterns
  • Form and route assertions
  • CI-friendly test runs
  • Critical journey coverage

Angular Cypress by the numbers

  • 171 all-time installs (skills.sh)
  • Ranked #846 of 2,153 Testing & QA skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-cypress

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs171
repo stars6
Last updatedApril 4, 2026
Repositoryoguzhan18/angular-ecosystem-skills

What it does

Author Cypress e2e tests for Angular apps covering navigation, forms, and critical user journeys before release.

Files

SKILL.mdMarkdownGitHub ↗

Angular + Cypress

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

References: CypressCypress 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');
  });
});

Related skills

Testing & QAtestingfrontend

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.