AngularJS Karma-jasmine 和 visual studio 2015

Question

我有一个 angularJS 应用程序，现在我想开始测试它。所以我看了一些教程，但其中 none 向您展示了如何使用 visual studio 2015 设置测试。有谁知道一个好的阅读资源或可以帮助我设置它。

我的问题是：

我需要为每个测试设置单独的视图吗？
除了安装 karma-jasmine 和 karma-chrome-launcher 还需要安装其他东西吗？
如何在浏览器中查看我的测试？

任何帮助都会很棒。

Answer 1

我会推荐你试试 Chutzpah（可以插入 VS2015），它与 Jasmine 一起工作，你可以在 VS 输出控制台和浏览器中看到测试结果。

Chutzpah on Github

Chutzpah extensions for VS

我在 VS2015 上使用 Chutzpah 的 Helloworld 示例：

helloworld.js :

function helloWorld(){
    return "Hello world!";
}
function examples() {
    return package = {
        first: 13,
        second: 13,
        third: "gone"
    }
}

helloworldspec.js :

/// <reference path="helloworld.js" />

describe("Hello world", function () {
    it("says hello", function() {
        expect(helloWorld()).toContain("Hello");
    });
});
describe("Examples", function () {
    it("examples", function () {
        expect(examples().first).toBe(13);
        expect(examples().third).not.toBe(13);
        expect(examples().third).not.toMatch(/gz/);
        expect(examples().third).toMatch('go');
    });
});

Answer 2

如果您使用的是 karma jasmine 测试运行器，那么您无需在 vs15 中进行任何设置，karma 会在它自己的虚拟服务器中运行测试，您可以在它自己的控制台中看到结果。如果你想调试你的测试以及你的文件，那么在 chrome 浏览器中你会看到调试按钮按下那个按钮，然后在下一个 window 按下 f12 键来获取开发人员 window 在 chrome。 Chutzpah 也不错，但 karma jasmine 最适合 Angular JS 测试。业力也很容易设置和使用。

AngularJS Karma-jasmine 和 visual studio 2015

AngularJS Karma-jasmine and visual studio 2015

testing

angularjs

karma-jasmine

visual-studio-2015