Hide_D
aa912a2eed
상하단 이동·갱신 제어와 장수 목록, 토너먼트, 명령 선택을 공통 semantic button family로 연결한다. 고정 행은 공통 fixed-height 변형이 hover와 active 높이를 보정하게 하고 실제 Chromium geometry 회귀를 추가한다.
72 lines
3.1 KiB
TypeScript
72 lines
3.1 KiB
TypeScript
import assert from 'node:assert/strict';
|
|
import { readFile } from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
import { describe, it } from 'node:test';
|
|
|
|
const source = (relativePath: string) => readFile(path.resolve(import.meta.dirname, '../src', relativePath), 'utf8');
|
|
|
|
void describe('shared Lumen button family', () => {
|
|
void it('keeps fixed-height state compensation in the shared control layer', async () => {
|
|
const css = await source('assets/styles/legacy-controls.css');
|
|
|
|
assert.match(css, /\.legacy-button\.legacy-button--fixed-height\s*\{/u);
|
|
assert.match(css, /height:\s*calc\(var\(--legacy-button-height\) - 1px\)/u);
|
|
assert.match(css, /height:\s*calc\(var\(--legacy-button-height\) - 2px\)/u);
|
|
});
|
|
|
|
void it('connects every reported control to a semantic Lumen variant', async () => {
|
|
const [nationGenerals, tournamentHeader, reservedEditor] = await Promise.all([
|
|
source('views/NationGeneralsView.vue'),
|
|
source('components/tournament/TournamentPageHeader.vue'),
|
|
source('components/command/ReservedCommandEditor.vue'),
|
|
]);
|
|
|
|
assert.match(
|
|
nationGenerals,
|
|
/legacy-button legacy-button--navigation legacy-button--fixed-height top-button nation-button/u
|
|
);
|
|
assert.match(
|
|
nationGenerals,
|
|
/legacy-button legacy-button--primary legacy-button--fixed-height top-button mode-button/u
|
|
);
|
|
assert.match(
|
|
nationGenerals,
|
|
/legacy-button legacy-button--info legacy-button--fixed-height top-button columns-button/u
|
|
);
|
|
for (const label of ['돌아가기', '갱신', '보기 모드⌄', '열 선택⌄']) {
|
|
assert.match(nationGenerals, new RegExp(label, 'u'));
|
|
}
|
|
for (const label of ['토너먼트', '베팅장', '창 닫기']) {
|
|
assert.match(tournamentHeader, new RegExp(`legacy-button[\\s\\S]{0,260}${label}`, 'u'));
|
|
}
|
|
assert.match(reservedEditor, /legacy-button legacy-button--info legacy-button--fixed-height select-command/u);
|
|
assert.match(reservedEditor, /명령 선택 ▾/u);
|
|
});
|
|
|
|
void it('uses the same family for audited Ref TopBackBar navigation controls', async () => {
|
|
const files = [
|
|
'views/AuctionView.vue',
|
|
'views/BattleCenterView.vue',
|
|
'views/BoardView.vue',
|
|
'views/ChiefCenterView.vue',
|
|
'views/GlobalInfoView.vue',
|
|
'views/InheritView.vue',
|
|
'views/NationBettingView.vue',
|
|
'views/NationStratFinanView.vue',
|
|
'views/NpcControlView.vue',
|
|
'views/SurveyView.vue',
|
|
'views/TroopView.vue',
|
|
'views/YearbookView.vue',
|
|
];
|
|
const contents = await Promise.all(files.map(source));
|
|
|
|
for (const [index, content] of contents.entries()) {
|
|
assert.match(
|
|
content,
|
|
/legacy-button legacy-button--navigation/u,
|
|
`${files[index]} must opt its raised navigation control into the shared family`
|
|
);
|
|
}
|
|
});
|
|
});
|