前端单元测试基础介绍

1、前端单元测试入门与实践一个实例在一个统计客户端信息的js中，写一个方法，从userAgent字符串获取浏览器引擎，名称，版本号等信息，要求能处理最常用的一些浏览器function _getBrowserInfo(ua) return oBrowser;最后采用的形式这个方法的测试用例YUI().use(test, function (Y) window.Y = Y; var testCaseBrowser = new Y.Test.Case( setUp: function () this.testFun = window._getBrowserInfo; , testBrowserName:

2、 function () for (var i = 0; i 验证-开发打开iPhone验证一下打开iPad验证一下打开iTouch验证一下打开安卓验证一下打开windows Phone 验证一下IntroductingYUI TEST结构测试代码var testData_fun_getInfo = /* * data template: * #ua#,#wordlist#,#name#,#version# */ Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0.1) Gecko/20100101 Firefox/4.0.1,360se, 360chrome

3、, sse, tencenttraveler, maxthon, theworld, ucweb, greenbrowser, undefined, undefined,YUI().use(test, function (Y) window.Y = Y; var testCaseBrowser = new Y.Test.Case( setUp: function () this.testFun = window._getBrowserInfo; , testBrowserName: function () for (var i = 0; i testData.length; i+) var u

4、a = testDatai0.toLowerCase(); oResult = this.testFun(ua); Y.Assert.areEqual(testDatai1, oResultnavName, ua); , ） /add the test cases and suites suite.add(testCaseGetInfo); /run all tests Y.Test.Runner.add(suite); Y.Test.Runner.run(););执行测试加入单元测试后的流程多轮快速的UC验证TestRunner: testGetInfo_name: failed. mozi

5、lla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/534.3 (khtml, like gecko) chrome/6.0.472.33 safari/534.3 se 2.x metasr 1.0 Expected: safari (string) Actual: chrome (string)单元测试和功能代码的集成测公用接口测私有方法测闭包方法/* define boolean */var ENABLE_DEBUG = true;if(window.ENABLE_DEBUG)window._getBaseInfo = _getBaseInfo;function _getBaseInfo()单元测试代码的迭代Mozilla/5.0 (Windows; U; Windows NT 5.1; ) AppleWebKit/533.9 (KHTML, like Gecko) Maxthon/3.0 Safari/533.9一些注意点单元测试不是功能、集成测试单元测试、TDD、敏捷单元测试是开发周期的一部分，和开发本身不可割裂单元测试的意义明确需求（将模糊的需求精确为代码级的需求）快速验证代码是否