[Question] Testing an extension's content-script

I have an extension that I would like to test using playwright. I’m currently able to load up my extension on Chromium as shown in the examples, but that’s about all I can do at this point.

Creating a new page defaults to creating it in incognito mode, regardless of whether a BrowserContext is created or not. By default, extensions are disabled in incognito mode… ergo my extension cannot be tested.

What am I doing wrong?

[k15a]

I found a way to do that programmatically:

  await page.goto('chrome://extensions')

  const detailsButton = await page.evaluateHandle(() =>
    document
      .querySelector('body > extensions-manager')
      .shadowRoot.querySelector('#items-list')
      .shadowRoot.querySelector('extensions-item')
      .shadowRoot.querySelector('#detailsButton')
  )

  await detailsButton.click()

  const allowIncognitoButton = await page.evaluateHandle(() =>
    document
      .querySelector('body > extensions-manager')
      .shadowRoot.querySelector('#viewManager > extensions-detail-view')
      .shadowRoot.querySelector('#allow-incognito')
  )

  await allowIncognitoButton.click()

[pavelfeldman]

You should use chromium.launchPersistent to access default profile and test extension content scripts.

Also, you can pierce shadow dom via:

await page.click('css=body > extensions-manager >> css=#items-list >> css=extensions-item >> css=#detailsButton');

(we’ll get rid of those css= over time)