markdown-converter/tests/print-preview.test.js

/**
 * @jest-environment jsdom
 */

/**
 * Tests for PrintPreview
 * Tests print dialog options, open/close, and preview rendering
 */

describe('PrintPreview', () => {
    beforeEach(() => {
        // Mock electron require for executePrint
        jest.mock('electron', () => ({
            ipcRenderer: { send: jest.fn(), invoke: jest.fn() }
        }), { virtual: true });

        document.body.innerHTML = `
            <div class="dialog-overlay hidden" id="print-preview-overlay">
                <button id="print-preview-close"></button>
                <button id="print-cancel"></button>
                <button id="print-execute"></button>
                <select id="print-paper-size"><option value="A4">A4</option><option value="Letter">Letter</option></select>
                <select id="print-orientation"><option value="portrait">Portrait</option><option value="landscape">Landscape</option></select>
                <select id="print-margins"><option value="default">Default</option></select>
                <input type="range" id="print-scale" value="100">
                <span id="print-scale-value">100%</span>
                <input type="checkbox" id="print-headers" checked>
                <input type="checkbox" id="print-background" checked>
                <select id="print-pages"><option value="all">All</option><option value="custom">Custom</option></select>
                <input type="text" id="print-page-range" class="hidden">
                <iframe id="print-preview-frame"></iframe>
            </div>
        `;
    });

    test('getOptions returns default values', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        const options = preview.getOptions();
        expect(options.paperSize).toBe('A4');
        expect(options.orientation).toBe('portrait');
        expect(options.scale).toBe(100);
        expect(options.headers).toBe(true);
        expect(options.background).toBe(true);
        expect(options.pages).toBe('all');
        expect(options.margins).toBe('default');
        expect(options.pageRange).toBe('');
    });

    test('opens and closes', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        preview.open('<p>Test</p>');
        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(false);
        preview.close();
        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
    });

    test('updateScaleLabel reflects slider value', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        document.getElementById('print-scale').value = '75';
        preview.updateScaleLabel();
        expect(document.getElementById('print-scale-value').textContent).toBe('75%');
    });

    test('close button closes preview', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        preview.open('<p>Test</p>');
        document.getElementById('print-preview-close').click();
        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
    });

    test('cancel button closes preview', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        preview.open('<p>Test</p>');
        document.getElementById('print-cancel').click();
        expect(document.getElementById('print-preview-overlay').classList.contains('hidden')).toBe(true);
    });

    test('getOptions reflects changed values', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();

        // Change paper size to Letter
        const paperSelect = document.getElementById('print-paper-size');
        paperSelect.value = 'Letter';

        // Change scale
        document.getElementById('print-scale').value = '50';

        // Uncheck headers
        document.getElementById('print-headers').checked = false;

        const options = preview.getOptions();
        expect(options.paperSize).toBe('Letter');
        expect(options.scale).toBe(50);
        expect(options.headers).toBe(false);
    });

    test('stores last content for refresh', () => {
        const { PrintPreview } = require('../src/print-preview');
        const preview = new PrintPreview();
        preview.open('<p>Hello World</p>');
        expect(preview._lastContent).toBe('<p>Hello World</p>');
    });
});