前端單元測試基礎介紹

1、前端單元測試入門與實踐一個實例在一個統(tǒng)計客戶端信息的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 驗證-開發(fā)打開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(););執(zhí)行測試加入單元測試后的流程多輪快速的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、敏捷單元測試是開發(fā)周期的一部分，和開發(fā)本身不可割裂單元測試的意義明確需求（將模糊的需求精確為代碼級的需求）快速驗證代碼是否