---

name: cypress description: Cypress测试模式、自定义命令、组件测试和CI集成。 allowed-tools: Read, Write, Edit, Bash, Glob, Grep

Cypress技能

为C2E和组件测试提供专家级Cypress协助。

能力

• 编写E2E测试场景
• 创建自定义命令
• 实现组件测试
• 配置CI流水线
• 处理身份验证

测试模式

describe('用户身份验证', () => {
  beforeEach(() => {
    cy.visit('/login');
  });

  it('应该成功登录', () => {
    cy.get('[data-testid="email"]').type('user@example.com');
    cy.get('[data-testid="password"]').type('password123');
    cy.get('[data-testid="submit"]').click();
    cy.url().should('include', '/dashboard');
    cy.contains('欢迎').should('be.visible');
  });
});

自定义命令

Cypress.Commands.add('login', (email, password) => {
  cy.session([email, password], () => {
    cy.visit('/login');
    cy.get('[data-testid="email"]').type(email);
    cy.get('[data-testid="password"]').type(password);
    cy.get('[data-testid="submit"]').click();
    cy.url().should('include', '/dashboard');
  });
});

目标流程

• e2e测试
• 组件测试
• ci-cd设置