Testing

// Jest를 사용한 테스트 예제

// src/utils/calculator.js
export function add(a, b) {
  return a + b;
}

export function divide(a, b) {
  if (b === 0) throw new Error('Division by zero');
  return a / b;
}

// src/utils/calculator.test.js - Unit Test
import { add, divide } from './calculator';

describe('Calculator', () => {
  describe('add', () => {
    it('두 양수를 더한다', () => {
      expect(add(2, 3)).toBe(5);
    });

    it('음수를 처리한다', () => {
      expect(add(-1, 1)).toBe(0);
    });
  });

  describe('divide', () => {
    it('두 숫자를 나눈다', () => {
      expect(divide(10, 2)).toBe(5);
    });

    it('0으로 나누면 에러를 던진다', () => {
      expect(() => divide(10, 0)).toThrow('Division by zero');
    });
  });
});

// src/services/userService.test.js - Integration Test
import { createUser, getUser } from './userService';
import { db } from '../db';

describe('UserService Integration', () => {
  beforeEach(async () => {
    await db.migrate.latest();
    await db.seed.run();
  });

  afterEach(async () => {
    await db('users').truncate();
  });

  it('사용자를 생성하고 조회할 수 있다', async () => {
    const userData = { name: 'John', email: 'john@example.com' };

    const created = await createUser(userData);
    const retrieved = await getUser(created.id);

    expect(retrieved.name).toBe('John');
    expect(retrieved.email).toBe('john@example.com');
  });
});

// cypress/e2e/login.cy.js - E2E Test
describe('로그인 플로우', () => {
  beforeEach(() => {
    cy.visit('/login');
  });

  it('올바른 자격 증명으로 로그인할 수 있다', () => {
    cy.get('[data-testid="email"]').type('user@example.com');
    cy.get('[data-testid="password"]').type('password123');
    cy.get('[data-testid="login-button"]').click();

    cy.url().should('include', '/dashboard');
    cy.contains('환영합니다').should('be.visible');
  });

  it('잘못된 비밀번호로 에러를 표시한다', () => {
    cy.get('[data-testid="email"]').type('user@example.com');
    cy.get('[data-testid="password"]').type('wrong');
    cy.get('[data-testid="login-button"]').click();

    cy.contains('비밀번호가 일치하지 않습니다').should('be.visible');
  });
});