最近博主工作是和另一枚后端合作,但是经常发现他写的接口出错,苦逼连连。感觉不能这样下去就学写一下单元测试,等他更新代码我都跑一遍确认一下,这样工作安心多了。

经过博主一番查找,貌似被推荐比较多的有mochachai,下面记录简单使用的笔记,其他不懂的google吧!:)

由于测试的项目是前端项目,测试的方式也是打开页面。下面先说明一下目录结构

test/
    vendor/
        chai-as-promised.js //后面介绍是怎么使用
        chai.js
        mocha.css
        mocha.js
    units/
        account.js
        sample.js
        ...
    index.html
    index.js    

测试用的页面

###index.html###

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Testing</title>
    <link rel="stylesheet" href="vendor/mocha.css">
</head>
<body>
    <div id="mocha"></div>
    <div id="messages"></div>
    <div id="fixtures"></div>
    <script src="vendor/mocha.js"></script>
    <script src="../libs/requirejs/require.js"></script>
    <script>
        require(['index']); 
    </script>
</body>
</html>

###index.js###

mocha.setup('tdd'); //设置使用什么模式 tdd / bdd 
require('units/sample')(); //引入对应测试用例
mocha.run(); //运行

具体用例,关于chai的使用请看 chai.assert api

###units/sample.js###

module.exports = function(){
    
    //chai.assert 是经典的断言风格
    var assert = require('../vendor/chai').assert;
        
    //定义一组测试用例。
    suite('Array', function(){
        
        //此方法会在这个suite所有测试用例执行前执行一次,只一次,这是跟setup的区别。
        suiteSetup(function(){
            console.log('suitSetup...');
        });
        
        //此方法会在每个测试用例执行前都执行一遍。
        setup(function(){
            console.log('setup...');
        });

        suite('indexOf()', function(){
            //具体执行的测试用例实现代码。
            test('should return -1 when not present', function(){
                assert.equal(-1, [1, 2, 3].indexOf(4));
            });
        });

        suite('indexOf2()', function(){
            test('should return not -1 when present', function(){
                assert.equal(0, [1, 2, 3].indexOf(1));
            });
        });

        //此方法会在每个测试用例执行后都执行一遍,与setup相反。
        teardown(function(){
            console.log('teardown...');
        });

        //此方法会在这个suite所有测试用例执行后执行一次,与suiteSetup相反。
        suiteTeardown(function(){
            console.log('suiteTeardown...'); 
        });
    });

}

断言Promise

###units/account.js###
var chai = require("../vendor/chai"),
    chaiAsPromised = require("../vendor/chai-as-promised");

chai.use(chaiAsPromised);

module.exports = function(){
        
    //这个是项目的model类
    var account = require('models/account.model')
        
    suite('Account', function(){
        //测试登录
        test('signin', function(){
        
            var user = {
                username: "admin@ggg.com",
                password: "654321"
            }

            //当请求登录接口没返回用户id时显示`登录失败`
            return assert.eventually.deepProperty(account.signin(user), 'attrs.id', '登录失败');
        });

        //测试登出
        test('signout', function(){
            //当请求登出接口后返回对象的code属性不等于0时提示`退出失败`
            return assert.eventually.propertyVal(account.signout(), 'code', 0, '退出失败');
        });

    });

}

目前会在整个项目的根目录下创建test目录进行存放测试相关的代码,使用也很方便,打开test/index.html即可。
clipboard.png

测试工具 mocha
断言库 chai
测试驱动开发(TDD)及测试框架Mocha.js入门学习


帕奇式
924 声望71 粉丝

设计和管理是毕生的课题👨‍💻