google-chrome-extension - 使用 Cypress 进行测试时，您可以 "visit"进行 chrome 扩展吗？

Question

我正在尝试使用 cypress.io 测试我的 chrome 扩展

我可以通过将其添加到 plugins/index.js 来成功加载我的扩展程序:

module.exports = (on, config) => {
  on('before:browser:launch', (browser = {}, args) => {
    if (browser.name === 'chrome') {
      args.push('--load-extension=../bananatabs/build')
      return args
    }
  })
}

我可以通过导航到 cypress 浏览器打开我的扩展程序的 index.html chrome-extension://ewoifjflksdjfioewjfoiwe/index.html
但是当我尝试在测试中“访问”它时，如下所示:

context('visit bananatabs', () => {
    beforeEach(() => {
      cy.visit('chrome-extension://inbalflcnihklpnmnnbdcinlfgnmplfl/index.html')
    })

    it('does nothing', () => {
        assert(true);
    });

});

它不起作用。页面内容:

Sorry, we could not load: chrome-extension://inbalflcnihklpnmnnbdcinlfgnmplfl/index.html

In the docs所有示例都使用 http 或 https 协议(protocol)，而不是 chrome 扩展。

更新

我可以看到测试页面是 http://localhost:54493/__/#/tests/integration/visit.spec.js它包含我正在测试的页面的 iframe，它使用 chrome-extension://协议(protocol)。我不确定那会不会奏效。

这可以做到吗？

Answer 1

目前没有，但我有 opened an issue仅此而已。

Cypress 对 http 施加了任意限制/https ，并且可以轻松添加对浏览器特定协议(protocol)的支持，例如 chrome:// , resource:// , 和 chrome-extension://
随意扔一个 :+1: 就可以了!