如何在Visual Studio中调试打字稿茉莉花测试？

Question

我有在Karma内部运行的打字稿代码和打字稿茉莉花测试。我可以从命令行运行测试（使用Karma），也可以从ReSharper测试运行器运行测试。据推测，我也可以使用Karma Test Adapter VS extension或VS Adapter for Karma进行测试。所以，运行测试的选项很多。

我的问题是：如何在VS调试器中调试测试？

Answer 1

我能够得到Visual Studio调试打字稿茉莉花测试，运行在Karma，正在工作。哇，那是一口。

我是这样做的：

1. 在IE浏览器，选项，高级：清除 “禁止脚本调试器（Internet Explorer）” 复选框。 （全局）所需
2. 安装节点模块运行业力 - 如果你有尚未：

npm install -g karma karma-chrome-launcher karma-ie-launcher jasmine-core karma-jasmine karma-jasmine-html-reporter 
npm install -g phantomjs karma-phantomjs-launcher 

在karma.conf.js，添加支持用于提供所需的源图和打字稿文件。这里是我的：

module.exports = function(config) { 
    config.set({ 
    frameworks: ['jasmine'], 
    files: [ 
     'bower_components/angular/angular.js', 
     'bower_components/angular-mocks/angular-mocks.js', 
     'dist/**/*.js', 
     'test/out/**/*.js', 
     // Key addition to support debugging typescript tests 
     // Enable serving (but don't include as scripts) sourcemap and typescript files 
     {pattern: '**/*.js.map', included: false}, 
     {pattern: '**/*.ts', included: false} 
    ], 
    reporters: ['html', 'progress'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: ['PhantomJS'] 
    }); 

} 

编译你的打字稿，运行因果报应，启动IE后：

karma start --browsers=IE --reporters=html 

1. 在Visual Studio中，调试菜单|附加到进程...，然后选择看起来正确的iexplore.exe实例 - 例如，标题可能与Karma网页标题（当前为“Karma DEBUG RUNNER”）匹配，并且进程类型必须为“脚本”。如果typescript调试不起作用，请尝试添加多个iexplore.exe实例，包括所有可能的Script实例。

之后，您应该在解决方案资源管理器中看到一个“脚本文档”文件夹，您应该能够在脚本中放置断点，在浏览器中运行测试并逐步打印脚本代码。

事实证明，所有这些步骤也可用于调试在Chrome打字稿测试和代码的工作 - 只是改变第4步：

karma start --browsers=Chrome --reporters=html 

（跳过步骤5），然后打开Chrome开发者工具调试打字稿中铬。