Token导航 LogoToken导航TokenDH.com
前端设计external-servicegithub未标认证来源可访问clear审计通过

testing测试

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

总安装

1,128

周安装

47

GitHub Stars

12

下载量

376
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:testing(测试)
来源仓库:https://github.com/scientiacapital/skills
仓库路径:skills/testing
安装命令:
npx skills add https://github.com/scientiacapital/skills --skill testing
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/scientiacapital/skills --skill testing

简介

testing 用于辅助前端页面、组件和样式逻辑的开发与维护。

  • 适合生成或审查 React、Vue、CSS 等相关代码,整理组件结构。
  • 通过 npx skills add 命令从指定仓库安装并使用该技能。
  • 需要结合项目现有设计系统和路由方式,避免生成孤立片段。
  • 涉及页面改动时应配合本地预览和构建检查确认视觉效果。

SKILL.md

This skill emphasizes writing tests that provide confidence without becoming maintenance burdens. Tests should be fast, reliable, and focused on behavior rather than implementation details.

<quick_start> TDD Red-Green-Refactor cycle:

  1. RED: Write a failing test first test('adds numbers', () => {expect(add(1, 2)).toBe(3); // Fails - add() doesn't exist});
  2. GREEN: Write minimum code to pass const add = (a, b) => a + b; // Test passes
  3. REFACTOR: Clean up while tests stay green

Test pyramid: 70% unit, 25% integration, 5% E2E </quick_start>

<success_criteria> Testing is successful when:

  • TDD cycle followed: test written before implementation code
  • Test pyramid balanced: ~70% unit, ~25% integration, ~5% E2E
  • Tests are independent and can run in any order
  • No flaky tests (run 3x to verify reliability)
  • Coverage meets targets: 70-80% lines, 100% critical paths
  • Test names describe behavior (what + when + expected result)
  • Mocks only used for external dependencies, not own code </success_criteria>

<core_principles>

The Testing Mindset

  1. Tests are documentation - A failing test is a specification that hasn't been implemented
  2. Test behavior, not implementation - Tests should survive refactoring
  3. Fast feedback loops - Unit tests run in milliseconds, not seconds
  4. Isolation by default - Each test should be independent
  5. Arrange-Act-Assert - Clear structure in every test </core_principles>

<tdd_workflow>

TDD: Red-Green-Refactor

┌─────────────────────────────────────────────────────────┐
│                    TDD CYCLE                             │
│                                                          │
│    ┌─────────┐                                          │
│    │   RED   │ ◄─── Write a failing test                │
│    └────┬────┘                                          │
│         │                                                │
│         ▼                                                │
│    ┌─────────┐                                          │
│    │  GREEN  │ ◄─── Write minimum code to pass          │
│    └────┬────┘                                          │
│         │                                                │
│         ▼                                                │
│    ┌─────────┐                                          │
│    │REFACTOR │ ◄─── Clean up while tests stay green     │
│    └────┬────┘                                          │
│         │                                                │
│         └──────────────► Back to RED                    │
└─────────────────────────────────────────────────────────┘

The Rules

  1. Write a failing test first - Never write production code without a failing test
  2. Write only enough test to fail - Compilation failures count as failures
  3. Write only enough code to pass - No more, no less
  4. Refactor only when green - Never refactor with failing tests

Common TDD Mistakes

MistakeWhy It's WrongInstead
Writing tests after codeTests become confirmation biasRed-Green-Refactor
Testing private methodsTests implementation, not behaviorTest public interface
Big leaps in test complexityHard to debug failuresBaby steps
Skipping refactor stepTechnical debt accumulatesAlways clean up
</tdd_workflow>

<test_pyramid>

The Test Pyramid

                    ┌───────────┐
                    │    E2E    │  Few, slow, expensive
                    │   Tests   │  (minutes)
                    └─────┬─────┘
                          │
               ┌──────────┴──────────┐
               │   Integration Tests  │  Some, medium speed
               │   (API, Database)    │  (seconds)
               └──────────┬───────────┘
                          │
        ┌─────────────────┴─────────────────┐
        │          Unit Tests                │  Many, fast, cheap
        │    (Functions, Components)         │  (milliseconds)
        └────────────────────────────────────┘

Distribution Guidelines

TypePercentageSpeedScope
Unit70-80%<10ms eachSingle function/component
Integration15-25%<1s eachMultiple components, DB
E2E5-10%<30s eachFull user flows

What to Test Where

Unit Tests:

  • Pure functions
  • Business logic
  • Data transformations
  • Validation rules
  • Component rendering

Integration Tests:

  • API endpoints
  • Database operations
  • Service interactions
  • Component integration

E2E Tests:

  • Critical user flows (login, checkout)
  • Happy paths only
  • Smoke tests </test_pyramid>

<when_to_mock>

Mocking Strategy

The London vs Detroit Schools

London School (Mockist):

  • Mock all dependencies
  • Test in complete isolation
  • Tests are very focused

Detroit School (Classicist):

  • Only mock external services
  • Test natural units together
  • Tests are more realistic

Recommended: Pragmatic approach

  • Mock external services (APIs, DBs in unit tests)
  • Don't mock your own code unless necessary
  • Use real implementations in integration tests

What to Mock

MockDon't Mock
External APIsYour own pure functions
File system (in unit tests)Data transformations
Network requestsBusiness logic
Time/randomnessIn-memory data structures
Expensive computationsSimple utilities

Mocking Patterns

// GOOD: Mock external dependency
const mockFetch = vi.fn().mockResolvedValue({ data: [] });

// BAD: Mocking your own utilities
const mockFormatDate = vi.fn(); // Don't do this

// GOOD: Dependency injection for testability
function createService(httpClient = fetch) {
  return {
    getData: () => httpClient('/api/data')
  };
}

// In test:
const mockClient = vi.fn();
const service = createService(mockClient);

</when_to_mock>

<test_structure>

Test Organization

File Naming

src/
├── components/
│   ├── Button.tsx
│   └── Button.test.tsx      # Colocated test
├── utils/
│   ├── format.ts
│   └── format.test.ts
└── __tests__/               # Or separate folder
    └── integration/
        └── api.test.ts

Test Naming

// Pattern: describe what + when + expected result
describe('UserService', () => {
  describe('createUser', () => {
    it('returns user object when given valid email', () => {});
    it('throws ValidationError when email is invalid', () => {});
    it('sends welcome email after successful creation', () => {});
  });
});

// Alternative: BDD style
describe('UserService', () => {
  describe('when creating a user with valid data', () => {
    it('should return the created user', () => {});
    it('should send a welcome email', () => {});
  });

  describe('when email is invalid', () => {
    it('should throw ValidationError', () => {});
  });
});

Arrange-Act-Assert

it('calculates total with discount', () => {
  // Arrange - set up test data
  const cart = createCart([
    { price: 100, quantity: 2 },
    { price: 50, quantity: 1 }
  ]);
  const discount = 0.1;

  // Act - perform the action
  const total = calculateTotal(cart, discount);

  // Assert - verify result
  expect(total).toBe(225); // (200 + 50) * 0.9
});

</test_structure>

<what_not_to_test>

What NOT to Test

Skip These

  1. Framework code - React's useState, Express routing
  2. Third-party libraries - They have their own tests
  3. Trivial getters/setters - No logic = no test needed
  4. Implementation details - Private methods, internal state
  5. One-line functions - Unless they have complex logic

Focus On

  1. Business logic - Where bugs hide
  2. Edge cases - Nulls, empty arrays, boundaries
  3. Error paths - What happens when things fail
  4. User-facing behavior - What users actually do
  5. Regressions - Bugs that came back once

Coverage Targets

MetricTargetNotes
Line coverage70-80%Higher isn't always better
Branch coverage70-80%More important than lines
Critical paths100%Auth, payments, data mutations

Warning: 100% coverage doesn't mean good tests. Bad tests can hit every line without testing anything meaningful. </what_not_to_test>

TopicReference FileWhen to Load
Unit testing patternsreference/unit-testing.mdWriting unit tests, mocking
Integration testingreference/integration-testing.mdAPI tests, database tests
Test organizationreference/test-organization.mdStructuring test suites
Coverage strategiesreference/coverage-strategies.mdSetting coverage goals

To load: Ask for the specific topic or check if context suggests it.

<framework_patterns>

Quick Reference by Framework

pytest (Python)

# Fixtures
@pytest.fixture
def user():
    return User(name="test")

def test_user_greet(user):
    assert user.greet() == "Hello, test"

# Parametrize
@pytest.mark.parametrize("input,expected", [
    ("hello", "HELLO"),
    ("world", "WORLD"),
])
def test_uppercase(input, expected):
    assert uppercase(input) == expected

vitest/jest (TypeScript)

// Basic test
test('adds numbers', () => {
  expect(add(1, 2)).toBe(3);
});

// Mock
vi.mock('./api', () => ({
  fetchUser: vi.fn().mockResolvedValue({ name: 'test' })
}));

// Component test
import { render, screen } from '@testing-library/react';

test('renders button', () => {
  render(<Button>Click</Button>);
  expect(screen.getByRole('button')).toHaveTextContent('Click');
});

Testing Library Principles

  1. Query by role, not test ID
  2. Test what users see, not implementation
  3. Prefer userEvent over fireEvent
  4. Avoid testing internal state </framework_patterns>

Before marking code complete:

  • Unit tests cover happy path
  • Unit tests cover error cases
  • Edge cases tested (null, empty, boundary)
  • Integration tests for API endpoints
  • No flaky tests (run 3x to verify)
  • Tests are independent (run in any order)
  • Test names describe behavior
  • No hardcoded timeouts (use waitFor)
  • Mocks are reset between tests
  • Coverage meets project standards

Emit Outcome Sidecar

As the final step, write to ~/.claude/skill-analytics/last-outcome-testing.json:

{"ts":"[UTC ISO8601]","skill":"testing","version":"1.0.0","variant":"default",
 "status":"[success|partial|error]","runtime_ms":[estimated ms from start],
 "metrics":{"tests_written":[n],"coverage_delta_pct":[n]},
 "error":null,"session_id":"[YYYY-MM-DD]"}

Use status "partial" if some stages failed but results were produced. Use "error" only if no output was generated.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

25.29%
按下载量换算95

Antigravity

24.49%
按下载量换算92

Gemini CLI

16.49%
按下载量换算62

Codex

12.17%
按下载量换算46

OpenCode

7.66%
按下载量换算29

windsurf

3.75%
按下载量换算14

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

external-service

该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

继续浏览同类 Skills