前端單元測(cè)試基礎(chǔ)介紹

1、前端單元測(cè)試入門與實(shí)踐一個(gè)實(shí)例在一個(gè)統(tǒng)計(jì)客戶端信息的js中，寫一個(gè)方法，從userAgent字符串獲取瀏覽器引擎，名稱，版本號(hào)等信息，要求能處理最常用的一些瀏覽器function _getBrowserInfo(ua) return oBrowser;最后采用的形式這個(gè)方法的測(cè)試用例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 驗(yàn)證-開發(fā)打開iPhone驗(yàn)證一下打開iPad驗(yàn)證一下打開iTouch驗(yàn)證一下打開安卓驗(yàn)證一下打開windows Phone 驗(yàn)證一下IntroductingYUI TEST結(jié)構(gòu)測(cè)試代碼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(););執(zhí)行測(cè)試加入單元測(cè)試后的流程多輪快速的UC驗(yàn)證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)單元測(cè)試和功能代碼的集成測(cè)公用接口測(cè)私有方法測(cè)閉包方法/* define boolean */var ENABLE_DEBUG = true;if(window.ENABLE_DEBUG)window._getBaseInfo = _getBaseInfo;function _getBaseInfo()單元測(cè)試代碼的迭代Mozilla/5.0 (Windows; U; Windows NT 5.1; ) AppleWebKit/533.9 (KHTML, like Gecko) Maxthon/3.0 Safari/533.9一些注意點(diǎn)單元測(cè)試不是功能、集成測(cè)試單元測(cè)試、TDD、敏捷單元測(cè)試是開發(fā)周期的一部分，和開發(fā)本身不可割裂單元測(cè)試的意義明確需求（將模糊的需求精確為代碼級(jí)的需求）快速驗(yàn)證代碼是否