102 lines
3.8 KiB
JavaScript
102 lines
3.8 KiB
JavaScript
import { expect, test } from '@playwright/test'
|
|
|
|
const adminEmail = 'playwright-admin@example.com'
|
|
const adminPassword = 'playwright-admin-password'
|
|
|
|
/**
|
|
* 관리자 화면에서 실제 로그인 API를 거쳐 로그인한다.
|
|
* @param {import('@playwright/test').Page} page - 브라우저 페이지
|
|
* @returns {Promise<void>}
|
|
*/
|
|
const loginAdmin = async (page) => {
|
|
await page.goto('/admin/login')
|
|
await page.waitForLoadState('networkidle')
|
|
await page.getByLabel('이메일').fill(adminEmail)
|
|
await page.locator('input[type="password"]').fill(adminPassword)
|
|
|
|
await Promise.all([
|
|
page.waitForResponse((response) =>
|
|
response.url().endsWith('/admin/api/auth/login') && response.status() === 200
|
|
),
|
|
page.getByRole('button', { name: '로그인', exact: true }).click()
|
|
])
|
|
await page.waitForURL(/\/admin(?:\/)?$/)
|
|
}
|
|
|
|
test('설정 카드 하나만 저장하면 다른 카드의 미저장 입력을 보존한다', async ({ page }) => {
|
|
const savedTitle = 'Playwright 독립 저장 사이트'
|
|
const unsavedCopyright = 'Playwright 미저장 저작권'
|
|
|
|
await loginAdmin(page)
|
|
await page.goto('/admin/settings')
|
|
await page.waitForLoadState('networkidle')
|
|
|
|
const titleCard = page.getByTestId('title-and-description')
|
|
const siteInfoCard = page.locator('#admin-settings-section-misc')
|
|
|
|
await titleCard.getByRole('button', { name: '편집' }).click()
|
|
await titleCard.getByLabel('사이트 이름').fill(savedTitle)
|
|
|
|
await siteInfoCard.getByRole('button', { name: '편집' }).click()
|
|
const copyrightInput = siteInfoCard.getByLabel('저작권 문구')
|
|
const originalCopyright = await copyrightInput.inputValue()
|
|
await copyrightInput.fill(unsavedCopyright)
|
|
|
|
const saveResponsePromise = page.waitForResponse((response) =>
|
|
response.url().endsWith('/admin/api/settings')
|
|
&& response.request().method() === 'PATCH'
|
|
&& response.status() === 200
|
|
)
|
|
await titleCard.getByRole('button', { name: '저장', exact: true }).click()
|
|
const saveResponse = await saveResponsePromise
|
|
|
|
expect(saveResponse.request().postDataJSON()).toEqual({
|
|
title: savedTitle,
|
|
description: expect.any(String)
|
|
})
|
|
await expect(copyrightInput).toHaveValue(unsavedCopyright)
|
|
|
|
await page.reload()
|
|
await page.waitForLoadState('networkidle')
|
|
await expect(titleCard).toContainText(savedTitle)
|
|
|
|
await siteInfoCard.getByRole('button', { name: '편집' }).click()
|
|
await expect(siteInfoCard.getByLabel('저작권 문구')).toHaveValue(originalCopyright)
|
|
})
|
|
|
|
test('발행 글의 미저장 변경에서 이탈을 취소하면 입력과 경로를 유지한다', async ({ page }) => {
|
|
const originalTitle = 'Playwright Unsaved Guard'
|
|
const changedTitle = 'Playwright Unsaved Guard Changed'
|
|
|
|
await loginAdmin(page)
|
|
const createResponse = await page.request.post('/admin/api/posts', {
|
|
data: {
|
|
title: originalTitle,
|
|
slug: 'playwright-unsaved-guard',
|
|
content: '미저장 이탈 보호 E2E 본문',
|
|
excerpt: '',
|
|
status: 'published',
|
|
publishedAt: new Date().toISOString(),
|
|
tags: [],
|
|
tagNames: {}
|
|
}
|
|
})
|
|
expect(createResponse.status()).toBe(200)
|
|
const post = await createResponse.json()
|
|
|
|
await page.goto(`/admin/posts/${post.id}`)
|
|
await page.waitForLoadState('networkidle')
|
|
const titleInput = page.getByPlaceholder('제목')
|
|
await titleInput.fill(changedTitle)
|
|
await expect(titleInput).toHaveValue(changedTitle)
|
|
|
|
await page.getByRole('link', { name: 'Posts', exact: true }).click()
|
|
const dialog = page.getByRole('dialog', { name: '이 페이지를 떠날까요?' })
|
|
await expect(dialog).toBeVisible()
|
|
await dialog.getByRole('button', { name: '머무르기' }).click()
|
|
|
|
await expect(dialog).toBeHidden()
|
|
await expect(page).toHaveURL(new RegExp(`/admin/posts/${post.id}$`))
|
|
await expect(titleInput).toHaveValue(changedTitle)
|
|
})
|