Browse / Security Testing / UI Testing

UI Testing

Guides the development of robust UI tests using Cypress and Testing Library, covering component tests, end-to-end flows, and accessibility.

SkillSecurity TestingE2e Testing

Key features

  • Expert guidance and code examples for Cypress and Testing Library.
  • Best practices for accessibility testing using axe-core and keyboard navigation.
  • CI/CD integration patterns for automating tests with tools like GitHub Actions.
  • Comprehensive test strategies, including the testing pyramid and coverage models.
  • Techniques for mitigating test flakiness and debugging failing tests.

Use cases

  • Choosing the right UI testing framework for a project.
  • Implementing user-centric component tests with React Testing Library.
  • Writing end-to-end tests for critical user flows using Cypress.

FAQ

What specific capabilities does it provide?

It offers expert guidance on Cypress (including API mocking and custom commands), Testing Library (emphasizing user-centric queries), accessibility testing with axe-core, and CI/CD integration with GitHub Actions. It also covers high-level strategies for test coverage and flakiness mitigation.

When should I use this skill?

Use this skill when you need to write or debug tests using Cypress or Testing Library, understand test strategies like the testing pyramid, mitigate flaky tests, or implement accessibility testing. For deep Playwright expertise, use the `e2e-playwright` skill instead.

How does this skill improve my workflow?

It accelerates your development cycle by generating high-quality test code, providing solutions for common issues like test flakiness, and offering ready-to-use CI/CD pipeline examples. This ensures you ship more reliable and accessible applications faster.

What does the UI Testing skill do?

This skill transforms Claude into an expert on UI testing, providing code examples, strategies, and best practices for Cypress and Testing Library. It helps you write robust component tests, end-to-end flows, and accessibility checks.