HamedandClaude Opus 5.5
526796126d
- Turn the satellite ground off behind SATELLITE_GROUND so OSM streets, parks and land use are drawn; the imagery index is no longer fetched. - Restore phone rules lost in the CSS-to-JS theme migration (#rank height, toolbar button size) and replace invalid -var() values. - Add a landscape-phone layout and make the briefing scrollable. - Add two-finger pinch zoom to the big map. - Add regression tests for the theme and the skipped imagery request. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
import { describe, it, expect } from 'vitest';
|
|
import { gameTheme } from './gameTheme.js';
|
|
|
|
/**
|
|
* Collects every CSS value in the theme, including those inside media blocks.
|
|
* @param {object} rules - Theme rules keyed by selector or at-rule.
|
|
* @returns {string[]} All declaration values.
|
|
*/
|
|
function allValues(rules) {
|
|
return Object.values(rules).flatMap((body) =>
|
|
Object.values(body).flatMap((value) =>
|
|
typeof value === 'object' ? allValues({ value }) : [value],
|
|
),
|
|
);
|
|
}
|
|
|
|
describe('game theme', () => {
|
|
it('uses no negated var(), which browsers drop as invalid', () => {
|
|
expect(allValues(gameTheme).filter((value) => String(value).includes('-var('))).toEqual([]);
|
|
});
|
|
|
|
it('keeps the phone rank bar at the top instead of stretching it to full height', () => {
|
|
expect(gameTheme['@media (max-width: 760px)']['#rank']).toMatchObject({ bottom: 'auto' });
|
|
});
|
|
|
|
it('keeps the landscape phone layout as a top-level media block', () => {
|
|
expect(gameTheme['@media (max-height: 520px)']?.['#minimap-button']).toBeDefined();
|
|
expect(gameTheme['@media (max-width: 760px)']['@media (max-height: 520px)']).toBeUndefined();
|
|
});
|
|
|
|
it('lets the briefing scroll so its buttons stay reachable on short screens', () => {
|
|
expect(gameTheme['#briefing']['overflow-y']).toBe('auto');
|
|
});
|
|
});
|