merge: 게임 버전 표시를 고급 턴 모바일 드래그 브랜치에 통합

app/game-frontend/e2e/mainNavigation.spec.ts

@@ -1102,7 +1102,9 @@ test('scopes the new-survey notice cursor to the reset-specific server ID', asyn
     expect(await page.evaluate(() => localStorage.getItem('state.che.lastVote'))).toBe('99');
 });
 
-test('desktop menus preserve ref columns, prefix-safe routes, and controlled dropdown behavior', async ({ page }) => {
+test('desktop menus preserve ref columns, prefix-safe routes, and controlled dropdown behavior', async ({
+    page,
+}, testInfo) => {
     const state: NavigationFixture = {
         officerLevel: 5,
         permission: 2,
@@ -1250,6 +1252,34 @@ test('desktop menus preserve ref columns, prefix-safe routes, and controlled dro
     const versionDialog = page.getByRole('dialog', { name: '게임 정보' });
     await expect(versionDialog).toBeVisible();
     await expect(versionDialog).toContainText('메인 화면 검증 시나리오');
+    await expect(versionDialog.getByText('빌드 커밋', { exact: true })).toBeVisible();
+    await expect(versionDialog.locator('code')).toHaveText('0123456789abcdef0123456789abcdef01234567');
+    const versionGeometry = await versionDialog.evaluate((dialog) => {
+        const code = dialog.querySelector('code');
+        if (!code) throw new Error('game version commit is missing');
+        const dialogStyle = getComputedStyle(dialog);
+        const codeStyle = getComputedStyle(code);
+        return {
+            dialog: dialog.getBoundingClientRect().toJSON(),
+            code: code.getBoundingClientRect().toJSON(),
+            dialogBackground: dialogStyle.backgroundColor,
+            dialogColor: dialogStyle.color,
+            codeColor: codeStyle.color,
+            codeFontFamily: codeStyle.fontFamily,
+            viewportWidth: window.innerWidth,
+        };
+    });
+    expect(versionGeometry.dialog.width).toBeLessThanOrEqual(versionGeometry.viewportWidth - 32);
+    expect(versionGeometry.code.left).toBeGreaterThanOrEqual(versionGeometry.dialog.left);
+    expect(versionGeometry.code.right).toBeLessThanOrEqual(versionGeometry.dialog.right);
+    expect(versionGeometry.dialogBackground).toBe('rgb(32, 32, 32)');
+    expect(versionGeometry.dialogColor).toBe('rgb(255, 255, 255)');
+    expect(versionGeometry.codeColor).toBe('rgb(215, 215, 215)');
+    await writeFile(
+        testInfo.outputPath('desktop-game-version-dialog.json'),
+        `${JSON.stringify(versionGeometry, null, 2)}\n`
+    );
+    await versionDialog.screenshot({ path: testInfo.outputPath('desktop-game-version-dialog.png') });
     await versionDialog.getByRole('button', { name: '닫기' }).click();
     await expect(versionDialog).toBeHidden();
 
@@ -1479,6 +1509,30 @@ test('the repeated bottom global menu opens upward on the mobile document', asyn
     expect(geometry.caretBorderTopWidth).toBe('0px');
     expect(geometry.caretBorderBottomWidth).toBe('4px');
     await bottomGlobal.screenshot({ path: testInfo.outputPath('mobile-bottom-global-dropup.png') });
+    await page.setViewportSize({ width: 390, height: 844 });
+    await bottomGlobal.locator('[data-navigation-id="version"]').click();
+    const versionDialog = page.getByRole('dialog', { name: '게임 정보' });
+    await expect(versionDialog).toBeVisible();
+    await expect(versionDialog.locator('code')).toHaveText('0123456789abcdef0123456789abcdef01234567');
+    const versionGeometry = await versionDialog.evaluate((dialog) => {
+        const code = dialog.querySelector('code');
+        if (!code) throw new Error('game version commit is missing');
+        return {
+            dialog: dialog.getBoundingClientRect().toJSON(),
+            code: code.getBoundingClientRect().toJSON(),
+            viewportWidth: window.innerWidth,
+            documentScrollWidth: document.documentElement.scrollWidth,
+        };
+    });
+    expect(versionGeometry.dialog.width).toBeLessThanOrEqual(versionGeometry.viewportWidth - 32);
+    expect(versionGeometry.code.left).toBeGreaterThanOrEqual(versionGeometry.dialog.left);
+    expect(versionGeometry.code.right).toBeLessThanOrEqual(versionGeometry.dialog.right);
+    expect(versionGeometry.documentScrollWidth).toBe(500);
+    await writeFile(
+        testInfo.outputPath('mobile-game-version-dialog.json'),
+        `${JSON.stringify(versionGeometry, null, 2)}\n`
+    );
+    await versionDialog.screenshot({ path: testInfo.outputPath('mobile-game-version-dialog.png') });
     await persistArtifact(page, `${basePath.slice(1)}-mobile-bottom-dropup`);
 });
 

app/game-frontend/e2e/playwright.config.mjs

@@ -9,11 +9,12 @@ const gameProfile = process.env.PLAYWRIGHT_GAME_PROFILE ?? 'che:default';
 const baseURL = `http://127.0.0.1:${port}${basePath}/`;
 const gameApiUrl = process.env.PLAYWRIGHT_GAME_API_URL ?? `${basePath}/api/trpc`;
 const gatewayWebUrl = process.env.PLAYWRIGHT_GATEWAY_WEB_URL ?? '/gateway/';
+const buildCommitSha = process.env.PLAYWRIGHT_BUILD_COMMIT_SHA ?? '0123456789abcdef0123456789abcdef01234567';
 const useProductionBundle = process.env.PLAYWRIGHT_FRONTEND_MODE === 'production';
 const frontendEnv =
     `VITE_APP_BASE_PATH=${basePath} VITE_GAME_API_URL=${gameApiUrl} ` +
     `VITE_GAME_PROFILE=${gameProfile} VITE_GATEWAY_WEB_URL=${gatewayWebUrl} ` +
-    'VITE_GATEWAY_API_URL=/gateway/api/trpc';
+    `VITE_GATEWAY_API_URL=/gateway/api/trpc VITE_BUILD_COMMIT_SHA=${buildCommitSha}`;
 
 export default defineConfig({
     testDir: '.',