前端项目测试基础与工具选型

// 断言
expect(value).toBe(expected)            // 严格相等
expect(value).toEqual(expected)         // 深度相等
expect(value).toBeTruthy()              // 真值判断
expect(value).toBeCloseTo(0.3)          // 浮点近似
expect(arr).toContain(item)             // 包含
expect(fn).toThrow()                    // 抛出异常
expect(fn).toHaveBeenCalledWith(args)   // 调用参数

// Mock
jest.fn()                               // Mock 函数
jest.mock('./module')                   // Mock 模块
jest.useFakeTimers()                    // 定时器模拟

const chai = require('chai')      // 断言库
const sinon = require('sinon')    // Mock/Stub/Spy
const expect = chai.expect

// cypress/e2e/login.cy.js
describe('登录功能测试', () => {
  it('用户可以成功登录', () => {
    cy.visit('/login')
    cy.get('[data-cy=username]').type('user@example.com')
    cy.get('[data-cy=password]').type('password123')
    cy.get('[data-cy=login-button]').click()

    cy.url().should('include', '/home')
    cy.contains('欢迎回来').should('be.visible')
  })
})

src/
├── utils/
│   ├── format.ts
│   └── format.test.ts        # 就近放置
├── components/
│   ├── Button.vue
│   └── __tests__/
│       └── Button.test.ts    # 或 __tests__ 目录
tests/
└── e2e/
    └── login.spec.ts         # E2E 独立目录

# .github/workflows/test.yml
- name: Unit Tests
  run: pnpm vitest run --coverage

- name: E2E Tests
  run: npx playwright test

- name: Upload Coverage
  uses: codecov/codecov-action@v4