Cypress

// cypress/e2e/login.cy.js - 로그인 E2E 테스트
describe('로그인 기능', () => {
    beforeEach(() => {
        // 각 테스트 전에 로그인 페이지 방문
        cy.visit('/login');
    });

    it('올바른 자격증명으로 로그인 성공', () => {
        // 입력 필드 조작
        cy.get('[data-cy="email"]').type('user@example.com');
        cy.get('[data-cy="password"]').type('secure123');
        cy.get('[data-cy="submit"]').click();

        // 로그인 성공 확인
        cy.url().should('include', '/dashboard');
        cy.get('[data-cy="welcome-message"]')
            .should('contain', '환영합니다');
    });

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

        // 에러 메시지 확인
        cy.get('[data-cy="error"]')
            .should('be.visible')
            .and('contain', '비밀번호가 일치하지 않습니다');
    });

    it('API 응답 모킹으로 네트워크 테스트', () => {
        // 네트워크 요청 가로채기
        cy.intercept('POST', '/api/login', {
            statusCode: 200,
            body: { token: 'fake-jwt-token', user: { name: '테스트' } }
        }).as('loginRequest');

        cy.get('[data-cy="email"]').type('test@test.com');
        cy.get('[data-cy="password"]').type('test123');
        cy.get('[data-cy="submit"]').click();

        // API 호출 대기 및 검증
        cy.wait('@loginRequest').its('request.body')
            .should('deep.equal', {
                email: 'test@test.com',
                password: 'test123'
            });
    });
});