feat: add admin scenario operations

2026-07-25 11:38:58 +00:00
parent a83f7a44e3
commit 02d22de72c
19 changed files with 2020 additions and 22 deletions
@@ -0,0 +1,34 @@
+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: 'server-operations.spec.ts',
+    fullyParallel: false,
+    workers: 1,
+    timeout: 30_000,
+    expect: {
+        timeout: 5_000,
+    },
+    reporter: [['list']],
+    outputDir: resolve(repositoryRoot, 'test-results/server-operations'),
+    use: {
+        baseURL: 'http://127.0.0.1:15130/gateway/',
+        ...devices['Desktop Chrome'],
+        deviceScaleFactor: 1,
+        colorScheme: 'dark',
+        trace: 'retain-on-failure',
+        screenshot: 'only-on-failure',
+    },
+    webServer: {
+        command:
+            'VITE_APP_BASE_PATH=/gateway pnpm --filter @sammo-ts/gateway-frontend preview --host 127.0.0.1 --port 15130',
+        cwd: repositoryRoot,
+        url: 'http://127.0.0.1:15130/gateway/',
+        reuseExistingServer: false,
+        timeout: 120_000,
+    },
+});
@@ -0,0 +1,223 @@
+import { expect, test, type Page, type Route } from '@playwright/test';
+import { writeFile } from 'node:fs/promises';
+
+type OperationStatus = 'QUEUED' | 'RUNNING' | 'SUCCEEDED' | 'FAILED' | 'CANCELLED';
+type Operation = {
+    id: string;
+    profileName: string;
+    type: 'RESET' | 'START' | 'STOP';
+    status: OperationStatus;
+    sourceMode?: 'BRANCH' | 'COMMIT';
+    sourceRef?: string;
+    resolvedCommitSha?: string;
+    payload: Record<string, unknown>;
+    requestedBy: string;
+    createdAt: string;
+    updatedAt: string;
+};
+
+type FixtureState = {
+    operations: Operation[];
+    runtimeRunning: boolean;
+    requestBodies: Array<{ operation: string; body: unknown }>;
+};
+
+const profile = (runtimeRunning: boolean) => ({
+    profileName: 'che:2',
+    profile: 'che',
+    scenario: '2',
+    apiPort: 15003,
+    status: runtimeRunning ? 'RUNNING' : 'STOPPED',
+    buildStatus: 'SUCCEEDED',
+    buildCommitSha: '0123456789abcdef0123456789abcdef01234567',
+    buildWorkspace: '/srv/sammo/worktrees/0123456789abcdef0123456789abcdef01234567',
+    meta: {},
+    createdAt: '2026-07-25T00:00:00.000Z',
+    updatedAt: '2026-07-25T00:00:00.000Z',
+    runtime: {
+        profileName: 'che:2',
+        apiRunning: runtimeRunning,
+        daemonRunning: runtimeRunning,
+    },
+});
+
+const scenarios = [
+    {
+        id: 2,
+        title: '【테스트】황건의 난',
+        year: 184,
+        npcCount: 42,
+        npcExCount: 0,
+        npcNeutralCount: 0,
+        nations: [],
+    },
+    {
+        id: 5,
+        title: '【테스트】군웅할거',
+        year: 190,
+        npcCount: 55,
+        npcExCount: 0,
+        npcNeutralCount: 0,
+        nations: [],
+    },
+];
+
+const response = (data: unknown) => ({ result: { data } });
+const operationNames = (route: Route): string[] => {
+    const url = new URL(route.request().url());
+    return decodeURIComponent(url.pathname.slice(url.pathname.lastIndexOf('/trpc/') + 6)).split(',');
+};
+
+const installFixture = async (page: Page, state: FixtureState) => {
+    await page.addInitScript(() => {
+        window.localStorage.setItem('sammo-session-token', 'playwright-admin-session');
+    });
+    await page.route('**/gateway/api/trpc/**', async (route) => {
+        const names = operationNames(route);
+        const body = route.request().postDataJSON() as unknown;
+        const results = names.map((name) => {
+            if (route.request().method() === 'POST') {
+                state.requestBodies.push({ operation: name, body });
+            }
+            if (name === 'admin.profiles.list') {
+                return response([profile(state.runtimeRunning)]);
+            }
+            if (name === 'admin.operations.list') {
+                return response(state.operations);
+            }
+            if (name === 'admin.profiles.listScenarios') {
+                return response(scenarios);
+            }
+            if (name === 'admin.operations.requestReset') {
+                const operation: Operation = {
+                    id: '11111111-1111-4111-8111-111111111111',
+                    profileName: 'che:2',
+                    type: 'RESET',
+                    status: 'QUEUED',
+                    sourceMode: 'COMMIT',
+                    sourceRef: '0123456789abcdef0123456789abcdef01234567',
+                    payload: {},
+                    requestedBy: 'admin',
+                    createdAt: '2026-07-25T02:00:00.000Z',
+                    updatedAt: '2026-07-25T02:00:00.000Z',
+                };
+                state.operations = [operation];
+                return response(operation);
+            }
+            if (name === 'admin.operations.requestRuntime') {
+                const serialized = JSON.stringify(body);
+                const type = serialized.includes('"STOP"') ? 'STOP' : 'START';
+                state.runtimeRunning = type === 'START';
+                const operation: Operation = {
+                    id:
+                        type === 'START'
+                            ? '22222222-2222-4222-8222-222222222222'
+                            : '33333333-3333-4333-8333-333333333333',
+                    profileName: 'che:2',
+                    type,
+                    status: 'SUCCEEDED',
+                    payload: {},
+                    requestedBy: 'admin',
+                    createdAt: '2026-07-25T03:00:00.000Z',
+                    updatedAt: '2026-07-25T03:00:00.000Z',
+                };
+                state.operations = [operation];
+                return response(operation);
+            }
+            throw new Error(`Unhandled tRPC operation: ${name}`);
+        });
+        await route.fulfill({
+            status: 200,
+            contentType: 'application/json',
+            body: JSON.stringify(results),
+        });
+    });
+};
+
+test('separates branch and commit semantics and submits a reset from the dedicated page', async ({
+    page,
+}, testInfo) => {
+    const state: FixtureState = { operations: [], runtimeRunning: false, requestBodies: [] };
+    await installFixture(page, state);
+    page.on('dialog', (dialog) => dialog.accept());
+
+    await page.goto('admin/server-operations');
+    await expect(page.getByTestId('server-operations-page')).toBeVisible();
+    await expect(page).toHaveURL(/\/gateway\/admin\/server-operations$/);
+    await expect(page.getByTestId('source-help')).toContainText('실제로 시작될 때');
+    await expect(page.getByTestId('scenario-select')).toHaveValue('2');
+
+    const desktopGeometry = await page.getByTestId('server-operations-page').locator('section').first().evaluate((section) => {
+        const children = Array.from(section.children).map((child) => {
+            const rect = child.getBoundingClientRect();
+            return { x: rect.x, y: rect.y, width: rect.width, height: rect.height };
+        });
+        return children;
+    });
+    expect(desktopGeometry).toHaveLength(2);
+    expect(desktopGeometry[1]!.x).toBeGreaterThan(desktopGeometry[0]!.x);
+    const sourceInput = page.getByTestId('source-ref');
+    await sourceInput.focus();
+    const focusedInputStyle = await sourceInput.evaluate((element) => {
+        const style = getComputedStyle(element);
+        return {
+            borderColor: style.borderColor,
+            backgroundColor: style.backgroundColor,
+            color: style.color,
+            fontSize: style.fontSize,
+            lineHeight: style.lineHeight,
+            outlineStyle: style.outlineStyle,
+        };
+    });
+    await writeFile(
+        testInfo.outputPath('layout-metrics.json'),
+        JSON.stringify({ desktopGeometry, focusedInputStyle }, null, 2)
+    );
+    await page.screenshot({ path: testInfo.outputPath('desktop-operations.png'), fullPage: true });
+
+    await page.getByTestId('source-commit').check();
+    await expect(page.getByTestId('source-help')).toContainText('전체 SHA로 고정');
+    await page.getByTestId('source-ref').fill('0123456789abcdef0123456789abcdef01234567');
+    await page.getByTestId('load-scenarios').click();
+    await page.getByTestId('scenario-select').selectOption('5');
+    await page.getByTestId('request-reset').hover();
+    await page.getByTestId('request-reset').click();
+
+    await expect(page.getByText('초기화 작업을 시작했습니다.')).toBeVisible();
+    await expect(page.getByTestId('operations-table')).toContainText('RESET');
+    const resetRequest = state.requestBodies.find((entry) => entry.operation === 'admin.operations.requestReset');
+    expect(JSON.stringify(resetRequest?.body)).toContain('"sourceMode":"COMMIT"');
+    expect(JSON.stringify(resetRequest?.body)).toContain('0123456789abcdef0123456789abcdef01234567');
+    expect(JSON.stringify(resetRequest?.body)).toContain('"scenarioId":5');
+
+    await page.setViewportSize({ width: 390, height: 844 });
+    const mobileGeometry = await page.getByTestId('server-operations-page').locator('section').first().evaluate((section) => {
+        const children = Array.from(section.children).map((child) => {
+            const rect = child.getBoundingClientRect();
+            return { x: rect.x, y: rect.y, width: rect.width };
+        });
+        return children;
+    });
+    expect(mobileGeometry[1]!.y).toBeGreaterThan(mobileGeometry[0]!.y);
+    expect(mobileGeometry[0]!.width).toBeLessThanOrEqual(390);
+    await page.screenshot({ path: testInfo.outputPath('mobile-operations.png'), fullPage: true });
+});
+
+test('starts and stops both runtime roles through the operation controls', async ({ page }) => {
+    const state: FixtureState = { operations: [], runtimeRunning: false, requestBodies: [] };
+    await installFixture(page, state);
+    page.on('dialog', (dialog) => dialog.accept());
+
+    await page.goto('admin/server-operations');
+    await page.getByTestId('start-server').click();
+    await expect(page.getByText('시작 작업을 요청했습니다.')).toBeVisible();
+    await expect(page.getByText('RUNNING', { exact: true }).first()).toBeVisible();
+
+    await page.getByTestId('stop-server').click();
+    await expect(page.getByText('정지 작업을 요청했습니다.')).toBeVisible();
+    await expect(page.getByText('STOPPED', { exact: true }).first()).toBeVisible();
+
+    const serializedRequests = state.requestBodies.map((entry) => JSON.stringify(entry.body)).join('\n');
+    expect(serializedRequests).toContain('"action":"START"');
+    expect(serializedRequests).toContain('"action":"STOP"');
+});