Does it include CI/CD support?

Yes, it provides production-ready GitHub Actions workflows to automate your Playwright test runs.

Does this skill support Vue 3 component testing?

Yes, it provides specific guidance for using @playwright/experimental-ct-vue to test components in isolation.

Can I test Pinia state changes with this skill?

Yes, the skill includes patterns for observing reactive state changes and verifying Pinia store updates during user interactions.

Is this compatible with Vite-based projects?

Absolutely, the skill includes configuration templates specifically optimized for Vite 6+ and the modern Vue ecosystem.

How does this help with flaky tests in Vue?

It enforces the use of conditional waits and semantic locators instead of arbitrary timeouts, which are the leading cause of test instability.

Vue 3 Playwright Testing

Name: Vue 3 Playwright Testing
Author: vinceh

byvinceh

0•

安全与测试

Streamlines end-to-end and component testing for Vue 3 applications using Playwright and Vite best practices.

The Vue 3 Playwright Testing skill provides a comprehensive framework for building reliable test suites in modern Vue environments. It offers specialized guidance for both full-scale end-to-end user flows and isolated component testing, integrating deeply with Vue 3's reactivity system, Vue Router, and Pinia. By emphasizing semantic locators and conditional waiting over arbitrary timeouts, this skill helps developers eliminate flakiness and maintain robust CI/CD pipelines for their frontend applications.

主要功能

010 GitHub stars

02Comprehensive patterns for Vue 3 E2E and component testing

03Deep integration with Vue Router navigation and Pinia state management

04Advanced strategies for API mocking and network request interception

05Optimized Playwright configuration templates for Vite-based projects

06Best practices for avoiding flaky tests through conditional waiting

使用场景

01Refactoring fragile test suites to use stable semantic locators and auto-waiting

02Implementing a robust E2E testing strategy for complex Vue 3 authentication flows

03Testing individual Vue components in isolation using experimental CT features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vinceh/recipe vue-playwright-testing

For use in Claude.ai and ChatGPT

Download Skill