test-ui

Guide Playwright browser test writing with locators, assertions, and page objects.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/lgtm-hq/claude-skills --skill test-ui-lgtm-hq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: test-ui
Source: https://github.com/lgtm-hq/claude-skills/tree/main/skills/test-ui
Command: npx skills add https://github.com/lgtm-hq/claude-skills --skill test-ui-lgtm-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of writing and maintaining end-to-end browser tests, ensuring consistent test results and reducing flaky failures.

Core Features & Use Cases

  • Guides best practices for locator strategies, auto-waiting, and assertions to improve test stability.
  • Supports Page Object Model to promote modular, maintainable test code.
  • Enables visual regression and accessibility testing for frontend quality assurance.
  • Use Case: QA engineers can implement robust tests that automatically verify UI correctness after code changes, such as visual layout and accessibility compliance.

Quick Start

Use the test-ui skill to write a test that verifies the homepage loads correctly and matches the expected visual snapshot.

Frequently Asked Questions about test-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to write reliable Playwright e2e testing scripts?

The best way to write reliable Playwright e2e testing scripts is to use robust locator strategies, leverage auto-waiting, and apply strict assertions to ensure test stability and reduce flaky failures.

Can I use the Page Object Model to maintain Playwright test code?

Yes, you can use the Page Object Model pattern to promote modular and maintainable Playwright test code, organizing UI elements and behaviors into reusable fixtures and structured page objects.

How do I implement visual regression and accessibility testing in Playwright?

You can implement visual regression and accessibility testing by using Playwright fixtures to capture visual snapshots and verify frontend UI compliance, ensuring consistent layout and accessible components after code changes.

Do I need to install Playwright dependencies to use e2e testing best practices?

Yes, you need to install Playwright dependencies to safely execute e2e testing workflows, as proper dependency management with Playwright and related tools is required for reliable browser test automation.

What locator strategies should I use for stable Playwright browser tests?

For stable Playwright browser tests, prioritize user-facing attributes and resilient locator strategies instead of CSS selectors, combining them with auto-waiting to handle dynamic UI elements effectively.