pcbjam/tests/e2e/clipboard.spec.ts

// wxClipboard Tests - Clipboard operations for KiCad copy/paste
// Button positions found using button-finder utility
import { test, expect, MAIN_CANVAS, tryLoadApp, getCanvasBox } from './utils/fixtures';

// Button positions (relative to canvas) - found using button-finder.spec.ts
const BUTTONS = {
  COPY: { x: 352, y: 196 },
  PASTE: { x: 600, y: 196 },
  CHECK: { x: 700, y: 196 },
  CLEAR: { x: 808, y: 196 },
};

test.describe('wxClipboard Tests', () => {

  test('Clipboard test app loads successfully', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);

    await page.screenshot({ path: 'test-results/clipboard-01-loaded.png', fullPage: true });

    const hasStartupLog = testLogger.consoleLogs.some(l =>
      l.includes('wxClipboard test app started') || l.includes('Clipboard test app started')
    );

    expect(loaded, 'wxClipboard app should load').toBe(true);
    expect(testLogger.errors.filter(e => !e.includes('favicon'))).toHaveLength(0);
  });

  test('Copy button copies text to clipboard', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);
    if (!loaded) {
      test.skip();
      return;
    }

    const box = await getCanvasBox(page);

    // Click "Copy to Clipboard" button
    await page.mouse.click(box.x + BUTTONS.COPY.x, box.y + BUTTONS.COPY.y);
    await page.waitForTimeout(2500);  // Wait for async clipboard operation + timeout

    await page.screenshot({ path: 'test-results/clipboard-02-copy-clicked.png', fullPage: true });

    // Check for SUCCESS log (clipboard implementation working) or at least the attempt log
    const hasCopySuccess = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Copied')
    );
    const hasCopyAttempt = testLogger.consoleLogs.some(l =>
      l.includes('Attempting to copy')
    );

    // Either success (real clipboard worked) or at least attempt was made
    expect(hasCopySuccess || hasCopyAttempt, 'Copy should succeed or at least attempt').toBe(true);
  });

  test('Paste button retrieves text from clipboard', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);
    if (!loaded) {
      test.skip();
      return;
    }

    const box = await getCanvasBox(page);

    // First copy something
    await page.mouse.click(box.x + BUTTONS.COPY.x, box.y + BUTTONS.COPY.y);
    await page.waitForTimeout(2500);

    // Click "Paste from Clipboard" button
    await page.mouse.click(box.x + BUTTONS.PASTE.x, box.y + BUTTONS.PASTE.y);
    await page.waitForTimeout(2500);

    await page.screenshot({ path: 'test-results/clipboard-03-paste-clicked.png', fullPage: true });

    // Check for SUCCESS log or at least no ERROR
    const hasPasteSuccess = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Pasted')
    );
    const hasPasteWarning = testLogger.consoleLogs.some(l =>
      l.includes('WARNING') && l.includes('No text data')
    );
    const hasPasteAttempt = testLogger.consoleLogs.some(l =>
      l.includes('Attempting to paste')
    );

    // Either we successfully pasted, there was no text (valid), or at least we attempted
    expect(hasPasteSuccess || hasPasteWarning || hasPasteAttempt, 'Paste should succeed or report no text').toBe(true);
  });

  test('Check clipboard button reports clipboard content', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);
    if (!loaded) {
      test.skip();
      return;
    }

    const box = await getCanvasBox(page);

    // First copy something to ensure clipboard has content
    await page.mouse.click(box.x + BUTTONS.COPY.x, box.y + BUTTONS.COPY.y);
    await page.waitForTimeout(2500);

    // Click "Check Clipboard" button
    await page.mouse.click(box.x + BUTTONS.CHECK.x, box.y + BUTTONS.CHECK.y);
    await page.waitForTimeout(2500);

    await page.screenshot({ path: 'test-results/clipboard-04-check-clicked.png', fullPage: true });

    // Check for clipboard content report
    const hasCheckResult = testLogger.consoleLogs.some(l =>
      l.includes('Clipboard contains') || l.includes('Checking clipboard')
    );

    expect(hasCheckResult, 'Check should report clipboard contents').toBe(true);
  });

  test('Clear clipboard button clears clipboard', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);
    if (!loaded) {
      test.skip();
      return;
    }

    const box = await getCanvasBox(page);

    // First copy something
    await page.mouse.click(box.x + BUTTONS.COPY.x, box.y + BUTTONS.COPY.y);
    await page.waitForTimeout(2500);

    // Click "Clear Clipboard" button
    await page.mouse.click(box.x + BUTTONS.CLEAR.x, box.y + BUTTONS.CLEAR.y);
    await page.waitForTimeout(2500);

    await page.screenshot({ path: 'test-results/clipboard-05-clear-clicked.png', fullPage: true });

    // Check for SUCCESS log or at least attempt
    const hasClearSuccess = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Clipboard cleared')
    );
    const hasClearAttempt = testLogger.consoleLogs.some(l =>
      l.includes('Attempting to clear')
    );

    expect(hasClearSuccess || hasClearAttempt, 'Clear should succeed or at least attempt').toBe(true);
  });

  test('Full clipboard flow: copy, check, paste, clear', async ({ page, testLogger }) => {
    await page.goto('/standalone/clipboard/clipboard_test.html');
    const loaded = await tryLoadApp(page);
    if (!loaded) {
      test.skip();
      return;
    }

    const box = await getCanvasBox(page);

    // 1. Copy
    await page.mouse.click(box.x + BUTTONS.COPY.x, box.y + BUTTONS.COPY.y);
    await page.waitForTimeout(2500);

    const hasCopyLog = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Copied') || l.includes('Attempting to copy')
    );
    expect(hasCopyLog, 'Copy should log activity').toBe(true);

    // 2. Check
    await page.mouse.click(box.x + BUTTONS.CHECK.x, box.y + BUTTONS.CHECK.y);
    await page.waitForTimeout(2500);

    const hasCheckResult = testLogger.consoleLogs.some(l =>
      l.includes('Clipboard contains') || l.includes('Checking clipboard')
    );
    expect(hasCheckResult, 'Check should report clipboard').toBe(true);

    // 3. Paste
    await page.mouse.click(box.x + BUTTONS.PASTE.x, box.y + BUTTONS.PASTE.y);
    await page.waitForTimeout(2500);

    const hasPasteLog = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Pasted') || l.includes('Attempting to paste')
    );
    expect(hasPasteLog, 'Paste should log activity').toBe(true);

    // 4. Clear
    await page.mouse.click(box.x + BUTTONS.CLEAR.x, box.y + BUTTONS.CLEAR.y);
    await page.waitForTimeout(2500);

    const hasClearLog = testLogger.consoleLogs.some(l =>
      l.includes('SUCCESS') && l.includes('Clipboard cleared') || l.includes('Attempting to clear')
    );
    expect(hasClearLog, 'Clear should log activity').toBe(true);

    await page.screenshot({ path: 'test-results/clipboard-06-full-flow.png', fullPage: true });

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