2026 年的前端测试

前端测试不再追求 100% 覆盖率，而是关注 ROI。

测试金字塔 2026

          ╱  E2E (5-10%)  ╲      Playwright
         ╱  集成 (20-30%)   ╲    Testing Library
        ╱   单元 (60-70%)    ╲   Vitest

Playwright 组件测试

import { test, expect } from "@playwright/experimental-ct-react";
import { Counter } from "./Counter";

test("点击增加计数", async ({ mount }) => {
  const component = await mount(<Counter />);
  await component.getByText("增加").click();
  await expect(component).toContainText("1");
});

2026 年的测试策略强调测试用户行为而非实现细节。组件测试比单元测试更有价值，E2E 测试覆盖关键用户流程。