What testing framework does this skill use?

This skill utilizes Playwright for end-to-end browser automation and testing of your chat features.

Is it compatible with Next.js applications?

Yes, it is specifically designed to work with Next.js applications utilizing the App Router.

Do I need a live backend to run these tests?

No, the skill includes interceptChatApi helpers to mock API responses, though it also supports real API seeding for integration testing.

Can I test threaded replies with this skill?

Yes, it includes specific test specs and mocks for validating thread panels, reply counts, and nested message displays.

How does it handle user authentication during tests?

It integrates with the auth-dev skill to provide reusable sign-in helpers that use developer-specific authentication seeds.

E2E Group Chat Testing

Name: E2E Group Chat Testing
Author: mattwoodco

bymattwoodco

•

セキュリティとテスト

Provides a comprehensive Playwright test suite for validating group chat features, including messages, threads, reactions, and mentions.

The E2E Group Chat skill equips your development environment with a robust Playwright testing framework specifically tailored for complex chat interfaces. It streamlines the testing process by providing pre-configured test specs for message delivery, threaded conversations, emoji reactions, and @mention autocomplete. With built-in API mocking via page.route() and data seeding helpers, you can ensure reliable, flake-free testing of your communication features without needing a fully populated live database.

主な機能

01Pre-built Playwright test specs for core chat functionality

02Data seeding helpers for creating test channels and messages

033 GitHub stars

04Advanced API mocking using page.route() for predictable testing

05Automated validation of @mention autocomplete and search results

06Comprehensive coverage for threaded replies and emoji reactions

ユースケース

01Mocking complex chat API interactions to test frontend edge cases

02Regression testing for threaded reply systems and reaction toggles

03Validating chat message delivery and UI rendering in real-time environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills e2e-chat

For use in Claude.ai and ChatGPT

Download Skill