@king- 2015-09-23T20:36:31.000000Z 字数 1534 阅读 758

Jasmine 测试方案

前端测试

1. jasmine安装

 //默认下载的是最新版本
 bower install jasmine
 //下载1.3版本
 bower install jasmine#1.3

在这里需要注意的是jasmine有很多版本，而且版本之间是有差异的，这里使用1.3的，最新版本的 jasmine 通过 bower 安装后包名为 jasmine-core

2. jasmine 环境配置

jasmine.js --- 核心文件用于执行单元测试的类库
jasmine-html.js --- 用于显示单元测试的结果的类库
src.js --- 需要测试的业务逻辑代码
test.js --- 单元测试代码
report.js --- 启动单元测试

test.html

<!DOCTYPE html>
<html>
    <head>
        <title>jasmine test</title>
        <link rel="stylesheet" type="text/css" href="bower_components/jasmine/lib/jasmine-core/jasmine.css">
        <script type="text/javascript" src="bower_components/jasmine/lib/jasmine-core/jasmine.js"></script>
        <script type="text/javascript" src="bower_components/jasmine/lib/jasmine-core/jasmine-html.js"></script>
    </head>
    <body>
        <h1>jasmine test</h1>
        <script type="text/javascript" src="src.js"></script>
        <script type="text/javascript" src="test.js"></script>
        <script type="text/javascript" src="report.js"></script>
    </body>
</html>

jasmine的测试结果显示页面（装载测试内容）

report.js

(function() {
    var jasmineEnv = jasmine.getEnv();
    jasmineEnv.updateInterval = 1000;
    var htmlReporter = new jasmine.HtmlReporter();
    jasmineEnv.addReporter(htmlReporter);
    jasmineEnv.specFilter = function(spec) {
        return htmlReporter.specFilter(spec);
    };
    var currentWindowOnload = window.onload;
    window.onload = function() {
        if (currentWindowOnload) {
            currentWindowOnload();
        }
        execJasmine();
    };
    function execJasmine() {
        jasmineEnv.execute();
    }
})();

启动 jasmine 脚本，写法固定

src.js

function sayHello(name){
    return "Hello " + name;
}

需要测试的业务代码文件

test.js

    describe("A suite of basic functions", function() {
        var name;
        it("sayHello", function() {
            name = "Conan";
            var exp = "Hello Conan";
            expect(exp).toEqual(sayHello(name));
        });
    });

单元测试代码

Jasmine 测试方案

1. jasmine安装

2. jasmine 环境配置

内容目录