---
title: Puppeteer Browser Extension Testing | TestingBot
description: Run Puppeteer tests against Chrome browser extensions. Test the UI and
  functionality of your Manifest V3 Chrome extensions.
source_url:
  html: https://testingbot.com/support/web-automate/puppeteer/browser-extension-testing
  md: https://testingbot.com/support/web-automate/puppeteer/browser-extension-testing/index.md
---
# Testing Browser Extensions with Manifest V3

Testing browser extensions on Chrome with Puppeteer is possible with TestingBot.   
 Please see the information below on how to load the extension before your test starts and how to perform UI testing with Puppeteer against your Manifest V3 extension(s).

## TestingBot Storage

With [TestingBot Storage](https://testingbot.com/support/api#upload), you can upload your extensions to the TestingBot servers.   
 The advantage of this is that our test VMs can immediately download your extension from the TestingBot network, which is much faster than downloading from the public internet.

The API call will return a unique identifier, similar to `tb://efe932jfk`.   
 You can then use this identifier with the capability: `"load-extension" : "tb://..."`

## Chrome Browser Extension Testing with Puppeteer

You can test your `.crx` extension by [uploading the extension](https://testingbot.com#storage) and using the URL of the extension with a `load-extension` capability.

    const puppeteer = require('puppeteer-core')
    
    (async () => {
      const tbCapabilities = {
        browserName: 'chrome',
        platform: 'WIN11',
        key: process.env.TB_KEY,
        secret: process.env.TB_SECRET,
        'load-extension': 'tb://path-to-extension'
      }
      const wsEndpoint = `wss://cloud.testingbot.com?capabilities=${encodeURIComponent(
        JSON.stringify(tbCapabilities)
      )}`;
    
      const browser = await puppeteer.connect({
        browserWSEndpoint: wsEndpoint
      })
    
      const page = await browser.newPage()
      await page.goto('https://testingbot.com')
      // add various checks to test your extension
      await browser.close()
    })();

### UI Testing Chrome Extensions

You can test the UI and functionality of your extension in a remote Chrome browser.

    const puppeteer = require('puppeteer-core')
    
    (async () => {
      const tbCapabilities = {
        browserName: 'chrome',
        platform: 'WIN11',
        key: process.env.TB_KEY,
        secret: process.env.TB_SECRET,
        'load-extension': 'tb://path-to-extension'
      }
      const wsEndpoint = `wss://cloud.testingbot.com?capabilities=${encodeURIComponent(
        JSON.stringify(tbCapabilities)
      )}`;
    
      const browser = await puppeteer.connect({
        browserWSEndpoint: wsEndpoint
      })
    
      const page = await browser.newPage()
      await page.goto('chrome-extension://lliapakmekmldfaphofjcnbccemlgeoa/src/pages/popup/index')
      await browser.close()
    })();

Was this page helpful? Yes No 

## Looking for More Help?

Have questions or need more information?   
 You can reach us via the following channels:

- [Email us](https://testingbot.com/contact/new)
- [Join our Slack Channel](https://join.slack.com/t/testingb0t/shared_invite/zt-3bcw9xch-jk19~6XPs_xBrsAgAedkCw)