chrome 未定义 - Mocha 和 Typescript答案

【问题标题】：chrome is not defined - Mocha and Typescriptchrome 未定义 - Mocha 和 Typescript
【发布时间】：2018-06-18 05:12:43
【问题描述】：

我很难用typescript 编译测试。当尝试运行npm test得到了

onClicked: chrome.browserAction !== undefined ? chrome.browserAction.onClicked : 未定义

我的基本测试看起来很像：

import Nightmare from "nightmare";
import * as chai from "chai";
const Client = require('node-rest-client').Client;
import chaiString from "chai-string";
chai.use(chaiString);

import DomainDriver from "../../app/scripts/domains/driver";
const expect: any = chai.expect;

测试配置如下：

{
  ...
  "test": "mocha --recursive --require ts-node/register --require babel-core/register tests/domains/*"
},

模块代码如下：

export default {
  browserAction: {
    onClicked: chrome.browserAction !== undefined ? chrome.browserAction.onClicked : undefined,

app 目录使用 webpack 编译，但使用npm test 会引发错误。以下 gulp 任务使用 webpack 成功运行。

Gulp 任务

gulp.task(`${PLATFORM}-webpack`, (callback) => {

    webpack(Object.create(webpackConfig), function(err, stats) {
        if(err) throw new Exception(`${PLATFORM}-webpack`, err);
        console.log(`[${PLATFORM}-webpack]`, stats.toString({
            colors: true
        }));
        callback();
    });
});

我还是错过了什么吗？谢谢

【问题讨论】：

标签： javascript node.js typescript mocha.js

【解决方案1】：

查看您的目录，您要查找的文件位于“../../app/domains/driver.ts”中，除非您输入了目录。

【讨论】：

这是有问题的错字，但错误仍然存在

【解决方案2】：

chrome.browserAction 是网络扩展代码。 Node.js 不知道 chrome 全局或网络扩展。

如果您想测试网络扩展代码，您需要为您使用的每个 API 实现一个模拟实例，遗憾的是，目前还没有类似的实例。我已经开始在这里为我的扩展创建一些模拟函数： https://github.com/Lusito/forget-me-not/blob/master/test/browserMock.ts

请记住，我制作这些是为了满足我的需求。它们绝不是完整的，也不涵盖所有情况。

【讨论】：

我没有对chrome.tabs 或任何与chrome api 相关的测试。我还需要上这门课吗？
在您的测试中的某个时刻，显示的代码会被执行。您需要阻止在测试中执行此代码以避免该问题。您可以检查环境当前是否正在运行测试，如下所述：stackoverflow.com/questions/29183044/…
另一种选择（以及更具体的检查）是在使用之前检查全局变量“chrome”是否存在。

【解决方案3】：

我通过将chrome 定义为解决它

const chrome = require('sinon-chrome/apps');
(global as any).chrome = chrome;

【讨论】：