5차배포

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -41,3 +41,10 @@ yarn-error.log*
 next-env.d.ts
 
 *storybook.log
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

README.md

@@ -33,7 +33,6 @@ Framer Motion 적용한 랜딩페이지
 
 ![랜딩페이지](https://github.com/user-attachments/assets/b700e44b-5fdc-4571-ac0c-32c626d9f72b)
 
-
 ### 📊 **대시보드 관리**
 
 프로젝트별 대시보드 생성
@@ -87,13 +86,10 @@ Framer Motion 적용한 랜딩페이지
 
 ---
 
-
 ## ⚙️ API 흐름
 
 <div align="center">
 
-
-
 <img width="640" height="298" alt="스크린샷 2025-07-24 오후 3 29 30" src="https://github.com/user-attachments/assets/177aedd1-34ad-466e-ae3a-13cb56c4c326" />
 
 <img width="640" height="298" alt="스크린샷 2025-07-24 오후 3 29 43" src="https://github.com/user-attachments/assets/2a6733f7-d416-4f32-bef0-eba98484a275" />
@@ -104,7 +100,6 @@ Framer Motion 적용한 랜딩페이지
 
 </div>
 
-
 ## ⚙️ 기술 스택
 
 | 기술 이름                                                                                                                      | 선정 이유                                                                                                                               |
@@ -121,9 +116,8 @@ Framer Motion 적용한 랜딩페이지
 
 ---
 
-
-
 ## 📁 폴더 구조
+
 ```
 📂src
  ┣ 📜middleware.ts
@@ -147,11 +141,10 @@ Framer Motion 적용한 랜딩페이지
  ┣ 📂components
  ┃ ┣ 📂auth
  ┃ ┣ 📂ui
- ┃ ┗ ... 
+ ┃ ┗ ...
  ┣ 📂types
  ┃ ┗ 📜common.ts
  ┗ 📂utils
 ```
 
-
 </div>

e2e/example.spec.ts

@@ -0,0 +1,18 @@
+import { test, expect } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  // Click the get started link.
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  // Expects page to have a heading with the name of Installation.
+  await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
+});