pcbjam/tests/e2e/print.spec.ts

import { test, expect } from './utils/fixtures';
import { clickByLabel } from './utils/element-tracker';

/**
 * wxPrinting Tests
 *
 * KiCad uses wxPrinting for:
 * - Schematic printing
 * - PCB printing
 * - Export to PDF
 *
 * Layout (from button finder):
 * - Description text at top
 * - Buttons at y=95:
 *   - Print Preview: x=425
 *   - Print...: x=550
 *   - Browser Print: x=685
 *   - Page Setup: x=755
 * - Document preview panel
 * - Event log at bottom
 */

test.describe('wxPrinting Tests', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/standalone/print/print_test.html');
    // Wait for app to initialize
    await page.waitForFunction(() => {
      return document.querySelector('canvas') !== null;
    }, { timeout: 30000 });
    await page.waitForTimeout(1000);
  });

  test('Print test app loads successfully', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    const hasStartupLog = testLogger.consoleLogs.some(log =>
      log.includes('PRINT_TEST') && log.includes('started successfully')
    );

    await page.screenshot({ path: 'test-results/print-01-loaded.png' });

    expect(testLogger.errors.filter(e => !e.includes('favicon'))).toHaveLength(0);
  });

  test('Document preview panel renders', async ({ page }) => {
    await page.waitForTimeout(1000);

    // Take screenshot to verify preview panel shows document content
    await page.screenshot({ path: 'test-results/print-02-preview-panel.png' });

    // Visual verification - preview panel should show shapes and text
  });

  test('Browser Print button triggers window.print()', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Mock window.print to track calls
    let printCalled = false;
    await page.evaluate(() => {
      (window as any).originalPrint = window.print;
      (window as any).printWasCalled = false;
      window.print = () => {
        console.log('[TEST] window.print() was called');
        (window as any).printWasCalled = true;
      };
    });

    // Click Browser Print button using element registry
    await clickByLabel(page, 'Browser Print');
    await page.waitForTimeout(500);

    await page.screenshot({ path: 'test-results/print-03-browser-print-clicked.png' });

    // Check if Browser Print triggered window.print
    const hasBrowserPrintLog = testLogger.consoleLogs.some(log =>
      log.includes('window.print') || log.includes('browser print')
    );

    // Also check our mock
    const printWasCalled = await page.evaluate(() => (window as any).printWasCalled);

    // Restore original print function
    await page.evaluate(() => {
      window.print = (window as any).originalPrint;
    });

    // Either the log message appears or window.print was called
    expect(hasBrowserPrintLog || printWasCalled).toBe(true);
  });

  test('Print Preview button works', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Click Print Preview button using element registry
    await clickByLabel(page, 'Print Preview');
    await page.waitForTimeout(1000);

    await page.screenshot({ path: 'test-results/print-04-preview-clicked.png' });

    // Check for print preview events
    const hasPreviewLog = testLogger.consoleLogs.some(log =>
      log.includes('Print Preview') || log.includes('PRINTOUT_CALLBACK')
    );

    // Print preview may open a new frame or log messages
    // Either preview opens successfully or we get an error logged
  });

  test('Page Setup button works', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Click Page Setup button using element registry
    await clickByLabel(page, 'Page Setup');
    await page.waitForTimeout(500);

    await page.screenshot({ path: 'test-results/print-05-page-setup-clicked.png' });

    // Check for page setup events
    const hasPageSetupLog = testLogger.consoleLogs.some(log =>
      log.includes('Page Setup') || log.includes('page setup')
    );
  });

  test('Print button works', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Click Print... button using element registry
    await clickByLabel(page, 'Print...');
    await page.waitForTimeout(500);

    await page.screenshot({ path: 'test-results/print-06-print-clicked.png' });

    // Check for print dialog events
    const hasPrintLog = testLogger.consoleLogs.some(log =>
      log.includes('Print dialog') || log.includes('Opening Print')
    );
  });

  test('Printout callbacks are triggered', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Try to trigger print preview to see callbacks
    await clickByLabel(page, 'Print Preview');
    await page.waitForTimeout(1500);

    await page.screenshot({ path: 'test-results/print-07-callbacks.png' });

    // Look for printout callback messages
    const callbacks = testLogger.consoleLogs.filter(log =>
      log.includes('PRINTOUT_CALLBACK')
    );

    // Log what callbacks we found (for debugging)
    console.log('Printout callbacks found:', callbacks.length);
    callbacks.forEach(cb => console.log('  -', cb));
  });

  test('No JavaScript errors during print operations', async ({ page, testLogger }) => {
    await page.waitForTimeout(500);

    // Button labels to click
    const buttonLabels = ['Print Preview', 'Print...', 'Browser Print', 'Page Setup'];

    // Mock window.print to prevent actual print dialog
    await page.evaluate(() => {
      (window as any).originalPrint = window.print;
      window.print = () => console.log('[MOCK] window.print() called');
    });

    // Click each button using element registry
    for (const label of buttonLabels) {
      await clickByLabel(page, label);
      await page.waitForTimeout(500);
    }

    await page.screenshot({ path: 'test-results/print-08-all-buttons.png' });

    // Restore window.print
    await page.evaluate(() => {
      window.print = (window as any).originalPrint;
    });

    // Filter out favicon and any expected errors
    const realErrors = testLogger.errors.filter(e =>
      !e.includes('favicon') &&
      !e.includes('printer error') && // Expected if no printer configured
      !e.includes('not available')
    );

    expect(realErrors).toHaveLength(0);
  });
});