Add Chromium general icon lifecycle coverage

app/gateway-frontend/e2e/general-icon-lifecycle.playwright.config.mjs

@@ -0,0 +1,37 @@
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig, devices } from '@playwright/test';
+
+const repositoryRoot = resolve(dirname(fileURLToPath(import.meta.url)), '../../..');
+
+export default defineConfig({
+    testDir: '.',
+    testMatch: 'general-icon-lifecycle.spec.ts',
+    fullyParallel: false,
+    workers: 1,
+    timeout: 720_000,
+    globalTimeout: 780_000,
+    expect: {
+        timeout: 15_000,
+    },
+    reporter: [['list']],
+    outputDir: resolve(repositoryRoot, 'test-results/general-icon-lifecycle'),
+    use: {
+        baseURL: process.env.SAMMO_LIFECYCLE_BASE_URL ?? 'http://127.0.0.1:15140',
+        ...devices['Desktop Chrome'],
+        deviceScaleFactor: 1,
+        colorScheme: 'dark',
+        trace: 'retain-on-failure',
+        screenshot: 'only-on-failure',
+        ignoreHTTPSErrors: true,
+        actionTimeout: 15_000,
+        navigationTimeout: 30_000,
+    },
+    webServer: {
+        command: 'node e2e/prefix-proxy.mjs',
+        cwd: resolve(repositoryRoot, 'app/gateway-frontend'),
+        url: 'http://127.0.0.1:15140/gateway/',
+        reuseExistingServer: false,
+        timeout: 30_000,
+    },
+});

app/gateway-frontend/e2e/general-icon-lifecycle.spec.ts

@@ -0,0 +1,119 @@
+import { access, readFile } from 'node:fs/promises';
+import path from 'node:path';
+
+import { expect, test, type Browser, type Page, type TestInfo } from '@playwright/test';
+
+const requiredEnv = (name: string): string => {
+    const value = process.env[name]?.trim();
+    if (!value) {
+        throw new Error(`${name} is required`);
+    }
+    return value;
+};
+
+const readPassword = async (account: 'admin' | 'user_a'): Promise<string> => {
+    const root = requiredEnv('SAMMO_LIFECYCLE_SECRET_ROOT');
+    return (await readFile(`${root}/${account}_password`, 'utf8')).trim();
+};
+
+const login = async (page: Page, username: string, password: string): Promise<void> => {
+    await page.goto('/gateway/');
+    await page.getByLabel('계정명').fill(username);
+    await page.getByLabel('비밀번호').fill(password);
+    await page.getByRole('button', { name: '로그인', exact: true }).click();
+    await expect(page).toHaveURL(/\/gateway\/lobby$/);
+};
+
+const hweRow = (page: Page) => page.locator('tbody tr').filter({ hasText: /^hwe섭/ });
+
+const resetScenario = async (page: Page, scenarioId: string, sourceCommit: string): Promise<void> => {
+    await page.goto('/gateway/admin/server-operations');
+    await page.getByTestId('profile-select').selectOption('hwe:2');
+    await page.getByTestId('source-commit').check();
+    await page.getByTestId('source-ref').fill(sourceCommit);
+    await page.getByTestId('load-scenarios').click();
+    await expect(page.getByText(/개 시나리오를 확인했습니다/)).toBeVisible();
+    await page.getByTestId('scenario-select').selectOption(scenarioId);
+
+    const latestOperation = page.getByTestId('operations-table').locator('tbody tr').first();
+    const previousLatestOperation = await latestOperation.textContent();
+    await page.getByTestId('request-reset').click();
+    await expect(page.getByText('초기화 작업을 시작했습니다.')).toBeVisible();
+    await expect
+        .poll(() => latestOperation.textContent(), { timeout: 15_000 })
+        .not.toBe(previousLatestOperation);
+    await expect(latestOperation).toContainText(sourceCommit, { timeout: 15_000 });
+    await expect(latestOperation.locator('td').nth(3)).toHaveText('SUCCEEDED', {
+        timeout: 300_000,
+    });
+    await expect(page.getByTestId('selected-profile-status').locator('.text-emerald-400')).toHaveCount(2, {
+        timeout: 30_000,
+    });
+};
+
+const createGeneralAndInspectIcons = async (
+    browser: Browser,
+    testInfo: TestInfo,
+    scenarioId: string,
+    expectedDirectory: string
+): Promise<string[]> => {
+    const context = await browser.newContext({
+        ignoreHTTPSErrors: true,
+        colorScheme: 'dark',
+        viewport: { width: 1280, height: 900 },
+    });
+    const page = await context.newPage();
+    await login(page, 'guiusera', await readPassword('user_a'));
+    const row = hweRow(page);
+    await expect(row.getByRole('button', { name: '장수생성' })).toBeEnabled({ timeout: 60_000 });
+    await row.getByRole('button').click();
+    await expect(page).toHaveURL(/\/hwe\/join$/);
+    await page.getByLabel('장수명').fill(`아이콘${scenarioId}`);
+    await page.getByRole('button', { name: '균형형' }).click();
+    await page.locator('.form-actions').getByRole('button', { name: '장수 생성' }).click();
+    await expect(page).toHaveURL(/\/hwe\/$/);
+
+    await page.goto('/hwe/current-city');
+    await expect(page.getByText('도 시 정 보', { exact: true })).toBeVisible();
+    await expect(page.locator('.error')).toHaveCount(0);
+    const iconSources = await page.locator(`img[src*="/image/icons/${expectedDirectory}/"]`).evaluateAll((images) =>
+        images.map((image) => (image as HTMLImageElement).src)
+    );
+    expect(iconSources.length).toBeGreaterThan(0);
+
+    const imageRoot = requiredEnv('SAMMO_IMAGE_ROOT');
+    for (const source of iconSources) {
+        const relativePath = decodeURIComponent(new URL(source).pathname).replace(/^\/image\/icons\//, '');
+        await access(path.join(imageRoot, 'icons', relativePath));
+    }
+    await page.screenshot({
+        path: testInfo.outputPath(`scenario-${scenarioId}-current-city.png`),
+        fullPage: true,
+    });
+    await context.close();
+    return iconSources;
+};
+
+test('Chromium resets numeric and null-picture scenarios to repository-backed name paths', async ({
+    browser,
+    page,
+}, testInfo) => {
+    test.setTimeout(720_000);
+    const sourceCommit = requiredEnv('SAMMO_LIFECYCLE_SOURCE_COMMIT');
+    page.on('dialog', (dialog) => dialog.accept());
+    await login(page, 'guiadmin', await readPassword('admin'));
+
+    await resetScenario(page, '1010', sourceCommit);
+    const numericScenarioIcons = await createGeneralAndInspectIcons(browser, testInfo, '1010', '장수');
+    expect(numericScenarioIcons.some((source) => decodeURIComponent(source).includes('/image/icons/장수/'))).toBe(true);
+
+    await resetScenario(page, '2220', sourceCommit);
+    const nullScenarioIcons = await createGeneralAndInspectIcons(browser, testInfo, '2220', '장수');
+    expect(nullScenarioIcons.some((source) => decodeURIComponent(source).includes('/image/icons/장수/'))).toBe(true);
+
+    await resetScenario(page, '2140', sourceCommit);
+    const themedScenarioIcons = await createGeneralAndInspectIcons(browser, testInfo, '2140', '걸그룹');
+    expect(themedScenarioIcons.some((source) => decodeURIComponent(source).includes('/image/icons/걸그룹/'))).toBe(
+        true
+    );
+});

app/gateway-frontend/package.json

@@ -7,6 +7,7 @@
         "dev": "vite",
         "test:e2e:operations": "VITE_APP_BASE_PATH=/gateway VITE_GATEWAY_API_URL=/gateway/api/trpc pnpm build && playwright test --config e2e/playwright.config.mjs",
         "test:e2e:hwe-lifecycle": "playwright test --config e2e/hwe-lifecycle.playwright.config.mjs",
+        "test:e2e:general-icons": "playwright test --config e2e/general-icon-lifecycle.playwright.config.mjs",
         "build": "vue-tsc && vite build",
         "preview": "vite preview",
         "lint": "eslint .",