From def87bd47ab71a3040bae9b5fd615a403370db42 Mon Sep 17 00:00:00 2001 From: "jihoon87.lee" Date: Wed, 11 Feb 2026 11:19:44 +0900 Subject: [PATCH] =?UTF-8?q?git=20ignore=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 5 +++ tests/e2e/mobile-layout.spec.ts | 67 --------------------------------- 2 files changed, 5 insertions(+), 67 deletions(-) delete mode 100644 tests/e2e/mobile-layout.spec.ts diff --git a/.gitignore b/.gitignore index 470b478..5ec7613 100644 --- a/.gitignore +++ b/.gitignore @@ -124,3 +124,8 @@ node_modules # Custom # ======================================== .playwright-mcp/ + +# ======================================== +# Documentation (문서) +# ======================================== +docs/ diff --git a/tests/e2e/mobile-layout.spec.ts b/tests/e2e/mobile-layout.spec.ts deleted file mode 100644 index 2706116..0000000 --- a/tests/e2e/mobile-layout.spec.ts +++ /dev/null @@ -1,67 +0,0 @@ -import { test, expect } from "@playwright/test"; - -test.describe("Mobile Dashboard Layout", () => { - test.use({ - viewport: { width: 390, height: 844 }, // iPhone 12 Pro size - userAgent: - "Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1", - }); - - test("should verify mobile layout elements are visible and not overlapping", async ({ - page, - }) => { - // 1. 대시보드 페이지 이동 - await page.goto("/dashboard"); - - // 페이지 로딩 대기 (네트워크 유휴 상태 혹은 특정 요소) - await page.waitForLoadState("networkidle"); - - // 2. 주요 섹션 존재 여부 확인 - const chartSection = page.locator("text=차트 영역, O, H, L, C").first(); // 차트 관련 텍스트나 영역 - // StockLineChart가 로드되면 차트 캔버스가 있을 것임 - const chartCanvas = page.locator("canvas").first(); - - // 호가창 탭 - const orderBookTabs = page.getByRole("tablist"); - - // 주문 폼 탭 - const orderFormTabs = page.getByRole("tab", { name: "매수" }); - - // 3. 스크린샷 캡처 (디버깅용) - await page.screenshot({ - path: "test-results/mobile-dashboard-before-fix.png", - fullPage: true, - }); - - // 4. 요소 가시성 체크 (현재 고정 높이 버그로 인해 겹치거나 잘릴 수 있음) - // 수정 전에는 이것들이 겹쳐있거나 뷰포트 밖으로 밀려나도 스크롤이 안될 수 있음. - - // 체크: body에 스크롤이 생겼는지 확인 (수정 후에는 생겨야 함) - // 현재(버그 상태)는 overflow-hidden이라 스크롤이 없을 것임. - - // 5. 레이아웃 검증 로직 - // 차트 높이가 충분한지 - const chartBox = await page - .locator(".flex-1.min-h-0") - .first() - .boundingBox(); - console.log("Chart Box:", chartBox); - - // 호가창이 보이는지 - const orderBookBox = await page - .locator("text=일반호가") - .first() - .boundingBox(); - console.log("OrderBook Box:", orderBookBox); - - // 주문폼이 보이는지 - const orderFormBox = await page - .locator("text=매수하기") - .first() - .boundingBox(); - console.log("OrderForm Box:", orderFormBox); - - // 단순 존재 여부만 통과시키고, 실제 시각적 확인은 스크린샷으로 대체 - expect(page.url()).toContain("/dashboard"); - }); -});