Agent Zero
66 lines
2.5 KiB
TypeScript
66 lines
2.5 KiB
TypeScript
/**
|
||
* Task G5 – Browser-Print: @media print Stylesheet + Print-Service.
|
||
*
|
||
* printService bereitet den Body auf den Druck vor (print-layout-Klasse,
|
||
* Print-Modus ohne UI-Chrome), printLayout() triggert window.print nach
|
||
* Vorbereitung und räumt danach ab. Die CSS-Datei muss einen @media print
|
||
* Block mit den Kernregeln (UI ausblenden, Canvas füllen, @page)
|
||
* enthalten — verifiziert als Datei-Assertion (jsdom kann kein print-CSS
|
||
* rendern).
|
||
*/
|
||
import { describe, it, expect, vi, afterEach } from 'vitest';
|
||
import { readFileSync } from 'fs';
|
||
import { join } from 'path';
|
||
import { preparePrintLayout, cleanupPrintLayout, printLayout } from '../src/services/printService';
|
||
|
||
describe('G5: printService', () => {
|
||
afterEach(() => {
|
||
cleanupPrintLayout();
|
||
});
|
||
|
||
it('preparePrintLayout setzt print-layout-Klasse am body', () => {
|
||
document.body.classList.remove('print-layout');
|
||
preparePrintLayout();
|
||
expect(document.body.classList.contains('print-layout')).toBe(true);
|
||
});
|
||
|
||
it('cleanupPrintLayout entfernt die Klasse wieder', () => {
|
||
preparePrintLayout();
|
||
cleanupPrintLayout();
|
||
expect(document.body.classList.contains('print-layout')).toBe(false);
|
||
});
|
||
|
||
it('printLayout ruft window.print nach Vorbereitung und räumt ab (async)', async () => {
|
||
const printSpy = vi.spyOn(window, 'print').mockImplementation(() => {});
|
||
await printLayout();
|
||
expect(printSpy).toHaveBeenCalledTimes(1);
|
||
// nach dem Druck ist wieder aufgeräumt
|
||
expect(document.body.classList.contains('print-layout')).toBe(false);
|
||
printSpy.mockRestore();
|
||
});
|
||
});
|
||
|
||
describe('G5: Print-Stylesheet-Regeln (Datei-Assertion)', () => {
|
||
const css = readFileSync(join(__dirname, '..', 'src', 'styles.css'), 'utf-8');
|
||
const printBlock = css.slice(css.indexOf('@media print'));
|
||
|
||
it('enthält einen @media print Block mit @page A4 landscape', () => {
|
||
expect(css).toContain('@media print');
|
||
expect(printBlock).toMatch(/@page\s*\{[^}]*size:\s*A4 landscape/);
|
||
});
|
||
|
||
it('blendet UI-Chrome im Druck aus (screen-only Regel)', () => {
|
||
expect(printBlock).toContain('.screen-only');
|
||
expect(printBlock).toMatch(/\.screen-only\s*\{[^}]*display:\s*none/);
|
||
});
|
||
|
||
it('Canvas/Druckbereich füllt die Seite (print-area Regel)', () => {
|
||
expect(printBlock).toContain('.print-area');
|
||
expect(printBlock).toMatch(/\.print-area\s*\{[^}]*width:\s*100%/);
|
||
});
|
||
|
||
it('print-layout-Modus erzwingt Farbdruck-Hintergründe (print-color-adjust)', () => {
|
||
expect(printBlock).toMatch(/-webkit-print-color-adjust:\s*exact/);
|
||
});
|
||
});
|