diff --git a/app/game-frontend/e2e/inGameInfo.spec.ts b/app/game-frontend/e2e/inGameInfo.spec.ts index d7992b4a..90c58cba 100644 --- a/app/game-frontend/e2e/inGameInfo.spec.ts +++ b/app/game-frontend/e2e/inGameInfo.spec.ts @@ -164,6 +164,25 @@ const install = async ( if (operation === 'auth.status') return response({ ok: true }); if (operation === 'lobby.info') return response({ myGeneral: { id: 1, name: '장수' } }); if (operation === 'join.getConfig') return response({}); + if (operation === 'dashboard.getContextBundleDelta') { + return response({ + context: { + kind: 'snapshot', + revision: 'AAAAAAAAAAAAAAAAAAAAAA', + data: generalContext, + }, + commandTable: { + kind: 'snapshot', + revision: 'BBBBBBBBBBBBBBBBBBBBBB', + data: { general: [], nation: [] }, + }, + boardAccess: { + kind: 'snapshot', + revision: 'CCCCCCCCCCCCCCCCCCCCCC', + data: { permission: 0, canMeeting: false, canSecret: false }, + }, + }); + } if (operation === 'general.me') return response(generalContext); if (operation === 'world.getMap') return response(mapFixture); if (operation === 'turns.getCommandTable') return response({ general: [], nation: [] }); @@ -807,7 +826,7 @@ test('a Chromium map click opens the clicked city route and keeps the legacy poi await install(page); await page.setViewportSize({ width: 1200, height: 900 }); await go(page, ''); - const cityLink = page.locator('.map-city').first(); + const cityLink = page.locator('.city-base').first(); await expect(cityLink).toBeVisible(); await cityLink.hover(); await expect(cityLink).toHaveCSS('cursor', 'pointer'); diff --git a/app/game-frontend/src/components/main/MapCityDetail.vue b/app/game-frontend/src/components/main/MapCityDetail.vue index d1687119..ef97b657 100644 --- a/app/game-frontend/src/components/main/MapCityDetail.vue +++ b/app/game-frontend/src/components/main/MapCityDetail.vue @@ -158,14 +158,7 @@ const cityStateStyle = computed(() => ({ class="city-base" :type="props.selectOnly ? 'button' : undefined" :to="props.selectOnly ? undefined : { name: 'current-city', query: { cityId: props.city.id } }" - :class="[ - { - mine: props.city.isMyCity, - selected: props.city.selected, - 'supply-off': !props.city.supply, - 'select-only': props.selectOnly, - }, - ]" + :class="[{ mine: props.city.isMyCity, selected: props.city.selected, 'supply-off': !props.city.supply }]" :style="cityBaseStyle" @mouseenter="emit('hover', props.city.id)" @mouseleave="emit('leave')" @@ -195,17 +188,13 @@ const cityStateStyle = computed(() => ({ transform: translate(-50%, -50%); font-size: 0.65rem; color: #fff; - cursor: auto; + cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; } -.city-base.select-only { - cursor: pointer; -} - .city-bg { position: absolute; background-position: center;