frontend/testing-guide SKILL.md skillA

frontend/testing-guide from echovic/boss-skill is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add echovic/boss-skill/frontend/testing-guide@git:20261027.69265c4

Pins git:20261027.69265c4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
echovic/boss-skill
Path
skill/skills/frontend/testing-guide/SKILL.md
Versions recorded
5
Latest version
git:20261027.69265c4, committed Oct 27, 2026
First version recorded
May 15, 2026
Size
10,024 bytes
Repository stars
546
License
MIT

前端测试编写指南,包括单元测试、集成测试和E2E测试的编写方法和最佳实践.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 前端测试编写指南

## 测试要求(强制)

> **职责边界**:Frontend Agent 是测试的**编写者**,QA Agent 是测试的**验证者**。

### 测试金字塔

| 测试类型     | 占比 | 要求                       |
| ------------ | ---- | -------------------------- |
| **单元测试** | ~70% | 每个组件/Hook 必须有测试   |
| **集成测试** | ~20% | 组件交互、状态管理测试     |
| **E2E 测试** | ~10% | **必须编写**,覆盖用户流程 |

## 单元测试编写

### 组件渲染测试

```typescript
// 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();
  });
});
```

### Hook 测试

```typescript
// useCounter.test.ts
import { renderHook, act } from '@testing-library/react';
import { useCounter } from './useCounter';
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add echovic/boss-skill/frontend/testing-guide@sha256:113f6c99618f348e

The line at the top of this page pins the label git:20261027.69265c4, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_xsmhvcditkbsaqa5.svg)](https://markdownregistry.com/a/art_xsmhvcditkbsaqa5)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between May 15, 2026 and Oct 27, 2026, about one every 41 days.

versioncommittedcommitsizeaudit
git:20261027.69265c4 latest2026-10-27 69265c4 10,024 BA view · diff
git:20261027.116566f2026-10-27 116566f 9,705 BA view · diff
git:20260929.fbac35d2026-09-29 fbac35d 9,707 BA view · diff
git:20260516.9881d4f2026-05-16 9881d4f 9,680 BA view · diff
git:20260515.c2aa1d92026-05-15 c2aa1d9 9,272 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (10024 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

echovic/boss-skill · 546 stars · license MIT · pushed 2026-11-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_xsmhvcditkbsaqa5
GET https://markdownregistry.com/api/v1/resolve?ref=echovic/boss-skill/frontend/testing-guide
GET https://markdownregistry.com/api/v1/blob/113f6c99618f348e722b2fafbf4fdb69e5c86cbcba0d851cca5a26b2b486726b

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from echovic/boss-skill

DESIGN.md DESIGN.md file
echovic/boss-skill · DESIGN.md
git:20261027.69265c4 · audit A · 546 stars
boss SKILL.md skill
echovic/boss-skill · skill/SKILL.md
v5.0.4 · audit B · 546 stars
architect/architecture-design SKILL.md skill
echovic/boss-skill · skill/skills/architect/architecture-design/SKILL.md · 系统架构设计方法论,包含架构模式选择、系统分层、目录结构设计
v1.0.0 · audit A · 546 stars
architect/data-api-design SKILL.md skill
echovic/boss-skill · skill/skills/architect/data-api-design/SKILL.md · 数据模型和API设计方法论,包含ERD设计、数据字典、RESTful API规范
v1.0.0 · audit A · 546 stars
architect/tech-research SKILL.md skill
echovic/boss-skill · skill/skills/architect/tech-research/SKILL.md · 技术调研方法论,通过系统性调研和对比分析,为技术选型提供数据支持
v1.0.0 · audit A · 546 stars
backend/api-development SKILL.md skill
echovic/boss-skill · skill/skills/backend/api-development/SKILL.md · 后端API开发方法论,包括RESTful/GraphQL设计、请求验证、错误处理和安全实现
git:20261027.69265c4 · audit A · 546 stars
backend/testing-guide SKILL.md skill
echovic/boss-skill · skill/skills/backend/testing-guide/SKILL.md · 后端测试编写指南,包括单元测试、集成测试和E2E测试的编写方法和最佳实践
git:20261027.69265c4 · audit A · 546 stars
brainstorming SKILL.md skill
echovic/boss-skill · skill/skills/brainstorming/SKILL.md
v3.2.0 · audit B · 546 stars
devops/changelog-generation SKILL.md skill
echovic/boss-skill · skill/skills/devops/changelog-generation/SKILL.md · 自动生成 CHANGELOG,基于 git 提交历史和 pipeline 产物信息,遵循 Conventional Commits 和 Keep a Changelog 规范
v1.0.0 · audit A · 546 stars
devops/deploy-cloudflare SKILL.md skill
echovic/boss-skill · skill/skills/devops/deploy-cloudflare/SKILL.md · Cloudflare 部署方法论,使用 wrangler CLI 部署 Cloudflare Pages(前端/静态站点)和 Workers(Serverless 边缘函数)
v1.0.0 · audit A · 546 stars
devops/deploy-flyio SKILL.md skill
echovic/boss-skill · skill/skills/devops/deploy-flyio/SKILL.md · Fly.io 部署方法论,使用 flyctl CLI 通过 Docker 部署全球边缘后端服务,支持任意语言、PostgreSQL、Redis、Volumes
v1.0.0 · audit A · 546 stars
devops/deploy-netlify SKILL.md skill
echovic/boss-skill · skill/skills/devops/deploy-netlify/SKILL.md · Netlify 部署方法论,使用 netlify CLI 部署前端应用、静态站点和 Serverless Functions
v1.0.0 · audit A · 546 stars

Every file in echovic/boss-skill

Browse by kind, by grade A, or by owner.