المهارات e2e-testing-patterns
📦

e2e-testing-patterns

آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

Criar Suítes de Testes E2E Confiáveis

متاح أيضًا من: wshobson

Escrever testes de ponta a ponta é desafiador. Esta skill fornece padrões testados em batalha para Playwright e Cypress para criar testes estáveis e mantíveis que capturam bugs antes dos usuários.

يدعم: Claude Codex Code(CC)
🥉 75 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "e2e-testing-patterns". Create a login test with Playwright

النتيجة المتوقعة:

  • Passo 1: Criar classe LoginPage com localizadores para email, senha e botão de提交
  • Passo 2: Implementar métodos goto() e login(email, password)
  • Passo 3: Escrever teste usando page object com assertions para URL e mensagem de sucesso
  • Passo 4: Adicionar teste de tratamento de erros para credenciais inválidas

استخدام "e2e-testing-patterns". How do I debug a flaky test?

النتيجة المتوقعة:

  • 1. Substituir waitForTimeout fixo por esperas explícitas
  • 2. Usar trace viewer: npx playwright test --trace on
  • 3. Adicionar screenshots na falha
  • 4. Verificar condições de corrida em operações assíncronas
  • 5. Isolar dados de teste para evitar poluição entre testes

التدقيق الأمني

آمن
v1 • 2/24/2026

All 63 static findings are false positives. The analyzer incorrectly interprets markdown code fences as Ruby shell commands, JavaScript operators as cryptographic issues, and test configuration as system reconnaissance. This is a documentation skill with educational content about E2E testing patterns using Playwright and Cypress. No actual security risks exist.

2
الملفات التي تم فحصها
576
الأسطر التي تم تحليلها
3
النتائج
1
إجمالي عمليات التدقيق

عوامل الخطر

⚙️ الأوامر الخارجية (32)
🌐 الوصول إلى الشبكة (4)
🔑 متغيرات البيئة (8)
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
85
المحتوى
50
المجتمع
100
الأمان
100
الامتثال للمواصفات

ماذا يمكنك بناءه

Configurar Testes E2E para Novo Projeto

Configurar Playwright ou Cypress do zero com estrutura adequada, reportadores e integração com CI

Corrigir Testes Instáveis

Substituir seletores frágeis e timeouts fixos por estratégias de espera adequadas e localizadores estáveis

Escalar Execução de Testes

Implementar execução paralela e fragmentação de testes para reduzir o tempo do pipeline de CI de horas para minutos

جرّب هذه الموجهات

Criar Teste de Login
Criar um teste de ponta a ponta para uma página de login usando Playwright. Incluir seletores adequados, assertions e tratamento de erros para tentativas de login bem-sucedidas e falhadas.
Simular Resposta de API
Mostrar como simular uma resposta de API no Cypress para testar tratamento de erros sem depender de um serviço de backend real.
Configurar Pipeline de CI
Configurar Playwright para executar testes em CI com execução paralela, lógica de retry e geração de relatório HTML.
Teste de Acessibilidade
Implementar teste de acessibilidade usando axe-core para garantir que a aplicação atende às diretrizes WCAG.

أفضل الممارسات

  • Usar data-testid ou roles semânticos em vez de seletores CSS para localizadores estáveis
  • Manter testes independentes com setup e teardown adequados dos dados de teste
  • Executar testes em paralelo no CI para reduzir o tempo de execução

تجنب

  • Usar timeouts fixos como waitForTimeout(3000) - causa instabilidade
  • Testar detalhes de implementação em vez de comportamento visível ao usuário
  • Compartilhar estado entre testes - leva a falhas em cascata

الأسئلة المتكررة

Playwright vs Cypress: Qual devo escolher?
Playwright oferece melhor suporte a cross-browser e execução mais rápida. Cypress tem um ecossistema mais maduro e debugging mais fácil. Escolha com base nos seus requisitos de navegador e familiaridade da equipe.
Como fazer testes menos instáveis?
Use esperas explícitas em vez de timeouts, evite testar detalhes de implementação, certifique-se de que os dados de teste estão adequadamente isolados e adicione lógica de retry para operações dependentes de rede.
Como executar testes em paralelo?
Configure workers do Playwright ou paralelização do Cypress. Use test sharding para dividir testes entre várias máquinas no CI. Certifique-se de que os testes são independentes para evitar conflitos.
Posso testar APIs com ferramentas E2E?
Sim, tanto Playwright quanto Cypress suportam teste de API. Use page.request() no Playwright ou cy.request() no Cypress para chamadas diretas de API sem interação com UI.
Como lidar com autenticação em testes?
Use login de API para definir cookies ou tokens, ou use APIs de storage do navegador para definir dados de sessão diretamente. Evite login via UI em cada teste para melhor desempenho.
O que é o Page Object Model?
Um padrão de design que encapsula lógica e seletores específicos de uma página em uma classe. Melhora a manutenibilidade dos testes ao centralizar mudanças de página em um lugar em vez de em todos os testes.

تفاصيل المطور

بنية الملفات