75 lines
3.2 KiB
JavaScript
75 lines
3.2 KiB
JavaScript
|
const { test, expect } = require('@playwright/test');
|
||
|
|
const { login } = require('./helpers/auth');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* gov-portal 디자인 전면 적용 검증
|
||
|
|
* - 메인(/) = 포털 대시보드(실데이터 카드)
|
||
|
|
* - 업무 페이지에 포털 셸(헤더+대메뉴+사이드바) 적용
|
||
|
|
* - 대메뉴 클릭 → 좌측 사이드바에 소메뉴 표시
|
||
|
|
*/
|
||
|
|
test.describe('gov-portal 전면 적용', () => {
|
||
|
|
test('메인(/)이 포털 대시보드로 렌더', async ({ page }) => {
|
||
|
|
await login(page, 'user');
|
||
|
|
await page.goto('/');
|
||
|
|
await expect(page.locator('header.portal-header')).toBeVisible();
|
||
|
|
await expect(page.locator('.sidebar')).toBeVisible();
|
||
|
|
await expect(page.getByText('봉투 재고 총량')).toBeVisible();
|
||
|
|
await expect(page.getByText('승인 대기')).toBeVisible();
|
||
|
|
// 목업 흔적(가짜 공지/지도)이 없어야 함
|
||
|
|
await expect(page.getByText('서비스 데스크')).toHaveCount(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('업무 페이지에 포털 셸 적용', async ({ page }) => {
|
||
|
|
await login(page, 'user');
|
||
|
|
await page.goto('/bag/help');
|
||
|
|
await expect(page.locator('header.portal-header')).toBeVisible();
|
||
|
|
await expect(page.locator('#portalSidebarList')).toBeAttached();
|
||
|
|
await expect(page.locator('#portalTopNavClick')).toBeAttached();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('관리자 계정은 상단에 관리자 링크 노출', async ({ page }) => {
|
||
|
|
await login(page, 'local');
|
||
|
|
await page.goto('/');
|
||
|
|
const adminLink = page.locator('header.portal-header a[href$="/admin"]');
|
||
|
|
await expect(adminLink).toBeVisible();
|
||
|
|
await expect(adminLink).toContainText('관리자');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('로그인 페이지가 gov-portal 스타일(Pretendard)로 렌더', async ({ page }) => {
|
||
|
|
await page.goto('/login');
|
||
|
|
const hasPretendard = await page.evaluate(() =>
|
||
|
|
[...document.styleSheets, ...document.querySelectorAll('link')].some(
|
||
|
|
(n) => (n.href || '').includes('pretendard')));
|
||
|
|
expect(hasPretendard).toBeTruthy();
|
||
|
|
await expect(page.locator('input[name="login_id"]')).toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('관리자 페이지에도 포털 셸 적용', async ({ page }) => {
|
||
|
|
await login(page, 'admin');
|
||
|
|
await page.goto('/admin/select-local-government');
|
||
|
|
await expect(page.locator('header.portal-header')).toBeVisible();
|
||
|
|
await expect(page.locator('#portalSidebarList')).toBeAttached();
|
||
|
|
await expect(page.locator('#portalTopNavClick')).toBeAttached();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('로그인·메인 로고가 사이트 공통 로고로 통일', async ({ page }) => {
|
||
|
|
for (const url of ['/login', '/']) {
|
||
|
|
await page.goto(url);
|
||
|
|
const brand = page.locator('header a[href]').first();
|
||
|
|
await expect(brand).toContainText('종량제 시스템');
|
||
|
|
await expect(brand.locator('svg path')).toHaveCount(1); // 휴지통 SVG
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
test('대메뉴 클릭 시 사이드바에 소메뉴 표시', async ({ page }) => {
|
||
|
|
await login(page, 'user');
|
||
|
|
await page.goto('/');
|
||
|
|
const triggers = page.locator('.portal-nav-trigger[data-parent-idx]');
|
||
|
|
const n = await triggers.count();
|
||
|
|
test.skip(n === 0, '이 계정에 하위메뉴를 가진 대메뉴가 없음');
|
||
|
|
await triggers.first().click();
|
||
|
|
// 사이드바 목록에 항목이 채워짐
|
||
|
|
await expect(page.locator('#portalSidebarList li').first()).toBeVisible();
|
||
|
|
});
|
||
|
|
});
|