feat: 대안으로 beforeEach 도입. settingRouterTester 적용 (#59)

.gitignore

@@ -49,5 +49,4 @@ dist-ssr
 /playwright/.cache/
 
 # test
-account.ts
-/playwright/.auth
+account.ts

playwright.config.ts

@@ -24,29 +24,23 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     trace: 'on-first-retry',
-    storageState: 'playwright/.auth/user.json',
     headless: false,
   },
 
   projects: [
-    { name: 'setup', testMatch: /.*\.setup\.ts/ },
-
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
-      dependencies: ['setup'],
     },
 
     {
       name: 'firefox',
       use: { ...devices['Desktop Firefox'] },
-      dependencies: ['setup'],
     },
 
     {
       name: 'webkit',
       use: { ...devices['Desktop Safari'] },
-      dependencies: ['setup'],
     },
 
     /* Test against mobile viewports. */

tests/test.spec.ts

@@ -1,5 +1,7 @@
 import { test } from '@playwright/test';
 
-import { settingTester } from './tester/settingTester';
+import { settingRouterTester } from './tester/settingTester';
+import { signinTester } from './tester/signinTester';
 
-test('setting', settingTester);
+test.beforeEach(signinTester);
+test('setting', settingRouterTester);

tests/tester/settingTester.ts

@@ -1,7 +1,12 @@
 import { expect } from '@playwright/test';
 
-export const settingTester = async ({ page }) => {
-  await page.goto('http://localhost:3000/home');
+export const settingRouterTester = async ({ page }) => {
+  await page.click('#root > div > nav > a:nth-child(5)');
+  await page.waitForURL('http://localhost:3000/setting');
 
-  await expect(page.getByText('동문 네트워크')).toBeVisible();
+  await page.click('#root > div > main > div > section:nth-child(2) > a:nth-child(2)');
+  await page.waitForURL('http://localhost:3000/setting/profile');
+
+  await page.click('#root > div > header > div.css-wzsu05-Left.e1i83gr13 > a > svg > g > path');
+  await page.waitForURL('http://localhost:3000/setting');
 };

tests/tester/signinTester.ts

@@ -7,8 +7,9 @@ export const signinTester = async ({ page }) => {
 
   await page.getByPlaceholder('아이디').fill(ADMIN.ID);
   await page.getByPlaceholder('비밀번호').fill(ADMIN.PW);
-
   await page.click('#root > div > div > form > button');
 
-  await expect(page.url() === 'http://localhost:3000/home');
+  await page.waitForURL('http://localhost:3000/home');
+
+  await expect(page.getByText('동문 네트워크')).toBeVisible();
 };