Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →echovic/frontend-testing-guide
前端测试编写指南，包括单元测试、集成测试和E2E测试的编写方法和最佳实践
Passed 21 of 22 test cases with the skill, and 15 of 22 without it.
and 6 more in the full report
6 fixed15 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
After writing a set of unit, integration, and Playwright tests for an order list feature, how should the final completion summary be presented to ensure all test additions and execution results are recorded according to standard reporting format?
| Checked | Without skill | With skill |
|---|---|---|
| Presents added test files in a summary table containing type, file, and description columns. | Missed | Passed |
| Provides test execution metrics detailing pass/fail counts, coverage percentage, and E2E status. | Passed | Passed |
The instructions your model reads when the skill loads.
职责边界：Frontend Agent 是测试的编写者，QA Agent 是测试的验证者。
| 测试类型 | 占比 | 要求 |
|---|---|---|
| 单元测试 | ~70% | 每个组件/Hook 必须有测试 |
| 集成测试 | ~20% | 组件交互、状态管理测试 |
| E2E 测试 | ~10% | 必须编写，覆盖用户流程 |
// Button.test.tsx
import { render, screen } from '@testing-library/react';
import { Button } from './Button';
describe('Button', () => {
it('renders with text', () => {
render(<Button>Click me</Button>);
expect(screen.getByText('Click me')).toBeInTheDocument();
});
it('calls onClick when clicked', () => {
const handleClick = jest.fn();
render(<Button onClick={handleClick}>Click</Button>);
screen.getByText('Click').click();
expect(handleClick).toHaveBeenCalledTimes(1);
});
it('is disabled when disabled prop is true', () => {
render(<Button disabled>Click</Button>);
expect(screen.getByText('Click')).toBeDisabled();
});
test cases passed, vs 15 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.