skills.rest
catowabisabi
catowabisabiCOMMUNITY
Explore all skills by this author →
GitHub

flutter-user-test

Automate end-to-end virtual user testing of Flutter Web Apps with Playwright.

Updated Aug 23, 2026
Search Tags:#testing#end-to-end#playwright#ui-testing#flutter#flutter-web
One-click install
npx skills add https://github.com/catowabisabi/Agentic-RAG-LLMs-API --skill flutter-user-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-user-test
Source: https://github.com/catowabisabi/Agentic-RAG-LLMs-API/tree/main/.claude/skills/flutter-user-test-skill
Command: npx skills add https://github.com/catowabisabi/Agentic-RAG-LLMs-API --skill flutter-user-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates end-to-end virtual user testing for Flutter Web Apps, reducing manual QA effort by starting the app, waiting for the correct port, logging in, and validating UI elements across AppBar, Drawer, content, and subpages while recording actions and issues.

Core Features & Use Cases

  • Automatic startup of a Flutter Web App on the specified port (8899 by default) using an optimized workflow.
  • Port detection from terminal output, followed by automated login and full UI checks.
  • Comprehensive page validation including AppBar, Drawer, BottomNavigationBar, page data loading, navigation to sub-pages, and interaction with all actionable controls.
  • Detailed operation logs and issue reporting for QA and debugging.

Quick Start

Start the Flutter Web App using the provided quick_start script, then run the user-flow tests after noting the port from the terminal.

Frequently Asked Questions about flutter-user-test

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

FAQPage Schema
How do I automate end-to-end UI testing for a Flutter Web app?▼

Automated Flutter Web UI testing handles app startup, port detection from terminal output, login, and full UI validation across AppBar, Drawer, and navigation. It uses Playwright to script user flows, capture screenshots, and log issues for debugging.

How does automated port discovery work when testing a Flutter Web app?▼

Automated port discovery monitors terminal output after starting the Flutter Web app on a default port like 8899. Once the port is extracted from terminal logs, scripts automatically proceed with login and UI verification.

Can I use Playwright to test Flutter Web AppBar and Drawer components?▼

Yes, Playwright tests Flutter Web AppBar and Drawer components. Automated flows validate these elements along with BottomNavigationBar, page data loading, and sub-page navigation to ensure comprehensive UI verification across the app.

What is the best way to capture screenshots during Flutter Web end-to-end tests?▼

Screenshot capture during Flutter Web end-to-end tests is handled by Playwright integration. It automates screenshots during scripted user flows while generating detailed operation logs and issue reporting for QA and debugging.

Does automated Flutter Web testing require manual port configuration?▼

Automated Flutter Web testing does not require manual port configuration. Scripts start the app on a default port like 8899, extract the actual port from terminal output, and then proceed automatically with login and UI checks.

Related Skills

Explore More Software Engineering Skills→
rodydavisrodydavis
58

flutter-terminal-cheat-sheet

Run Flutter terminal commands for web builds, testing, and GitHub Pages deployment.

Community
Basic
Dev10x-GuruDev10x-Guru
7

Dev10x:qa-self

Execute QA regression tests on staging with headless Playwright and post results to Linear.

Official
Intermediate
ProfPowellProfPowell
4

e2e-testing

Run end-to-end browser tests with Playwright for user flows and visual regression.

Community
Advanced
ImL1sImL1s
6

flutter-integration-testing

Automate Flutter integration and widget tests for providers, navigation, and user flows.

Community
Advanced