[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-76c21bb1-5dcc-4dc8-895a-c84f830d99c0":3,"$fGJnkBwwtFFkNPztGl7Pbj9kW4AQLy_LshYOYc4f-r_8":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"76c21bb1-5dcc-4dc8-895a-c84f830d99c0","e2e-testing","使用Playwright进行浏览器自动化、视觉回归、跨浏览器测试和CI\u002FCD集成的端到端测试工作流程。","cat_coding_review","mod_coding","sickn33,coding","---\nname: e2e-testing\ndescription: \"End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI\u002FCD integration.\"\ncategory: granular-workflow-bundle\nrisk: safe\nsource: personal\ndate_added: \"2026-02-27\"\n---\n\n# E2E Testing Workflow\n\n## Overview\n\nSpecialized workflow for end-to-end testing using Playwright including browser automation, visual regression testing, cross-browser testing, and CI\u002FCD integration.\n\n## When to Use This Workflow\n\nUse this workflow when:\n- Setting up E2E testing\n- Automating browser tests\n- Implementing visual regression\n- Testing across browsers\n- Integrating tests with CI\u002FCD\n\n## Workflow Phases\n\n### Phase 1: Test Setup\n\n#### Skills to Invoke\n- `playwright-skill` - Playwright setup\n- `e2e-testing-patterns` - E2E patterns\n\n#### Actions\n1. Install Playwright\n2. Configure test framework\n3. Set up test directory\n4. Configure browsers\n5. Create base test setup\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to set up Playwright testing\n```\n\n### Phase 2: Test Design\n\n#### Skills to Invoke\n- `e2e-testing-patterns` - Test patterns\n- `test-automator` - Test automation\n\n#### Actions\n1. Identify critical flows\n2. Design test scenarios\n3. Plan test data\n4. Create page objects\n5. Set up fixtures\n\n#### Copy-Paste Prompts\n```\nUse @e2e-testing-patterns to design E2E test strategy\n```\n\n### Phase 3: Test Implementation\n\n#### Skills to Invoke\n- `playwright-skill` - Playwright tests\n- `webapp-testing` - Web app testing\n\n#### Actions\n1. Write test scripts\n2. Add assertions\n3. Implement waits\n4. Handle dynamic content\n5. Add error handling\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to write E2E test scripts\n```\n\n### Phase 4: Browser Automation\n\n#### Skills to Invoke\n- `browser-automation` - Browser automation\n- `playwright-skill` - Playwright features\n\n#### Actions\n1. Configure headless mode\n2. Set up screenshots\n3. Implement video recording\n4. Add trace collection\n5. Configure mobile emulation\n\n#### Copy-Paste Prompts\n```\nUse @browser-automation to automate browser interactions\n```\n\n### Phase 5: Visual Regression\n\n#### Skills to Invoke\n- `playwright-skill` - Visual testing\n- `ui-visual-validator` - Visual validation\n\n#### Actions\n1. Set up visual testing\n2. Create baseline images\n3. Add visual assertions\n4. Configure thresholds\n5. Review differences\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to implement visual regression testing\n```\n\n### Phase 6: Cross-Browser Testing\n\n#### Skills to Invoke\n- `playwright-skill` - Multi-browser\n- `webapp-testing` - Browser testing\n\n#### Actions\n1. Configure Chromium\n2. Add Firefox tests\n3. Add WebKit tests\n4. Test mobile browsers\n5. Compare results\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to run cross-browser tests\n```\n\n### Phase 7: CI\u002FCD Integration\n\n#### Skills to Invoke\n- `github-actions-templates` - GitHub Actions\n- `cicd-automation-workflow-automate` - CI\u002FCD\n\n#### Actions\n1. Create CI workflow\n2. Configure parallel execution\n3. Set up artifacts\n4. Add reporting\n5. Configure notifications\n\n#### Copy-Paste Prompts\n```\nUse @github-actions-templates to integrate E2E tests with CI\n```\n\n## Quality Gates\n\n- [ ] Tests passing\n- [ ] Coverage adequate\n- [ ] Visual tests stable\n- [ ] Cross-browser verified\n- [ ] CI integration working\n\n## Related Workflow Bundles\n\n- `testing-qa` - Testing workflow\n- `development` - Development\n- `web-performance-optimization` - Performance\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,75,434,"2026-05-16 13:16:14",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"编程开发","coding","mdi-code-braces","代码生成、调试、审查，提升开发效率",2,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"代码审查","review","mdi-magnify-scan","代码质量分析、安全审查",4,145,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"ca7b8ef6-40a1-456d-bdc2-7382a73db59e","1.0.0","e2e-testing.zip",1492,"uploads\u002Fskills\u002F76c21bb1-5dcc-4dc8-895a-c84f830d99c0\u002Fe2e-testing.zip","bc8b92e56c41193ffc0b9e8e6e37409a2f19199dfd8ac545f83072f68256a37b","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":3767}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]