Question

我最近尝试将qUnit和Chutzpah合并到单元测试我正在研究的项目，该项目用打字稿编写。

我已经按照我认为正确的方式设置了一些东西并且以下内容有效：

打字稿应用程序！ - 我可以运行应用程序的早期版本
Chutzpah - 我在VS2012上安装了它，它正确地看到了我的qUnit演示测试
qUnit - 出现安装并与Chutzpah一起工作，我可以运行一个简单的测试（一个不看我的代码）

有了这三个，我假设我可以开始为打字稿应用程序编写测试，作为测试我在打字稿中写了一个简单的测试：

TreeBurst.Tests.ts

///<reference path="../typings/qunit/qunit.d.ts" />
///<reference path="references.ts">
///<reference path="references.js"> // just in case, unsure what needed referencing here

module DMC.TreeBurst {

QUnit.module("TreeBurst.Node.ts tests");

test("Load-a-single-node-creates-correctly", () => {

    var node = [new DMC.TreeBurst.Node({
        id: 1,
        parentId: null,
        title: ""
    })];

    ok(node, "Node not created correctly when provided valid constructor parameters");

});
}

不幸的是，当我运行时，我得到以下内容：

'undefined' is not a constructor (evaluating 'new DMC.TreeBurst.Node({
                id: 1,
                parentId: null,
                title: ""
            })')

现在我很确定它应该是一个构造函数，但是Chutzpah和qUnit的组合似乎并没有看到它。

我花了一些时间搜索，但我发现的一切都表明事情应该“有效”。我在这里做了一些明显不对的事吗？

任何想法都非常感激。

编辑：在回复评论时，这是类声明：

/// <reference path="references.ts" />
module DMC.TreeBurst {

export interface NodeOptions {

    // location specific
    id: number;
    parentId?: number;

    // node internals
    title: string;
    content?: string;
    colour?: string;        
}

export class Node {

    public id: number;
    public parentId: number = null;
    public title: string;
    public content: string = null;        
    public depth: number = null;

    public colour: string = null;

    constructor(opts: NodeOptions) {
        //removed from brevity
    }
    // methods removed for brevity
}
}

Answer 1

我能够让您的示例使用以下测试文件和代码文件的定义。我将所有文件放在同一目录中，但您可以轻松移动它们并更改路径。

<强> TreeBurst.tests.ts

///<reference path="qunit.d.ts" />
///<reference path="TreeBurst.ts" />

module DMC.TreeBurst {

QUnit.module("TreeBurst.Node.ts tests");

test("Load-a-single-node-creates-correctly", () => {

    var node = [new DMC.TreeBurst.Node({
        id: 1,
        parentId: null,
        title: ""
    })];

    ok(node, "Node not created correctly when provided valid constructor parameters");

});
}

<强> TreeBurst.ts

module DMC.TreeBurst {

export interface NodeOptions {

    // location specific
    id: number;
    parentId?: number;

    // node internals
    title: string;
    content?: string;
    colour?: string;        
}

export class Node {

    public id: number;
    public parentId: number = null;
    public title: string;
    public content: string = null;        
    public depth: number = null;

    public colour: string = null;

    constructor(opts: NodeOptions) {
        //removed from brevity
    }
    // methods removed for brevity
}
}

Answer 2

添加对js文件的引用无效。而不是引用reference.ts引用文件夹http://matthewmanela.com/blog/chutzpah-2-2-with-typescript-support/这是因为chutzpah的工作方式（不使用--out编译引用的文件）

使用Chutzpah运行Typescript qUnit测试

2 个答案: