Test — Chạy và tạo tests

Chạy test suite, đo coverage, UI testing qua browser, và tự động generate tests cho code mới.

Cú pháp

/test                           # Chạy tất cả tests
/test ui https://localhost:3000 # UI testing trên browser
/test-gen                       # Generate tests tự động

Luồng hoạt động bên trong

/test — Chạy tests

Bước 1: Pre-flight Checks

Chạy typecheck (tsc --noEmit) + lint (eslint) để bắt lỗi cú pháp trước.

Bước 2: Execute Test Suites

Tự động detect test framework (Jest/Vitest/Mocha/pytest/go test) và chạy. Hỗ trợ: unit tests, integration tests, e2e tests.

Bước 3: Coverage Analysis

Đo coverage: lines, branches, functions, statements. So sánh với target (mặc định 80%).

Bước 4: Analyze Failures

Nếu có failing tests → phân tích root cause. Kích hoạt ck:debug nếu cần investigation sâu.

Bước 5: UI Tests (nếu có frontend)

Kích hoạt ck:chrome-devtools cho:

Screenshots, responsive checks
Accessibility audits
Console error collection

Bước 6: Report

Tổng hợp kết quả thành QA report cấu trúc.

/test-gen — Generate tests

Bước 1: Scan codebase

Tìm files chưa có test (so sánh *.ts với *.spec.ts/*.test.ts).

Bước 2: Phân tích code

Đọc functions, classes, exports. Xác định input/output types.

Bước 3: Generate test cases

Tạo tests bao gồm: happy path + edge cases + error scenarios. Dựa trên analysis code thực tế, không generic.

Bước 4: Verify

Chạy tests mới tạo để xác nhận PASS.

Ví dụ thực tế

/test output
/test-gen output

TEST RESULTS
├── Typecheck:  PASS
├── Lint:       PASS
├── Tests:      142 total | 138 pass | 4 fail
├── Coverage:
│   ├── Lines:      84%
│   ├── Branches:   72%
│   ├── Functions:  89%
│   └── Statements: 83%
└── Duration:   12.3s

FAILURES:
1. auth.service.spec.ts:45 — expect(token).toBeDefined() → undefined
   Root cause: Mock không trả token khi email valid
2. order.service.spec.ts:78 — timeout 5000ms exceeded
   Root cause: Database connection pool exhausted

TEST GENERATION REPORT
├── Scanned: 45 source files
├── Missing tests: 12 files
├── Generated: 12 test files, 67 test cases
│   ├── auth.service.spec.ts — 8 tests (login, register, reset, OAuth)
│   ├── order.service.spec.ts — 12 tests (CRUD + edge cases)
│   ├── PlatformCard.test.tsx — 5 tests (render, click, responsive)
│   └── ... (9 more files)
├── All tests: PASS
└── Coverage: 45% → 78% (+33%)

So sánh: /test vs /test-gen vs test-generator skill

Tính năng	`/test`	`/test-gen`	`test-generator` skill
Chạy tests hiện có	Có	Không (chỉ generate)	Không
Generate tests mới	Không	Có	Có (proactive)
Coverage analysis	Có	Có (sau generate)	Không
UI testing	Có (browser)	Không	Không
Kích hoạt khi nào	Gõ `/test`	Gõ `/test-gen`	Tự động khi viết code mới
Fix failing tests	Phân tích, suggest	Không	Không

So sánh với chat trực tiếp

Tiêu chí	`/test`	Chat trực tiếp
Pre-flight	Tự động typecheck + lint trước	Phải nhắc chạy thủ công
Coverage	Đo và report tự động	Phải hỏi riêng
UI testing	Browser automation (screenshots, a11y)	Không có khả năng
Framework detection	Tự động detect Jest/Vitest/pytest	Phải nói rõ framework
Failure analysis	Phân tích root cause, gọi `ck:debug`	Chỉ đọc error message
Report format	Structured QA report	Text tự do

Khi nào dùng / không dùng

Dùng	Không dùng
Sau khi implement feature	Khi muốn QA toàn diện (dùng `/qa-full:full`)
Pre-commit kiểm tra nhanh	Khi cần test theo PRD (dùng `/qa-full:check`)
Đo coverage hiện tại	Khi cần verify GitHub issue (dùng `/qa-full:verify-issue`)
Generate tests cho code mới	Khi cần TDD workflow (dùng `/qa-full:tdd`)

Test Framework hỗ trợ

Vitest (Unit)
React Testing Library
Playwright (E2E)

import { describe, it, expect } from 'vitest';
import { getUserById } from './user.service';

describe('getUserById', () => {
  it('trả về user khi id hợp lệ', async () => {
    const user = await getUserById('user-1');
    expect(user).toBeDefined();
    expect(user?.id).toBe('user-1');
  });

  it('trả về null khi id không tồn tại', async () => {
    const user = await getUserById('invalid');
    expect(user).toBeNull();
  });
});

import { render, screen } from '@testing-library/react';
import { UserCard } from './UserCard';

describe('UserCard', () => {
  it('hiển thị tên user', () => {
    render(<UserCard name="John" email="john@test.com" />);
    expect(screen.getByText('John')).toBeInTheDocument();
  });
});

import { test, expect } from '@playwright/test';

test('đăng nhập thành công', async ({ page }) => {
  await page.goto('/login');
  await page.fill('[name="email"]', 'test@example.com');
  await page.fill('[name="password"]', 'password123');
  await page.click('button[type="submit"]');
  await expect(page).toHaveURL('/dashboard');
});

Kết hợp với QA

Mục đích	Lệnh Dev	Lệnh QA
Chạy tests	`/test`	`/qa-full:check`
Generate tests	`/test-gen`	`/qa-full:check` (bước 5)
Fix tests	`/fix:test`	`/qa-full:full` (bước 5)
Coverage report	`/test`	`/qa-full:audit`

Coverage Thresholds

Metric	Target	Minimum
Lines	80%+	60%
Branches	75%+	55%
Functions	85%+	65%
Statements	80%+	60%

KHÔNG BAO GIỜ bỏ qua failing tests — fix root cause, không dùng mocks/cheats/tricks
Tất cả critical paths phải có test coverage
Validate happy path VÀ error scenarios
Tests phải isolation — không phụ thuộc lẫn nhau
Tests phải deterministic và reproducible

Bắt đầu

Quan trọng

Tham khảo

Dev — Bắt đầu

Dev — Lệnh chính

Dev — Nâng cao

QA — Bắt đầu

QA — Use Cases

PM

DevOps

UI/UX Design

Marketing

Test

Test — Chạy và tạo tests

Cú pháp

Luồng hoạt động bên trong

/test — Chạy tests

/test-gen — Generate tests

Ví dụ thực tế

So sánh: /test vs /test-gen vs test-generator skill

So sánh với chat trực tiếp

Khi nào dùng / không dùng

Test Framework hỗ trợ

Kết hợp với QA

Coverage Thresholds

Bắt đầu

Quan trọng

Tham khảo

Dev — Bắt đầu

Dev — Lệnh chính

Dev — Nâng cao

QA — Bắt đầu

QA — Use Cases

PM

DevOps

UI/UX Design

Marketing

​Test — Chạy và tạo tests

​Cú pháp

​Luồng hoạt động bên trong

​/test — Chạy tests

​/test-gen — Generate tests

​Ví dụ thực tế

​So sánh: /test vs /test-gen vs test-generator skill

​So sánh với chat trực tiếp

​Khi nào dùng / không dùng

​Test Framework hỗ trợ

​Kết hợp với QA

​Coverage Thresholds

Test — Chạy và tạo tests

Cú pháp

Luồng hoạt động bên trong

/test — Chạy tests

/test-gen — Generate tests

Ví dụ thực tế

So sánh: /test vs /test-gen vs test-generator skill

So sánh với chat trực tiếp

Khi nào dùng / không dùng

Test Framework hỗ trợ

Kết hợp với QA

Coverage Thresholds