playwright-testing

What problem does it solve?

This Skill streamlines the creation and maintenance of robust, reliable tests for modern web applications. It tackles the challenges of flaky tests, complex setups, and inconsistent testing practices, allowing you to build high-quality software with confidence and speed.

Core Features & Use Cases

• End-to-End & Component Testing: Write comprehensive tests for user flows, individual components, and visual consistency using Playwright with TypeScript.
• Page Object Model (POM): Implement maintainable test suites with structured page objects and advanced patterns.
• CI/CD Automation: Integrate seamlessly with GitHub Actions for automated testing in your development pipeline.
• Use Case: You need to ensure your critical user login and checkout flows are always functional across different browsers. This Skill guides you through setting up Playwright, writing resilient end-to-end tests using semantic locators and Page Objects, and automating these tests to run on every code push via GitHub Actions.

Quick Start

Simple Test with TypeScript

import { test, expect } from '@playwright/test';

test('user can login successfully', async ({ page }) => { // Navigate to application await page.goto('https://app.example.com');

// Interact with elements using recommended locators await page.getByLabel('Email').fill('[email protected]'); await page.getByLabel('Password').fill('SecurePass123'); await page.getByRole('button', { name: 'Sign in' }).click();

// Assert expected outcomes await expect(page).toHaveURL('/dashboard'); await expect(page.getByRole('heading', { name: 'Welcome back' })).toBeVisible(); });