playwright-app-testing
Test the Expensify App using Playwright browser automation. Use when user requests browser testing, after making frontend changes, or when debugging UI issues
Best for Frontend developersWorks with GitHub
⌘source
- author
@Expensify- repo
- Expensify/App
- language
- TypeScript
★4.8kstars
3.7kforks
Apr 22, 2026
✦overview.md
Key Features
- ·Test the Expensify App using Playwright browser automation
- ·Verify UI/frontend code changes and fixes
- ·Debug UI issues in the browser
- ·Follow specific dev server prerequisites and sign-in workflow
Use Cases
- →User requests testing the App in a browser
- →Verifying fixes or improvements made to UI/frontend code
- →Debugging UI issues after making frontend changes
Best for
- ✓Frontend developers
- ✓UI testing scenarios
- ✓Dev environments
Not ideal for
- !Production environments
- !Backend testing
FAQs
name
playwright-app-testing
description
Test the Expensify App using Playwright browser automation. Use when user requests browser testing, after making frontend changes, or when debugging UI issues
alwaysApply:false
Playwright App Testing
When to Use This Skill
Use Playwright testing when:
- User requests testing the App in a browser
- Verifying fixes or improvements you've made to UI/frontend code
- Debugging UI issues
Proactively use after making frontend changes to verify your work functions correctly.
Prerequisites Check
Before using Playwright tools, verify the dev server is running:
ps aux | grep "webpack" | grep -v grep
If server not running: Inform user to start with cd App && npm run web
Dev Server Details
- URL:
https://dev.new.expensify.com:8082/
Playwright Testing Workflow
- Verify server: Check webpack process is running
- Navigate: Open
https://dev.new.expensify.com:8082/in the browser - Interact: Use Playwright MCP tools to inspect, click, type, and navigate
Do NOT add arbitrary waits after actions. Instead, take a snapshot to check the result and only add short waits if the page hasn't updated yet.
Dev Environment Sign-In
When signing in to dev environment:
- Email: Generate random Gmail address (e.g.,
user+throwaway<random>@gmail.com)- New Account: Press join to create account
$install
1-click copynpx skills add Expensify/App --skill playwright-app-testingSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
4/ 5
very goodClear and well structured, with only minor parts that might need a second read.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
4/ 5
highMostly actionable with clear steps; only a few small gaps remain.