7e32f579e8
워크스페이스(탭) - 탭 전환 시 좌측 사이드바(대메뉴/소메뉴) 강조 자동 동기화 - nav 스크립트에 window.govPortalNav.syncByUrl() 공개, renderSidebar(overrideHref) 확장 - 키보드 단축키(Alt 기반): Alt+1~9 탭 이동, Alt+W 닫기, Alt+[ / Alt+] 이전·다음 - iframe 내부 포커스에서도 동작하도록 같은 출처 문서에 핸들러 부착 - 탭 가운데(휠) 클릭으로 닫기, 잘린 탭 제목 전체 툴팁 매뉴얼 - 신규 페이지 [화면 구성·워크스페이스·단축키] (05_workspace.md, 목차 2번째) - 화면 구성, 탭 사용법·유지 범위, 단축키 표, 이동/도움말 안내 - 개요 페이지에서 새 페이지로 안내 e2e: 워크스페이스(사이드바 동기화·가운데클릭) + 매뉴얼(새 페이지·단축키·검색) 케이스 추가 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
98 lines
3.8 KiB
JavaScript
98 lines
3.8 KiB
JavaScript
const { test, expect } = require('@playwright/test');
|
|
const { login } = require('./helpers/auth');
|
|
|
|
/**
|
|
* 워크스페이스(탭) — 메뉴를 탭(iframe)으로 열고 전환해도 작업 상태 유지
|
|
*/
|
|
test.describe('워크스페이스 탭', () => {
|
|
test('탭 열기·전환·상태 유지·닫기', async ({ page }) => {
|
|
await login(page, 'admin');
|
|
await page.goto('/admin/select-local-government');
|
|
await page.evaluate(() => {
|
|
const r = document.querySelector('input[name="lg_idx"][value="1"]');
|
|
if (r) { r.checked = true; r.form.submit(); }
|
|
});
|
|
await page.waitForTimeout(700);
|
|
|
|
await page.goto('/workspace');
|
|
await page.waitForTimeout(2500);
|
|
|
|
// 대시보드 탭이 자동으로 열림
|
|
await expect(page.locator('.ws-tab')).toHaveCount(1);
|
|
await expect(page.locator('.ws-frame.active')).toBeVisible();
|
|
|
|
// 대시보드 탭에 입력
|
|
await page.frameLocator('.ws-frame.active').locator('#mainMenuSearch').fill('WS_STATE', { timeout: 8000 });
|
|
|
|
// 사이드바 메뉴 클릭 → 새 탭
|
|
await page.locator('.sidebar .my-menu-list a').first().click();
|
|
await page.waitForTimeout(1500);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(2);
|
|
|
|
// 첫 탭으로 복귀 → 입력값 유지 확인
|
|
await page.locator('.ws-tab').first().click();
|
|
await page.waitForTimeout(400);
|
|
await expect(page.frameLocator('.ws-frame.active').locator('#mainMenuSearch')).toHaveValue('WS_STATE');
|
|
|
|
// 탭 닫기
|
|
await page.locator('.ws-tab').nth(1).locator('.t-close').click();
|
|
await page.waitForTimeout(300);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(1);
|
|
});
|
|
|
|
test('관리자 페이지로 이동 후 복귀해도 열어둔 탭 유지', async ({ page }) => {
|
|
await login(page, 'admin');
|
|
await page.goto('/admin/select-local-government');
|
|
await page.evaluate(() => {
|
|
const r = document.querySelector('input[name="lg_idx"][value="1"]');
|
|
if (r) { r.checked = true; r.form.submit(); }
|
|
});
|
|
await page.waitForTimeout(700);
|
|
|
|
await page.goto('/workspace');
|
|
await page.waitForTimeout(2500);
|
|
|
|
// 소메뉴를 탭으로 추가 → 탭 2개
|
|
await page.locator('.sidebar .my-menu-list a').first().click();
|
|
await page.waitForTimeout(1500);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(2);
|
|
|
|
// 관리자 페이지로 전체 이동(워크스페이스를 떠남)
|
|
await page.goto('/admin');
|
|
await page.waitForTimeout(800);
|
|
|
|
// 다시 워크스페이스로 복귀 → 세션에서 탭 복원
|
|
await page.goto('/workspace');
|
|
await page.waitForTimeout(2500);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(2);
|
|
});
|
|
|
|
test('편의: 가운데클릭 닫기·사이드바 동기화', async ({ page }) => {
|
|
await login(page, 'admin');
|
|
await page.goto('/admin/select-local-government');
|
|
await page.evaluate(() => {
|
|
const r = document.querySelector('input[name="lg_idx"][value="1"]');
|
|
if (r) { r.checked = true; r.form.submit(); }
|
|
});
|
|
await page.waitForTimeout(700);
|
|
|
|
await page.goto('/workspace');
|
|
await page.waitForTimeout(2500);
|
|
|
|
await expect(page.locator('.ws-tab')).toHaveCount(1);
|
|
|
|
// 소메뉴를 탭으로 열기 → 사이드바에서 해당 항목이 active 로 동기화됨
|
|
const firstMenu = page.locator('.sidebar .my-menu-list a').first();
|
|
const menuText = (await firstMenu.textContent() || '').trim();
|
|
await firstMenu.click();
|
|
await page.waitForTimeout(1500);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(2);
|
|
await expect(page.locator('.sidebar .my-menu-list a.active')).toBeVisible();
|
|
|
|
// 두 번째 탭 가운데(휠) 클릭으로 닫기
|
|
await page.locator('.ws-tab').nth(1).click({ button: 'middle' });
|
|
await page.waitForTimeout(400);
|
|
await expect(page.locator('.ws-tab')).toHaveCount(1);
|
|
});
|
|
});
|