E2E 테스트 - 사용자 시나리오 기반 테스트

E2E(End-to-End) 테스트는 사용자 관점에서 전체 시스템을 테스트하는 방법입니다.
이 글에서는 Cypress, Playwright 등을 활용한 E2E 테스트 작성 방법을 정리합니다.

---

1. Cypress 기본

describe("User Flow", () => {
  it("should login and view profile", () => {
    cy.visit("/login");
    cy.get("[data-cy=email]").type("user@example.com");
    cy.get("[data-cy=password]").type("password");
    cy.get("[data-cy=submit]").click();
    cy.url().should("include", "/profile");
  });
});

---

2. Playwright 기본

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

test("should login", async ({ page }) => {
  await page.goto("/login");
  await page.fill("[data-cy=email]", "user@example.com");
  await page.fill("[data-cy=password]", "password");
  await page.click("[data-cy=submit]");
   (page).();
});