chym1217
ac57df93bd
PR 전 마지막 재검토에서 남겨뒀던 두 항목을 처리한다.
- 게스트 세션 쿠키 HMAC 서명에 만료시각을 추가했다. 결제 플러그인
(IssuesReceiptCookie)과 동일하게 값 형식을 {uuid}|{만료시각}|{서명}
3단 구조로 바꾸고, 서명 자체가 만료시각도 함께 해시하므로 만료시각만
위조해 유효기간을 늘리는 시도도 차단된다. 만료 기간은 쿠키 자체의
브라우저 만료(1년)와 동일하게 맞췄다 — 결제 정보가 아닌 쿠키 선호도
식별자라 짧게 잘라 잦은 재발급을 강제할 실익이 없다.
- 관리자 설정 화면의 정책 버전 이력 토글 버튼에서 sequence handler의
actions 배열이 params 안에 잘못 중첩되어 있던 걸 발견해 바로잡았다.
엔진(ActionDispatcher.handleSequence)이 두 위치를 모두 인식하는
fallback을 갖고 있어 실제 동작은 정상이었지만, 정석 위치(top-level)로
정리하고 실제 클릭 시 이력 표가 펼쳐지는지 검증하는 E2E를 추가했다.
103 lines
6.1 KiB
TypeScript
103 lines
6.1 KiB
TypeScript
/**
|
|
* E2E: 관리자 환경설정 > 쿠키 배너 > 정책 버전 > 보기 — 본문 페이지 링크 (#509 체크리스트 12번)
|
|
* + 관리자 환경설정 카드 제목 색상 회귀 가드 (PO 스크린샷 발견)
|
|
* + 정책 버전 이력 토글 sequence handler 회귀 가드
|
|
*
|
|
* @scenario admin_gdpr_policy_version_snapshot_open_policy_page_link
|
|
* @effects snapshot_modal_opens, policy_page_link_href_matches_page_module_url_pattern, card_title_not_error_color, policy_history_toggle_expands_and_refetches
|
|
*
|
|
* 배경: 정책 버전 snapshot 모달의 본문 페이지 링크가 `/{{slug}}` 로 조합되어 페이지 모듈
|
|
* (sirsoft-page) 의 실제 URL 패턴 `/page/{slug}` 와 불일치, 클릭 시 404 가 발생하던 결함.
|
|
* 마이그레이션이 시드하는 v1 initial 정책 버전의 snapshot 에는 항상 기본 슬러그 'privacy' 가
|
|
* 포함되므로 (GdprPolicyVersionMigrationSmokeTest 참조), 별도 설정 저장 없이도 v배지 클릭 →
|
|
* 모달의 본문 페이지 링크 href 를 검증할 수 있다.
|
|
*
|
|
* 또한 카드 제목(H3)이 에러/경고 전용 시맨틱(text-error-strong, red 계열)을 오용해
|
|
* "운영 주체" 등 일반 카드 제목이 빨간색으로 표시되던 결함을 PO 가 스크린샷으로 발견해
|
|
* section-heading-md(중립 톤)로 수정 — 실제 렌더링된 색상을 브라우저에서 검증한다.
|
|
*
|
|
* 정책 버전 이력 토글 버튼의 sequence handler 가 actions 를 params 안에 잘못 중첩하고
|
|
* 있던 결함(CLAUDE.md 절대 금지 패턴)도 함께 발견 — 엔진이 두 위치 모두 인식하는
|
|
* fallback을 갖고 있어 동작 자체는 정상이었으나 정석 위치(top-level)로 바로잡았다.
|
|
* 실제 클릭 시 이력 표가 펼쳐지는지(=sequence 의 setState 가 실행됐는지)를 검증한다.
|
|
*
|
|
* 검증:
|
|
* 1. 환경설정 화면에서 v배지 옆 "본문 보기" 버튼 클릭 시 snapshot 모달이 열린다
|
|
* 2. 모달의 본문 페이지 링크 href 가 `/page/{slug}` 형식으로 조합되어 페이지 모듈 URL 패턴과 일치한다
|
|
* (프리픽스 누락으로 `/{slug}` 형태가 되는 결함 패턴이 재발하지 않았는지 회귀 가드)
|
|
* 3. 「운영 주체 / 개인정보처리방침」 카드 제목이 에러 색상(red 계열)이 아닌 중립 톤으로 렌더링된다
|
|
* 4. 이력 토글 버튼 클릭 시 이력 표가 펼쳐진다 (sequence 내 setState 정상 실행 확인)
|
|
*/
|
|
import { test, expect, authenticatePage } from '../../fixtures/gdpr-auth';
|
|
|
|
const CARD_COOKIE_BANNER = '#card_cookie_banner';
|
|
const SNAPSHOT_VIEW_BUTTON = '#policy_version_current_snapshot_view_button';
|
|
const OPEN_POLICY_PAGE_LINK = '#policy_version_snapshot_open_policy_page_link';
|
|
const CARD_OPERATOR_HEADER = '#card_operator_header h3';
|
|
const HISTORY_TOGGLE_BUTTON = '#field_cookie_policy_version button:has-text("이력")';
|
|
|
|
/** 관리자 GDPR 환경설정 진입 후 쿠키 배너 탭(정책 버전 UI 포함)으로 스크롤 이동 */
|
|
async function gotoGdprSettings(page: import('@playwright/test').Page): Promise<void> {
|
|
await page.goto('/admin/plugins/sirsoft-gdpr/settings');
|
|
await page.waitForLoadState('domcontentloaded', { timeout: 30_000 });
|
|
await expect(page.locator('#settings_tab_navigation')).toBeAttached({ timeout: 20_000 });
|
|
|
|
// TabNavigationScroll 은 URL query 가 아니라 클릭 시 해당 카드로 스크롤하는 방식이다.
|
|
await page.locator(CARD_COOKIE_BANNER).scrollIntoViewIfNeeded();
|
|
await expect(page.locator(SNAPSHOT_VIEW_BUTTON)).toBeAttached({ timeout: 20_000 });
|
|
}
|
|
|
|
// @scenario tab=card_cookie_banner, permitted=yes
|
|
// @effects snapshot_modal_opens, policy_page_link_href_matches_page_module_url_pattern
|
|
test('#509 - 정책 버전 snapshot 모달의 본문 페이지 링크가 /page/{slug} 로 조합된다', async ({ page, privacyManageToken }) => {
|
|
await authenticatePage(page, privacyManageToken);
|
|
|
|
await gotoGdprSettings(page);
|
|
expect(page.url()).not.toMatch(/\/admin\/login/);
|
|
|
|
await page.locator(SNAPSHOT_VIEW_BUTTON).click();
|
|
|
|
const link = page.locator(OPEN_POLICY_PAGE_LINK);
|
|
await expect(link).toBeAttached({ timeout: 10_000 });
|
|
|
|
const href = await link.getAttribute('href');
|
|
expect(href).not.toBeNull();
|
|
// 결함 패턴(/{slug}, /page/ 프리픽스 누락) 재발 방지 — 페이지 모듈 URL 패턴 /page/{slug} 와 일치해야 한다.
|
|
expect(href).toMatch(/^\/page\/.+/);
|
|
expect(href).not.toMatch(/^\/(?!page\/)/);
|
|
});
|
|
|
|
// @scenario tab=card_operator, permitted=yes
|
|
// @effects card_title_not_error_color
|
|
test('#509 - 관리자 환경설정 카드 제목이 에러 색상(빨간색)으로 표시되지 않는다', async ({ page, privacyManageToken }) => {
|
|
await authenticatePage(page, privacyManageToken);
|
|
await gotoGdprSettings(page);
|
|
|
|
const header = page.locator(CARD_OPERATOR_HEADER);
|
|
await expect(header).toBeVisible({ timeout: 10_000 });
|
|
|
|
const color = await header.evaluate((el) => getComputedStyle(el).color);
|
|
// text-error-strong(text-red-800/dark:text-red-200) 이 남아있다면 rgb 값의 R 채널이
|
|
// G/B 채널보다 뚜렷이 높은 붉은 계열로 계산된다. 정상(중립 톤)은 R≈G≈B.
|
|
const rgbMatch = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
|
|
expect(rgbMatch).not.toBeNull();
|
|
const [, r, g, b] = rgbMatch as unknown as [string, string, string, string];
|
|
expect(Number(r) - Math.max(Number(g), Number(b))).toBeLessThan(40);
|
|
});
|
|
|
|
// @scenario tab=card_cookie_banner, permitted=yes
|
|
// @effects policy_history_toggle_expands_and_refetches
|
|
test('#509 - 정책 버전 이력 토글 버튼 클릭 시 이력 표가 펼쳐진다 (sequence handler 정상 동작 확인)', async ({ page, privacyManageToken }) => {
|
|
await authenticatePage(page, privacyManageToken);
|
|
await gotoGdprSettings(page);
|
|
|
|
const historyTable = page.locator('#policy_version_history_table');
|
|
await expect(historyTable).toBeHidden();
|
|
|
|
await page.locator(HISTORY_TOGGLE_BUTTON).click();
|
|
|
|
// sequence 의 setState(policyHistoryOpen 토글) 가 실행되어야 이 if 조건이 true 로
|
|
// 바뀌어 이력 표가 렌더된다 — params 안에 잘못 중첩됐던 결함이 재발하면 여기서 실패한다.
|
|
await expect(historyTable).toBeVisible({ timeout: 10_000 });
|
|
});
|