zoukankan      html  css  js  c++  java
  • 使用 Qunit 对js代码进行单元测试

    参考博客地址 http://www.woiweb.net/how-to-test-your-javascript-code-with-qunit.html

    官方地址 http://qunitjs.com/

    1、创建qunit.html 文件添加由官方提供的cdn 加载测试框架

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>QUnit Example</title>
      <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.15.0.css">
    </head>
    <body>
      <div id="qunit"></div>
      <div id="qunit-fixture"></div>
      <script src="//code.jquery.com/qunit/qunit-1.15.0.js"></script>
      <script src="project.js"></script>
      <script src="tests.js"></script>
    </body>
    </html>
    

      

    最后面引入的 project.js 就是待测试的文件

    最后面引入的 tests.js 就是测试用例的文件

    2、测试用例的编写

    先写一个待测试例子,这是一个判断是否是偶数的方法

    //project.js
    function isEven(val) {
        return val % 2 === 0;
    }
    

    3、编写测试

    //tests.js
    test('isEven()', function() { ok(isEven(0), 'Zero is an even number'); ok(isEven(2), 'So is two'); ok(isEven(-4), 'So is negative four'); ok(!isEven(1), 'One is not an even number'); ok(!isEven(-7), 'Neither is negative seven'); })
  • 相关阅读:
    团队冲刺--第二阶段(五)
    团队冲刺--第二阶段(四)
    团队冲刺--第二阶段(三)
    团队冲刺--第二阶段(二)
    团队冲刺--第二阶段(一)
    第一阶段意见评论
    人月神话阅读笔记02
    基础-定位
    基础-颜色
    标准文档流
  • 原文地址:https://www.cnblogs.com/linksgo2011/p/3985884.html
Copyright © 2011-2022 走看看