[Feature request] Support browser extension loading in Firefox

I’m trying to perform extension automation using playwright against Firefox. Below is my sample code

import {
    firefox
} from 'playwright';

const extensionPath = "/Users/ashok_mb/Documents/xBP/Learner/playwright_spike/ff_extn/extension.xpi"
const userDataDir = '/Users/ashok_mb/Library/Application\ Support/Firefox/Profiles/data_dir';
firefox.launch({
            headless: false,
            firefoxUserPrefs: {
                "xpinstall.signatures.required": false,
                "extensions.langpacks.signatures.required": false,
            },
            args: [
                `--disable-extensions-except=${extensionPath}`,
                `--load-extension=${extensionPath}`
            ]
        });

With above code, the browser launches, but does not load extension with it. Can someone please advice on how to launch Firefox with extension using playwright code ?

Please help. Thanks!

[aslushnikov]

UPDATE: this doesn’t work for the new versions of Firefox. See & upvote https://github.com/microsoft/playwright/issues/7297

~Actually, you can run Firefox Extensions with Playwright, but it requires a little bit of a trickery:~ ~- using web-ext to actually run firefox with permissions~ ~- parsing firefox stdout to get juggler endpoint~ ~- using endpoint to connect playwright onto it~

~The full repository is here: aslushnikov/demo-playwright-with-firefox-web-extension~

~The script to run a webextension:~

const path = require('path');
const {firefox} = require('playwright');
const webExt = require('web-ext').default;

(async () => {
  // 1. Enable verbose logging and start capturing logs.
  webExt.util.logger.consoleStream.makeVerbose();
  webExt.util.logger.consoleStream.startCapturing();

  // 2. Launch firefox
  const runner = await webExt.cmd.run({
    sourceDir: path.join(__dirname, 'webextension'),
    firefox: firefox.executablePath(),
    args: [`-juggler=1234`],
  }, {
    shouldExitProgram: false,
  });

  // 3. Parse firefox logs and extract juggler endpoint.
  const JUGGLER_MESSAGE = `Juggler listening on`;
  const message = webExt.util.logger.consoleStream.capturedMessages.find(msg => msg.includes(JUGGLER_MESSAGE));
  const wsEndpoint = message.split(JUGGLER_MESSAGE).pop();

  // 4. Connect playwright and start driving browser.
  const browser = await firefox.connect({ wsEndpoint });
  const page = await browser.newPage();
  await page.goto('https://mozilla.org');
  // .... go on driving ....
})();

~Hope it helps!~

[aslushnikov]

I can raise a feature request if required. Thanks!

@mukunduashok Yeah, please raise a feature request. We’ve heard there’s some interest for web extensions, but it’s unclear how many developers actually care and if it’s worth investing there.