为了更好地进行单元测试，在上下文中使用静态类型的javascript的例子是什么？

Question

我刚开始测试，但最近，我一直在尝试使用angularJS和Jasmine。

随着ES6的出现，新的框架/语言出现了，比如: atScript和google angular-dart。这两个现在都支持可选类型的javascript，并声称它变得更容易测试？

问: 1.作为测试的新手，有人能给我一个实际的例子/用例来说明静态类型的javascript如何更好地进行单元测试吗？此外，一个普通的javascript单元测试会有缺陷的例子？？

最后，如果这不是一个堆栈溢出问题，我们可以将它移到适当的栈子域中吗？

Answer 1

基于类型的断言是可能的。例如：

is(value : Dynamic, type : Dynamic, ?msg : String , ?pos : PosInfos)

当'value‘参数属于传递的类型' type’时，

成功断言。

raises(method:Void -> Void, ?type:Class<Dynamic>, ?msgNotThrown : String , ?msgWrongType : String, ?pos : PosInfos)

它用于测试在某些情况下必须做出反应抛出错误的应用程序。该断言保证错误的类型是正确的(如果未指定，则为动态)。

这段代码：

enum Color { R, G, B }

function f1(x: Color | string) {
    if (typeof x === "number") {
        var y = x;
        var y: Color;
    }
    else {
        var z = x;
        var z: string;
    }
}

function f2(x: Color | string | string[]) {
    if (typeof x === "object") {
        var y = x;
        var y: string[];
    }
    if (typeof x === "number") {
        var z = x;
        var z: Color;
    }
    else {
        var w = x;
        var w: string | string[];
    }
    if (typeof x === "string") {
        var a = x;
        var a: string;
    }
    else {
        var b = x;
        var b: Color | string[];
    }
}

以下情况需要垫片：

• enum
• type提示(x: Color)
• union类型(|)

这段代码是：

class A {
    propA: number;
}

class B {
    propB: number;
}

class C extends A {
    propC: number;
}

declare function isB(p1): p1 is B;
declare function isC(p1): p1 is C;
declare function retC(x): C; 

declare function funA<T>(p1: (p1) => T): T;
declare function funB<T>(p1: (p1) => T, p2: any): p2 is T;
declare function funC<T>(p1: (p1) => p1 is T): T;
declare function funD<T>(p1: (p1) => p1 is T, p2: any): p2 is T;
declare function funE<T, U>(p1: (p1) => p1 is T, p2: U): T;

let a: A;
let test1: boolean = funA(isB);

if (funB(retC, a)) {
    a.propC;
}
let test2: B = funC(isB);
if (funD(isC, a)) {
    a.propC;
}
let test3: B = funE(isB, 1);

以下情况需要垫片：

• user-defined类型保护返回值的(p1 is B)
• type转换(funA<T>(p1: (p1) => T): T)

参考

• fponticelli/utest: cross-platform unit testing system for Haxe
• Typescript infer return type from passed functions return type
• What is the difference between ' : ' and ' => 'on functions in typescript?
• Cappuccino - Testing with OJTest
• ECMAScript 6: New Features: Overview and Comparison
• TypeScript Github repo | typeGuardFunctionGenerics.ts
• TypeScript Github repo | TypeGuardWithEnumUnion.ts
• List of reserved keywords · Issue #2536 · Microsoft/TypeScript
• Features That Will Matter in the Upcoming TypeScript 1.8 -- Visual Studio Magazine
• Learn with Me - Typescript: A Study in Types - CodeProject
• TypeScript 2.0: Even Better Data Typing and Class Discriminants -- Visual Studio Magazine
• Kicking TypeScript's Tires
• TypeScript for ActionScript Developers
• Hello World: How to set up Apache FlexJS to transpile ActionScript to JavaScript - NextGen ActionScript
• Microsoft/TypeScript-React-Conversion-Guide: A guide for converting a simple JavaScript/React project to TypeScript. Contains both before an after code with the step-by-step process in the README below.