test(e2e): 테이블 빈 상태 및 URL 쿼리 파라미터 지속성 테스트 추가

- 검색 결과 없을 때 빈 상태 메시지 표시 테스트
- 검색 초기화 시 테이블 복원 테스트
- 탭 전환 시 URL 쿼리 파라미터 업데이트 테스트
- 페이지 새로고침 후 탭 선택 유지 테스트

Author: kubrickcode

e2e/empty-state.spec.ts

@@ -0,0 +1,45 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("Table Empty State", () => {
+  test.use({ storageState: { cookies: [], origins: [] } });
+
+  test.beforeEach(async ({ page }) => {
+    await page.goto("/");
+    await page.locator("table tbody tr").first().waitFor();
+  });
+
+  test("should show empty state message when search has no results", async ({
+    page,
+  }) => {
+    const searchInput = page.getByRole("textbox", { name: "검색..." });
+
+    await searchInput.fill("NonExistentContent123456789");
+    await searchInput.press("Enter");
+
+    await expect(page.getByText("조회된 데이터가 없습니다")).toBeVisible();
+
+    const rowCount = await page.locator("table tbody tr").count();
+    expect(rowCount).toBe(1);
+  });
+
+  test("should restore table when clearing search after empty state", async ({
+    page,
+  }) => {
+    const searchInput = page.getByRole("textbox", { name: "검색..." });
+
+    // Search non-existent content
+    await searchInput.fill("NonExistentContent123456789");
+    await searchInput.press("Enter");
+    await expect(page.getByText("조회된 데이터가 없습니다")).toBeVisible();
+
+    // Clear search
+    await searchInput.clear();
+    await searchInput.press("Enter");
+
+    // Table should be restored
+    await expect(async () => {
+      const rowCount = await page.locator("table tbody tr").count();
+      expect(rowCount).toBeGreaterThan(1);
+    }).toPass({ timeout: 5000 });
+  });
+});

e2e/url-query-persistence.spec.ts

@@ -0,0 +1,61 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("URL Query Parameter Persistence", () => {
+  test.use({ storageState: { cookies: [], origins: [] } });
+
+  test("should update URL when switching tabs on item price list", async ({
+    page,
+  }) => {
+    await page.goto("/item-price-list");
+    await page.locator("table tbody tr").first().waitFor();
+
+    // Initial URL should not have tab parameter (default tab)
+    expect(page.url()).not.toContain("tab=");
+
+    // Click auction item tab
+    await page.getByRole("tab", { name: "경매장 아이템" }).click();
+    await page.locator("table tbody tr").first().waitFor();
+
+    // URL should now contain tab=auction-item
+    expect(page.url()).toContain("tab=auction-item");
+  });
+
+  test("should persist tab selection after page refresh", async ({ page }) => {
+    // Navigate directly to auction item tab
+    await page.goto("/item-price-list?tab=auction-item");
+    await page.locator("table tbody tr").first().waitFor();
+
+    // Verify auction item tab is selected
+    await expect(
+      page.getByRole("tab", { name: "경매장 아이템" })
+    ).toHaveAttribute("aria-selected", "true");
+
+    // Refresh page
+    await page.reload();
+    await page.locator("table tbody tr").first().waitFor();
+
+    // Tab should still be selected after refresh
+    await expect(
+      page.getByRole("tab", { name: "경매장 아이템" })
+    ).toHaveAttribute("aria-selected", "true");
+    expect(page.url()).toContain("tab=auction-item");
+  });
+
+  test("should persist extra item tab selection", async ({ page }) => {
+    await page.goto("/item-price-list");
+    await page.locator("table tbody tr").first().waitFor();
+
+    // Click extra item tab
+    await page.getByRole("tab", { name: "기타 아이템" }).click();
+
+    // URL should contain tab=extra-item
+    await expect(async () => {
+      expect(page.url()).toContain("tab=extra-item");
+    }).toPass({ timeout: 5000 });
+
+    // Verify extra item tab is selected
+    await expect(
+      page.getByRole("tab", { name: "기타 아이템" })
+    ).toHaveAttribute("aria-selected", "true");
+  });
+});