polymer - 在无头浏览器中运行 polymer-3.x 测试

Question

我想在没有浏览器弹出窗口的情况下运行测试。如图所示安装wct-headless并配置wct.config.json

{
  "plugins": {
    "local": {
      "disabled": true
    },
    "headless": {
      "browsers": [
        "chrome",
        "firefox"
      ],
      "browsersOptions": {
        "chrome": [
          "headless",
          "disable-gpu",
          "no-sandbox"
        ],
        "firefox": [
          "--headless"
        ]
      }
    },
    "sauce": false,
    "xunit-reporter": {
      "output": "testfile.xml"
    }
  }
}

执行polymer test时出现以下错误

找不到名为“headless”的 WCT 插件

包.json

"dependencies": {
  "@polymer/polymer": "^3.0.0"
},
"devDependencies": {
  "@polymer/iron-demo-helpers": "^3.0.0-pre.19",
  "@webcomponents/webcomponentsjs": "^2.0.0",
  "wct-browser-legacy": "^1.0.0",
  "wct-headless": "^2.2.2",
  "web-component-tester": "^6.8.0",
  "wct-xunit-reporter": "1.0.2"
}

我应该如何配置 wct.conf.json ？

Answer 1

无需安装wct-headless。只需创建wct.conf.json具有以下内容的文件：

{
 "plugins": {
   "local": {
     "browsers": [
       "chrome",
       "canary",
       "firefox"
     ],
     "browserOptions": {
       "chrome": [
         "headless",
         "disable-gpu",
         "start-maximized",
         "user-agent='Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3239.108 Safari/537.36'"
       ],
       "canary": [
         "headless",
         "disable-gpu",
         "start-maximized",
         "user-agent='Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3239.108 Safari/537.36'"
       ],
       "firefox": [
         "-headless"
       ]
     } // browserOptions
   } // local
 } // plugins
}