Chrome Extension Testing

import { describe, it, expect } from 'vitest';
import { TestDriver } from 'testdriverai/vitest/hooks';

describe('Chrome Extension Test', () => {
  it('should load and test a Chrome extension', async (context) => {
    const testdriver = TestDriver(context, { headless: true });
    
    // Wait for connection
    await testdriver.ready();
    
    // Clone an extension repo
    await testdriver.exec(
      'sh',
      'git clone --depth 1 https://github.com/GoogleChrome/chrome-extensions-samples.git /tmp/chrome-extensions-samples',
      60000,
      true
    );

    // Launch Chrome with the extension loaded
    await testdriver.provision.chromeExtension({
      extensionPath: '/tmp/chrome-extensions-samples/functional-samples/tutorial.hello-world',
      url: 'https://example.com'
    });

    // Your test code here
    const result = await testdriver.assert("the page is visible");
    expect(result).toBeTruthy();
  });
});

import { describe, it, expect } from 'vitest';
import { TestDriver } from 'testdriverai/vitest/hooks';

describe('Chrome Extension Test', () => {
  it('should load uBlock Origin and verify it works', async (context) => {
    const testdriver = TestDriver(context, { headless: true });

    // Launch Chrome with uBlock Origin loaded by its Chrome Web Store ID
    await testdriver.provision.chromeExtension({
      extensionId: 'cjpalhdlnbpafiamejdnhcphjbkeiagm', // uBlock Origin
      url: 'https://example.com'
    });

    // Your test code here
    const result = await testdriver.assert("the page is visible");
    expect(result).toBeTruthy();
  });
});

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

await testdriver.ready();
await testdriver.exec('sh', 'git clone https://github.com/your/extension.git /tmp/my-extension', 60000, true);
await testdriver.provision.chromeExtension({
  extensionPath: '/tmp/my-extension',
  url: 'https://example.com'
});

import { describe, it, expect } from 'vitest';
import { TestDriver } from 'testdriverai/vitest/hooks';

describe('Chrome Extension - Hello World', () => {
  it('should load extension and verify popup', async (context) => {
    const testdriver = TestDriver(context, { 
      headless: true, 
      newSandbox: true, 
      cacheKey: 'chrome-extension-test' 
    });
    
    // Clone the Chrome extensions samples repo
    await testdriver.exec(
      'sh',
      'git clone --depth 1 https://github.com/GoogleChrome/chrome-extensions-samples.git /tmp/chrome-extensions-samples',
      60000,
      true
    );

    // Launch Chrome with the hello-world extension loaded
    await testdriver.provision.chromeExtension({
      extensionPath: '/tmp/chrome-extensions-samples/functional-samples/tutorial.hello-world',
      url: 'https://testdriver.ai'
    });

    // Verify the page loaded
    const pageResult = await testdriver.assert("the testdriver.ai website is visible");
    expect(pageResult).toBeTruthy();

    // Click on the extensions button in Chrome toolbar
    const extensionsButton = await testdriver.find("Extensions button, puzzle piece icon in Chrome toolbar");
    await extensionsButton.click();

    // Find and click the hello world extension
    const helloExtension = await testdriver.find("Hello World extension in the extensions dropdown");
    await helloExtension.click();

    // Verify the extension popup shows
    const popupResult = await testdriver.assert("a popup shows with the text 'Hello Extensions'");
    expect(popupResult).toBeTruthy();
  });
});

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

/usr/lib/node_modules/dashcam-chrome/build

it('opens extension popup', async (context) => {
  const testdriver = TestDriver(context, { headless: true });
  
  // Setup extension...
  await testdriver.provision.chromeExtension({
    extensionPath: '/path/to/extension',
    url: 'https://example.com'
  });
  
  // Click extension icon in toolbar
  const extensionIcon = await testdriver.find('extension icon in toolbar');
  await extensionIcon.click();
  
  // Interact with popup
  const result = await testdriver.assert('extension popup is visible');
  expect(result).toBeTruthy();
});

it('verifies content script injection', async (context) => {
  const testdriver = TestDriver(context, { headless: true });
  
  await testdriver.provision.chromeExtension({
    extensionPath: '/path/to/extension',
    url: 'https://example.com'
  });
  
  // Check for extension-injected elements
  const result = await testdriver.assert('element added by extension is visible');
  expect(result).toBeTruthy();
});