带Browserify和TypeScript模块的Wallaby

Question

我试图让Wallaby使用TypeScript应用程序，使用Browserify和Wallabify。但是，当我运行Wallaby时，它输出No failing tests, 0 passing，，所有测试指标都是灰色的。

文件app/spec.setup.ts负责加载节点模块依赖项，如chai、sinon和应用程序的主模块。app/spec.util.ts提供了一些由各个规范文件导入的帮助程序。

module.exports = function() {
  var wallabify = require('wallabify');

  var wallabyPostprocessor = wallabify({
        entryPatterns: [
          'app/spec.setup.ts',
          'app/src/**/*.spec.ts'
        ]
      }
  );

  return {
    files: [
      {pattern: 'app/spec.setup.ts', load: false, instrument: false},
      {pattern: 'app/spec.util.ts', load: false, instrument: false},
      {pattern: 'app/src/**/*.ts', load: false},
      {pattern: 'app/src/**/*.spec.ts', ignore: true}
    ],

    tests: [
      {pattern: 'app/src/**/*.spec.ts', load: false}
    ],

    testFramework: 'mocha',

    postprocessor: wallabyPostprocessor,

    bootstrap: function (w) {
      // outputs test file names, with .ts extensions changed to .js
      console.log(w.tests);

      window.__moduleBundler.loadTests();
    }
  };
};

有趣的是，我没有从更改entryPatterns中得到任何反馈，甚至没有将其设置为空数组或无效文件名。结果仍然一样。只有当我完全删除它时，我才会得到诸如Can't find variable: sinon之类的错误。

我还发现，entryPatterns列表可能需要编译的文件名，即.js而不是.ts扩展名。然而，当我这样做的时候，我得到了Postprocessor run failure: 'import' and 'export' may appear only with 'sourceType: module' on spec.setup.ts。

我不知道为TypeScript编译配置Wallabify的正确方法是什么，我在网上找不到任何完整的示例，所以我希望得到任何提示。

以我目前的StackOverflow声誉，我无法添加两个新标签：wallaby和wallabify__。谁能帮我个忙把这两个标签加上去吗？

Answer 1

因为 and applied before wallabify，您需要像这样改变您的条目模式以使其工作：

entryPatterns: [
      'app/spec.setup.js',
      'app/src/**/*.spec.js'
    ]