jongryangje/e2e/workspace.spec.js

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);
  });
});