赛普拉斯浏览器支持

Question

在默认的 cypress 框架中，我们有 plugins.js -> index.js 下面的代码，他们只列出了 chromium 和 electron 浏览器。我们是否需要添加更多，或者这样可以吗？ 从这张图看，cypress 好像只支持铬和电子？但是，当我们运行 99% 的案例时，我们会在 Chrome 中运行它。默认情况下选择 chrome。

/// <reference types="cypress" />
// ***********************************************************
// This example plugins/index.js can be used to load plugins
//
// You can change the location of this file or turn off loading
// the plugins file with the 'pluginsFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/plugins-guide
// ***********************************************************

const cucumber = require("cypress-cucumber-preprocessor").default;

// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)

/**
 * @type {Cypress.PluginConfig}
 */
// eslint-disable-next-line no-unused-vars

module.exports = (on, config) => {
  require("cypress-mochawesome-reporter/plugin")(on);
};
module.exports = (on, config) => {
  on("file:preprocessor", cucumber());

  // cypress/plugins/index.js

  on("before:browser:launch", (browser = {}, launchOptions) => {
    console.log(launchOptions.args);
    if (browser.family === "chromium" && browser.name !== "electron") {
      launchOptions.args.push("--start-fullscreen");
      launchOptions.args.push("--window-size=1400,1200");

      return launchOptions;
    }

    if (browser.name === "electron") {
      launchOptions.preferences.fullscreen = true;

      return launchOptions;
    }
  });

  module.exports = (on, config) => {
    on("before:browser:launch", (browser, launchOptions) => {
      if (browser.name === "chrome" && browser.isHeadless) {
        launchOptions.args.push("--disable-gpu");
        return launchOptions;
      }
      
    });
  };

  // `on` is used to hook into various events Cypress emits
  // `config` is the resolved Cypress config
};

Answer 1

在 cypress 窗口的右上角，您应该能够选择要运行的浏览器。 您还可以在该 index.js 文件中指定要使用的浏览器。这是一个例子：

module.exports = (on, config) => {
// inside config.browsers array each object has information like
// {
//   name: 'chrome',
//   channel: 'canary',
//   family: 'chromium',
//   displayName: 'Canary',
//   version: '80.0.3966.0',
//   path:
//    '/Applications/Canary.app/Contents/MacOS/Canary',
//   majorVersion: 80
// }
return {
  browsers: config.browsers.filter((b) => b.family === 'chromium'),
 }
}

请参阅赛普拉斯文档了解更多信息：https://docs.cypress.io/guides/guides/launching-browsers#Customize-available-browsers