COPILOTPlaywright End-to-End Testing GitHub Copilot Instructions
Generate .github/copilot-instructions.md repository rules for Playwright End-to-End Testing. GitHub Copilot adds .github/copilot-instructions.md to Copilot Chat, code review and coding agent requests in the repository. Writing down the Playwright End-to-End Testing conventions there means Copilot's answers and reviews follow your project's patterns instead of generic ones.
.github/copilot-instructions.mdWhat this file changes for Playwright End-to-End Testing
GitHub Copilot adds .github/copilot-instructions.md to Copilot Chat, code review and coding agent requests in the repository. Writing down the Playwright End-to-End Testing conventions there means Copilot's answers and reviews follow your project's patterns instead of generic ones.
Playwright End-to-End Testing: code to avoid and code to write instead
// Flaky: Brittle selectors, arbitrary sleep timeouts, and no auto-waiting
test("bad test", async ({ page }) => {
await page.goto("/catalog");
await page.click("div.col-md-4 > button:nth-child(2)"); // Breaks on minor CSS tweak!
await page.waitForTimeout(5000); // Flaky anti-pattern!
const text = await page.innerText("#cart-total");
expect(text).toBe("1");
});import { test, expect } from "@playwright/test";
test.describe("Checkout Flow", () => {
test("allows user to complete cart purchase", async ({ page }) => {
await page.goto("/catalog");
// Accessible, user-facing locators
await page.getByRole("button", { name: "Add to Cart" }).first().click();
await page.getByRole("link", { name: "Cart (1)" }).click();
// Auto-waiting assertions
await expect(page.getByRole("heading", { name: "Your Shopping Cart" })).toBeVisible();
await page.getByRole("button", { name: "Proceed to Checkout" }).click();
await expect(page).toHaveURL(/.*checkout/);
});
});How to Install Playwright End-to-End Testing GitHub Copilot Instructions via Terminal
Step 1: Open Project Directory & Verify Target Placement
Open your terminal and navigate to your project root folder where the .github/copilot-instructions.md file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:
Step 2: Fetch Rule File via Terminal Command
Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to .github/copilot-instructions.md:
Terminal One-Liner Install
Run directly in your project root to stream and write this rule file with one command.
mkdir -p ".github" && curl -fsSL "https://www.devscratchpad.tech/api/raw/copilot-instructions/playwright-e2e" -o ".github/copilot-instructions.md"Step 3: Check that Copilot Chat, code review, coding agent uses it
Copilot Chat, Copilot code review and the coding agent add the file to requests in this repository. It does not change completions as you type.
GitHub Copilot instructions generator: .github/copilot-instructions.md
GitHub Copilot Instructions: how it works, where the file goes, and every Copilot preset.
Tools for Playwright End-to-End Testing work
Browser-based utilities to test, format and inspect the code your AI tool writes. Nothing you paste is uploaded.
YAML to JSON / JSON to YAML Converter
Bidirectional YAML and JSON conversion with syntax validation.
Cron Expression Visualizer
Translates complex cron schedules into plain English with a 5-column breakdown grid.
CIDR Calculator & Subnet Inspector
Calculate IPv4 subnet masks, broadcast addresses, and usable ranges.
Base64 / Hex / Binary Multi-Inspector & Image Previewer
Auto-detects Base64, URL-safe Base64, Hex, Binary, URL-encoded, and Data URL input and converts it to every format, plus a Canonical Hex Dump.
Live Repository & Schema Ingestion
Inspect any public or private GitHub repository, or paste SQL DDL and Prisma models directly in AI Skill Studio to auto-generate authentic rules. Zero server transmission.
Migrating from Legacy .cursorrules or CLAUDE.md?
Use the free, in-browser converter to turn one long rules file into Cursor .mdc, Claude SKILL.md or Windsurf rules.
Technical FAQ: Playwright End-to-End Testing AI Rulebooks
Where should this Copilot instruction file be stored?
Save it as .github/copilot-instructions.md in your repository. Copilot Chat, Copilot code review and the Copilot coding agent use it; completions as you type do not.
Does this apply to all team members?
Yes. Once the file is on the default branch, Copilot uses it for everyone working in the repository.