vue.js - Vues.js 单元测试 w Karma-Mocha-HeadlessChrome ，为什么要消息关于 Vue Devtools 的信息？

Question

运行我的单元测试，即使我已经在 Chrome 浏览器中添加了 Devtools 扩展，我总是会收到此信息消息？

yves$ npm run unit
> shopping-list@1.0.0 unit /Users/yves/Developments//shopping-list
> cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run

[karma]: Karma v1.7.1 server started at http://0.0.0.0:9876/
launcher]: Launching browser ChromeHeadless with unlimited concurrency
[launcher]: Starting browser ChromeHeadless
HeadlessChrome 0.0.0 (Mac OS X 10.12.6)]: Connected on socket s3ED3TVFNjuvVojoAAAA with id 22013100

INFO LOG: 'Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools'

我找到了一种摆脱它的方法，在我的 actions.spec.js 中插入以下代码：

import Vue from 'vue'
const isHeadlessChrome = /\bHeadlessChrome\//.test(navigator.userAgent)
Vue.config.devtools = !isHeadlessChrome
Vue.config.productionTip = false

但是有没有办法在所有单元测试之前运行它？

Answer 1

在 karma.conf.js 文件中，指出了预处理器：

预处理器：{ './index.js': ['webpack', 'sourcemap'] },

所以我将这段代码插入到 test/unit/index.js

import Vue from 'vue'

const isHeadlessChrome = /\bHeadlessChrome\//.test(navigator.userAgent)
Vue.config.devtools = !isHeadlessChrome
Vue.config.productionTip = false