50 lines
2.3 KiB
TypeScript
50 lines
2.3 KiB
TypeScript
import { readFileSync } from 'node:fs';
|
||
import { resolve } from 'node:path';
|
||
import { describe, expect, it } from 'vitest';
|
||
import indexHtml from '../index.html?raw';
|
||
|
||
const publicFile = (name: string) => readFileSync(resolve(import.meta.dirname, '../public', name));
|
||
|
||
/** Breite, Höhe und Farbtyp aus dem IHDR-Block eines PNG (Farbtyp 2 = RGB ohne Alphakanal, 6 = RGBA). */
|
||
function pngInfo(buf: Buffer) {
|
||
expect(buf.subarray(0, 8).toString('hex')).toBe('89504e470d0a1a0a');
|
||
expect(buf.subarray(12, 16).toString('ascii')).toBe('IHDR');
|
||
return { width: buf.readUInt32BE(16), height: buf.readUInt32BE(20), colorType: buf[25] };
|
||
}
|
||
|
||
describe('Name und Kopfbereich', () => {
|
||
it('Titel und Meta-Angaben nennen AirCard-IOS', () => {
|
||
expect(indexHtml).toContain('<title>AirCard-IOS – Kartenmotiv gestalten</title>');
|
||
expect(indexHtml).toContain('<meta name="theme-color" content="#0F1828" />');
|
||
expect(indexHtml).toContain('<meta name="apple-mobile-web-app-title" content="AirCard-IOS" />');
|
||
});
|
||
|
||
it('Icon-Links: SVG, 32-px-PNG, Apple-Touch-Icon', () => {
|
||
expect(indexHtml).toContain('<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" />');
|
||
expect(indexHtml).toContain('<link rel="icon" href="/favicon-32.png?v=2" sizes="32x32" type="image/png" />');
|
||
expect(indexHtml).toContain('<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" />');
|
||
});
|
||
|
||
it('Kopfzeile: dekoratives Logo (28 x 28) links vom Namen, beides im Markenlink', () => {
|
||
expect(indexHtml).toContain(
|
||
'<a class="brand" href="/" data-link><img src="/favicon.svg?v=2" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>',
|
||
);
|
||
});
|
||
|
||
it('Fußzeilen-Hinweis bleibt unverändert', () => {
|
||
expect(indexHtml).toContain(
|
||
'Inoffizielles Hobbyprojekt. Keine Verbindung zu Apple, Visa, Mastercard, UnionPay, American Express, JCB oder Discover. Alle Marken gehören ihren Inhabern.',
|
||
);
|
||
});
|
||
});
|
||
|
||
describe('Icon-Dateien', () => {
|
||
it('favicon-32.png ist 32 x 32', () => {
|
||
expect(pngInfo(publicFile('favicon-32.png'))).toMatchObject({ width: 32, height: 32 });
|
||
});
|
||
|
||
it('apple-touch-icon.png ist 180 x 180 und deckend (RGB ohne Alphakanal, kein transparenter Rand)', () => {
|
||
expect(pngInfo(publicFile('apple-touch-icon.png'))).toEqual({ width: 180, height: 180, colorType: 2 });
|
||
});
|
||
});
|