Is this skill compatible with Nuxt 3?

Yes, it includes specific checks for Nuxt 3 features such as SSR hydration, NuxtLink navigation, and async component loading.

Why use E2E testing instead of just unit tests?

Unit tests don't simulate real-world browser interactions or API integrations. E2E testing ensures the entire user flow works in a real environment.

How does it handle flaky tests?

The skill enforces a stability policy requiring three consecutive successful runs to verify that tests are not flaky before passing the gate.

Which browsers does this skill support?

The skill validates tests across Chromium, Firefox, and WebKit (Safari) to ensure full cross-browser compatibility and responsive viewport coverage.

Does it test for API failures?

Yes, testing error paths like API 500 errors, timeouts, and validation failures is a mandatory requirement for completing this gate.

Vue.js E2E Testing Orchestrator

Name: Vue.js E2E Testing Orchestrator
Author: luanrodrigues

byluanrodrigues

•

보안 및 테스팅

Automates end-to-end testing for Vue.js applications using Playwright to validate user flows across multiple browsers.

This skill orchestrates the fifth gate of the Vue.js frontend development cycle, ensuring that every user flow defined during the design phase is fully validated through Playwright E2E tests. It coordinates rigorous cross-browser testing on Chromium, Firefox, and WebKit, verifying both happy paths and complex error scenarios to ensure production-grade stability. By integrating Vue 3 and Nuxt 3 specific patterns, it manages state resets, SSR hydration, and navigation guards to deliver reliable, non-flaky testing suites that guarantee a seamless user experience.

주요 기능

012 GitHub stars

02Cross-browser validation (Chromium, Firefox, WebKit)

03Automated user flow mapping from product requirements

04Mandatory error path and edge case validation

05Flaky test detection via triple-consecutive pass requirements

06Nuxt-specific testing (SSR hydration and page transitions)

사용 사례

01Validating complex multi-step transaction flows in Nuxt 3 applications

02Ensuring cross-browser UI compatibility before production releases

03Automating regression testing for critical user-facing features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-e2e-vuejs

For use in Claude.ai and ChatGPT

주요 기능

012 GitHub stars

02Cross-browser validation (Chromium, Firefox, WebKit)

03Automated user flow mapping from product requirements

04Mandatory error path and edge case validation

05Flaky test detection via triple-consecutive pass requirements

06Nuxt-specific testing (SSR hydration and page transitions)

사용 사례

01Validating complex multi-step transaction flows in Nuxt 3 applications

02Ensuring cross-browser UI compatibility before production releases

03Automating regression testing for critical user-facing features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-e2e-vuejs

For use in Claude.ai and ChatGPT