Can I test the actual video stream quality with this skill?

This skill focuses on functional E2E testing (logical flows, UI states, and API interactions). It uses a mock player to verify that the application correctly handles the player lifecycle without needing to load high-bandwidth video data.

What are the main prerequisites for this skill?

You need a Next.js application with the App Router, along with the 'e2e' (Playwright), 'livestream', 'stream-mux', and 'video-player' skills already configured.

Does this skill require a paid MUX account for testing?

No, this skill uses Playwright's page.route() to mock MUX and LiveKit API responses, allowing you to run your full test suite without real streaming infrastructure or costs.

How does it handle authenticated streaming sessions?

It includes a specialized streaming-auth.ts helper designed to work with seed users, allowing you to simulate both broadcaster and viewer sessions seamlessly during the test run.

E2E Livestream Testing

Name: E2E Livestream Testing
Author: mattwoodco

bymattwoodco

•

Seguridad y Pruebas

Implements a comprehensive Playwright test suite for livestreaming workflows, including stream creation, playback, and chat, using API mocking to eliminate infrastructure dependencies.

This skill provides a robust framework for testing end-to-end livestreaming features within Next.js applications. It leverages Playwright's interception capabilities to mock MUX and LiveKit APIs, allowing developers to verify complex flows—such as go-live transitions, real-time chat, and recording management—without incurring streaming costs or requiring live infrastructure. It includes specialized fixtures for MUX player simulation and authentication helpers to streamline the testing of the entire broadcast lifecycle, ensuring a reliable viewer and broadcaster experience.

Características Principales

013 GitHub stars

02Comprehensive API mocking for MUX and LiveKit to ensure isolated, cost-effective, and reliable tests.

03Recording management validation for metadata, duration, and status updates.

04Viewer experience verification for MUX player rendering and public access controls.

05Automated go-live broadcast flow testing including status transitions and stream stopping.

06Real-time in-stream chat functionality testing for sender and receiver roles.

Casos de Uso

01Verifying the full broadcast lifecycle from initial stream creation to the final recording state.

02Testing viewer-side video playback and UI interactions without consuming real streaming bandwidth.

03Ensuring chat and recording features function correctly across different stream states (idle, live, ended).

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills e2e-streaming

For use in Claude.ai and ChatGPT

Download Skill