skills.rest
navikt
naviktOFFICIAL
Explore all skills by this author →
WebsiteGitHub

sif-playwright

Bootstrap Playwright end-to-end testing frameworks with configs and axe accessibility checks.

2|Updated Jun 3, 2022
Search Tags:#typescript#playwright#scenario#e2e-testing#axe#testing-setup
One-click install
npx skills add https://github.com/navikt/sif-brukerdialog --skill sif-playwright
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sif-playwright
Source: https://github.com/navikt/sif-brukerdialog/tree/main/.github/skills/sif-playwright
Command: npx skills add https://github.com/navikt/sif-brukerdialog --skill sif-playwright

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the initial Playwright e2e setup for app-workspaces, enabling teams to bootstrap deterministic end-to-end tests and accessibility checks quickly.

Core Features & Use Cases

  • One app-workspace per task setup with config, scripts, scenario management, and a11y checks.
  • Provides standard structure with required files (playwright.config.ts, vite.e2e.config.ts, playwrightAppSettings.ts, scenario utilities) and optional test files.
  • Use Case: Establish the first e2e flow in a new app workspace and ensure reliable navigation, data mocks, and accessibility checks with axe.

Quick Start

Follow the standard Playwright setup to initialize the first end-to-end tests for your app workspace.

Frequently Asked Questions about sif-playwright

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

FAQPage Schema
How do I set up Playwright e2e testing in a new app workspace?▼

To scaffold Playwright e2e testing, this setup bootstraps required configuration files like playwright.config.ts and vite.e2e.config.ts to enable deterministic test execution and scenario mocking across app workspaces.

What is the standard way to integrate axe accessibility checks into Playwright tests?▼

Integrating axe accessibility checks involves configuring scenario utilities and test files within your e2e flow to execute a11y checks alongside reliable navigation and data mocks during end-to-end test execution.

Do I need TypeScript to configure Playwright e2e scenarios?▼

Yes, TypeScript is required. The e2e testing setup relies on TypeScript configuration files like playwright.config.ts and vite.e2e.config.ts to establish the standard structure for scenario management and test execution.

Can I use this Playwright setup to manage mock scenarios across multiple apps?▼

Yes, this setup provides scenario utilities to manage mocks within one app-workspace per task, enabling consistent e2e test execution across multiple apps through a standard structure for data mocking and configuration.

What's the best way to bootstrap an end-to-end testing framework with Vite and Playwright?▼

Bootstrapping an e2e framework involves generating standard Vite and Playwright configuration files, establishing scenario utilities for data mocks, and integrating axe to ensure reliable navigation and accessibility validation.

Related Skills

Explore More Software Engineering Skills→
chaitinchaitin
5

frontend-project-creator

Scaffold React frontend projects with Vite, TypeScript, and chosen UI libraries.

Official
Advanced
joe-watkinsjoe-watkins
1

a11y-tester

Run axe-core accessibility tests on web pages via Playwright MCP.

Community
Advanced
pakomercado0517pakomercado0517
1

vitest

Run Jest-compatible unit tests for Vite-based JavaScript and TypeScript projects.

Community
Advanced
simotasimota
68

Voyager

Builds end-to-end browser automation suites with Playwright, Cypress, or WebdriverIO.

Community
Advanced