skills.rest
Expensify
ExpensifyOFFICIAL
Explore all skills by this author →
Website𝕏@expensifyGitHub

playwright-app-testing

Run Playwright browser UI tests for the Expensify App.

5.0k|4.0k|Updated Aug 7, 2020
Search Tags:#automation#testing#frontend#playwright#ui-testing#browser-testing#web-app
One-click install
npx skills add https://github.com/Expensify/App --skill playwright-app-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-app-testing
Source: https://github.com/Expensify/App/tree/main/.claude/skills/playwright-app-testing
Command: npx skills add https://github.com/Expensify/App --skill playwright-app-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps QA teams and developers automatically validate the Expensify web UI by running Playwright tests, saving time on repetitive browser checks.

Core Features & Use Cases

  • Automated UI testing: Execute Playwright tests to verify layout, interactions, and visual consistency across web platforms.
  • Regression checks: Re-run tests after frontend changes to catch UI regressions.
  • Use Case: Imagine you updated the expense form validation; use this Skill to run end-to-end tests that cover sign-in, form submission, and error handling.

Quick Start

Start the dev server and run the tests: cd App && npm run web npx playwright test

Frequently Asked Questions about playwright-app-testing

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

FAQPage Schema
How do I automate Playwright tests for web UI changes?▼

Automate Playwright tests by running a development server and executing test commands to validate frontend changes, debug UI issues, and conduct browser-based regression checks across desktop and mobile web platforms.

What do I need to run browser-based regression tests for a web app?▼

Running browser-based regression tests requires Node.js, Playwright tooling, and a running development server. You must start the server before executing the test suite to collect results and verify UI stability.

Can I use Playwright to validate frontend layout and interactions on mobile web?▼

Playwright can validate frontend layout, interactions, and visual consistency across both desktop and mobile web platforms. It executes end-to-end tests covering sign-in, form submission, and error handling.

How does automated UI testing catch regressions after updating frontend validation?▼

Automated UI testing catches regressions by re-running Playwright tests after frontend updates. It verifies that new changes to expense form validation or other UI elements do not break existing sign-in or submission workflows.

Why are my Playwright tests not working during local web development?▼

Playwright tests fail if the development server is not running. Ensure you navigate to the application directory, start the web server using the appropriate npm command, and then execute the test runner.

What is the best way to debug UI issues in an Expensify web application?▼

Debugging UI issues in the Expensify web application is best done by running automated Playwright tests. This validates layout, interactions, and visual consistency to identify and resolve frontend defects.

Related Skills

Explore More Software Engineering Skills→
superchordatesuperchordate

nextjs-testing

Set up Jest and React Testing Library for Next.js component and API route tests.

Community
Intermediate
dallaydallay

webapp-testing

Automate Playwright browser testing and debugging for local web applications.

Official
Intermediate
nagasriramnaninagasriramnani

repl_setup

Configure web applications for Replit host binding and port usage.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate