Cypress.io 可以测试 Chrome 扩展吗？

Question

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

我安装了https://github.com/ejoubaud/cypress-browser-extension-plugin

context('visit extension', () => {
    beforeEach(() => {
      cy.visit('chrome-extension://fmnignchafknmcleldmndpkfkdohnngn/dashboard.html')
    })

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

它不起作用。页面内容如下：

Sorry, we could not load: chrome-extension://fmnignchafknmcleldmndpkfkdohnngn/dashboard.html

Answer 1

您不需要任何额外的插件来加载浏览器扩展，假设您正在运行Cypress>=v4，下面的内容应该足以加载它。

// cypress/plugins/index.js
module. Exports = (on, config) => {
  on('before:browser:launch', (browser, launchOptions) => {
    // supply the absolute path to an unpacked extension's folder
    // NOTE: extensions cannot be loaded in headless Chrome
    launchOptions.extensions.push('Users/jane/path/to/extension')
     return launchOptions
  })
}

在您的测试文件中，您可以访问任何“正常”网页，它应该适合您。例如：

// test.spec.js
describe('Navigation', () => {
  it('cy.visit() - visit a remote url', () => {
    cy.visit('https://en.wikipedia.org/wiki/Diabetes')
  })
})

此外，Cypress 无法访问类似chrome-extension://(或任何不是http或https) 的东西。这是他们的设计。