Chrome Extension Testing

import { test } from 'vitest';
import TestDriver from 'testdriverai';
import { 
  runPrerunChromeExtension, 
  runPostrun 
} from 'testdriverai/testdriver/acceptance-sdk/setup/lifecycleHelpers.mjs';

test('test chrome extension', async () => {
  const client = await TestDriver.create({
    apiKey: process.env.TD_API_KEY,
    os: "linux",
    verbosity: 1,
  });

  // Launch Chrome with extension loaded
  // Extension ID from Chrome Web Store
  await runPrerunChromeExtension(client, "cjpalhdlnbpafiamejdnhcphjbkeiagm");

  // Your test code here
  await client.focusApplication("Google Chrome");
  
  // ... test extension functionality

  await runPostrun(client);
  await client.cleanup();
});

https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm
                                                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                      This is the extension ID

await launchChromeExtension(
  client, 
  "cjpalhdlnbpafiamejdnhcphjbkeiagm,nngceckbapebfimnlniiiahkandclblb"
);

import { describe, it, beforeAll, afterAll } from 'vitest';
import TestDriver from 'testdriverai';
import { 
  runPrerunChromeExtension, 
  runPostrun 
} from 'testdriverai/testdriver/acceptance-sdk/setup/lifecycleHelpers.mjs';

describe('Chrome Extension Testing', () => {
  let client;
  let dashcamUrl;

  beforeAll(async () => {
    client = await TestDriver.create({
      apiKey: process.env.TD_API_KEY,
      os: "linux",
      verbosity: 1,
    });

    // Load uBlock Origin extension
    await runPrerunChromeExtension(client, "cjpalhdlnbpafiamejdnhcphjbkeiagm");
  });

  afterAll(async () => {
    if (client) {
      dashcamUrl = await runPostrun(client);
      await client.cleanup();
    }
  });

  it('should verify extension is loaded', async () => {
    await client.focusApplication("Google Chrome");

    // Navigate to a page
    const element = await client.find("TestDriver.ai Sandbox");
    expect(element.found()).toBe(true);

    // Test extension-specific functionality
    // For example, checking if ads are blocked with uBlock
  });

  it('should access extension popup', async () => {
    await client.focusApplication("Google Chrome");
    
    // Open extension management
    await client.exec(
      "sh",
      `xdotool key --clearmodifiers ctrl+shift+e`,
      5000,
      true
    );

    // Wait for extensions page
    await new Promise((resolve) => setTimeout(resolve, 2000));
  });
});

/opt/chrome-for-testing/chrome
/usr/local/bin/chrome-for-testing (symlink)

import { launchChromeExtension } from 'testdriverai/testdriver/acceptance-sdk/setup/lifecycleHelpers.mjs';

// Launch with specific extension and URL
await launchChromeExtension(
  client,
  "cjpalhdlnbpafiamejdnhcphjbkeiagm",
  "https://example.com"
);

it('opens extension popup', async () => {
  // Click extension icon (varies by extension)
  await client.click('extension icon in toolbar');
  
  // Interact with popup
  const popup = await client.find('extension popup window');
  expect(popup.found()).toBe(true);
});

it('configures extension settings', async () => {
  // Right-click extension icon
  await client.rightClick('extension icon');
  
  // Click options
  await client.click('Options');
  
  // Configure settings
  await client.click('Enable feature X');
  await client.click('Save');
});

it('verifies content script injection', async () => {
  // Navigate to a page
  await client.exec('sh', 'xdotool key ctrl+l', 5000, true);
  await client.type('https://example.com');
  await client.pressKeys('Enter');
  
  // Check for extension-injected elements
  const injected = await client.find('element added by extension');
  expect(injected.found()).toBe(true);
});