Brendan Chen
5d6cb390a4
Final retrofit in the cross-project iOS focus-zoom chore (after authd PR #11, buchinese PR #5, inventory PR #18, movement PR #15). Enforces the standing rule in ~/.claude/CLAUDE.md: text-entry inputs must compute to font-size >= 16px so iOS Safari does not auto-zoom on focus.
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import { describe, it, expect, beforeEach, afterEach } from 'vitest';
|
|
import { readFileSync } from 'fs';
|
|
import { join } from 'path';
|
|
import { createTestApp, type TestContext } from '../helpers/setup.ts';
|
|
|
|
const STYLE_PATH = join(process.cwd(), 'public', 'style.css');
|
|
|
|
describe('public/style.css (file contents)', () => {
|
|
const css = readFileSync(STYLE_PATH, 'utf8');
|
|
|
|
it('does not @import any external font CSS', () => {
|
|
expect(css).not.toContain('googleapis.com');
|
|
expect(css).not.toContain('@import');
|
|
});
|
|
|
|
it('does not reference the previous IBM Plex Mono webfont', () => {
|
|
expect(css).not.toContain('IBM Plex');
|
|
});
|
|
|
|
it('uses the system sans-serif stack as its default font', () => {
|
|
expect(css).toContain('-apple-system');
|
|
});
|
|
|
|
it('keeps a monospace stack available via --font-mono for code-like UI', () => {
|
|
expect(css).toContain('--font-mono');
|
|
expect(css).toMatch(/\.share-box input\[readonly\][\s\S]*?font-family:\s*var\(--font-mono\)/);
|
|
});
|
|
|
|
it('uses font-size >= 16px on text-entry inputs to prevent iOS focus-zoom', () => {
|
|
expect(css).toMatch(
|
|
/input\[type="text"\][\s\S]*?input\[type="password"\][\s\S]*?\{[\s\S]*?font-size:\s*(1[6-9]|[2-9]\d)px/
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('GET /public/style.css', () => {
|
|
let ctx: TestContext;
|
|
|
|
beforeEach(() => { ctx = createTestApp(); });
|
|
afterEach(async () => { await ctx.app.close(); ctx.cleanup(); });
|
|
|
|
it('serves the stylesheet as text/css with no external font import', async () => {
|
|
const res = await ctx.app.inject({ method: 'GET', url: '/public/style.css' });
|
|
expect(res.statusCode).toBe(200);
|
|
expect(res.headers['content-type']).toMatch(/text\/css/);
|
|
expect(res.body).not.toContain('googleapis.com');
|
|
expect(res.body).toContain('-apple-system');
|
|
});
|
|
});
|