1. 범위와 배치

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

test("수량은 소수 두 자리로 표시된다", async ({ page }) => {
	/**
	 * GIVEN
	 * 수량 입력 화면
	 */
	await page.goto("/orders/new");

	/**
	 * WHEN
	 * 수량 1234 입력
	 */
	await page.getByLabel("수량").fill("1234");

	/**
	 * THEN
	 * 천 단위 구분과 소수 두 자리
	 */
	await expect(page.getByRole("status")).toHaveText("1,234.00");
});

import { expect, test } from "vitest";

import { formatQuantity } from "@/util/number/format-quantity";

test("수량은 소수 두 자리로 표시된다", () => {
	/**
	 * GIVEN
	 * 소수 표기를 확인할 수량
	 */
	const quantity = 1234;

	/**
	 * WHEN
	 * 수량의 표시 문자열 계산
	 */
	const label = formatQuantity(quantity);

	/**
	 * THEN
	 * 천 단위 구분과 소수 두 자리
	 */
	expect(label).toBe("1,234.00");
});

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

const ranges = [
	{ start: "2026-03-01", end: "2026-01-01" },
	{ start: "2026-04-01", end: "2026-02-01" },
	{ start: "2026-05-01", end: "2026-03-01" },
];

for (const range of ranges) {
	test(`뒤집힌 기간 ${range.start}를 보정한다`, async ({ page }) => {
		/**
		 * GIVEN
		 * 입력 조합마다 다시 여는 전체 화면
		 */
		const path = `/reports?startDate=${range.start}&endDate=${range.end}`;

		/**
		 * WHEN
		 * 날짜 보정 함수를 화면에서 반복 실행
		 */
		await page.goto(path);

		/**
		 * THEN
		 * 같은 함수의 입력 표를 화면에서 재검사
		 */
		await expect(page.getByLabel("시작일")).toHaveValue(range.end);
		await expect(page.getByLabel("종료일")).toHaveValue(range.start);
	});
}

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

test("뒤집힌 URL 기간이 입력란에 보정돼 표시된다", async ({ page }) => {
	/**
	 * GIVEN
	 * 뒤집힌 기간이 있는 URL
	 */
	const path = "/reports?startDate=2026-03-01&endDate=2026-01-01";

	/**
	 * WHEN
	 * URL로 화면 진입
	 */
	await page.goto(path);

	/**
	 * THEN
	 * 보정된 날짜와 입력란의 실제 연결
	 */
	await expect(page.getByLabel("시작일")).toHaveValue("2026-01-01");
	await expect(page.getByLabel("종료일")).toHaveValue("2026-03-01");
});

import { expect, test } from "vitest";

import { formatQuantity } from "@/util/number/format-quantity";

test("배포 smoke: 수량을 표시한다", () => {
	/**
	 * GIVEN
	 * 일반 수량 입력
	 */
	const quantity = 1234;

	/**
	 * WHEN
	 * 포맷 함수만 실행
	 */
	const label = formatQuantity(quantity);

	/**
	 * THEN
	 * 배포 산출물을 거치지 않은 함수 결과
	 */
	expect(label).toBe("1,234.00");
});

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

// baseURL: 검증할 배포 산출물. fixture에서 세션과 읽기 전용 order-1 데이터를 준비
test("주문 화면에 진입하면 대표 목록을 조회한다", { tag: "@smoke" }, async ({ page }) => {
	/**
	 * GIVEN
	 * 배포 환경의 읽기 전용 주문 목록 경로
	 */
	const path = "/orders";

	/**
	 * WHEN
	 * 실제 앱의 주문 화면 진입
	 */
	await page.goto(path);

	/**
	 * THEN
	 * 앱 초기화와 대표 데이터 조회의 연결
	 */
	await expect(page.getByRole("heading", { name: "주문", exact: true })).toBeVisible();
	await expect(page.getByRole("table", { name: "주문 목록" }).getByRole("cell", { name: "order-1", exact: true })).toBeVisible();
});