congiuluc/feature-testing
skills/feature-testing/SKILL.md
End-to-end feature testing with Playwright to verify completeness, usability, accessibility, and production readiness. Use when: writing E2E tests, verifying a feature works across browsers, testing accessibility with axe-core, running visual regression, or checking responsive behavior in tests.
testing
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add congiuluc/my-awesome-copilot feature-testingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 8:53 PM1.8s1 file scanned
SKILL.md
- name:
- feature-testing
- description:
- >-
- accessibility, and production readiness. Use when:
- writing E2E tests, verifying
- argument-hint:
- Describe the feature or user flow to test end-to-end.
Feature Testing (Playwright)
When to Use
- Verifying a feature works end-to-end (API + UI integrated)
- Testing critical user flows across browsers (Chromium, Firefox, WebKit)
- Running accessibility audits with
@axe-core/playwright - Visual regression testing for UI consistency
- Verifying responsive behavior at different viewports
- Smoke testing before deployment
Official Documentation
- Playwright Docs
- Playwright Test API
- Playwright Accessibility
- axe-core/playwright
- Playwright Best Practices
Procedure
- Define test scope from feature checklist
- Write tests following Playwright patterns
- Review feature test sample for structure
- Test completeness: all acceptance criteria from user story are covered
- Test usability: user can complete the flow without confusion
- Test accessibility: run axe-core scan on every page of the flow
- Test responsiveness: run at mobile (375px), tablet (768px), desktop (1280px)
- Test error paths: invalid input, network failure, empty states
- Run cross-browser:
npx playwright test --project=chromium --project=firefox --project=webkit - Generate report:
npx playwright show-report
Completion Matrix
| Dimension | What to Verify | |-----------|---------------| | Completeness | All acceptance criteria pass, happy + edge paths | | Usability | Flow completes in logical steps, no dead ends, clear feedback | | Accessibility | Zero axe-core violations (critical/serious), keyboard-navigable | | Responsiveness | Works at 375px, 768px, 1280px without overflow or truncation | | Performance | Page loads < 3s, no layout shift, images lazy-loaded | | Cross-browser | Passes on Chromium, Firefox, WebKit |
Related Skills
congiuluc/vscode-extension
tools
VerifiedTrustedCommunity
Build VS Code extensions with TypeScript. Covers extension anatomy, activation events, commands, tree views, webview panels, language features, testing, and publishing. Use when: creating a new VS Code extension, adding commands/views/providers, building webview UIs, implementing language server features, testing extensions, or packaging for the marketplace.
SKILL.mdUpdated Apr 16, 2026
congiuluc/version-tracking
development
VerifiedTrustedCommunity
Track implementations, features, bugs, and releases in a versioning document. Use when: adding a commit, completing a feature, fixing a bug, or preparing a release. Automatically updates CHANGELOG.md following Keep a Changelog format and Semantic Versioning.
SKILL.mdUpdated Apr 16, 2026
congiuluc/testing-frontend
development
VerifiedTrustedCommunity
Write frontend tests using Vitest and React Testing Library. Use when: testing React components, hooks, user interactions, form submissions, accessibility assertions, or mocking API services.
SKILL.mdUpdated Apr 16, 2026
congiuluc/testing-frontend-angular
development
VerifiedTrustedCommunity
Write Angular frontend tests using Jasmine, Karma, and Angular TestBed. Use when: testing Angular components, services, pipes, directives, user interactions, form submissions, accessibility assertions, or mocking HTTP services.
SKILL.mdUpdated Apr 16, 2026