Web前端測(cè)試與集成：Jasmine/Selenium/Protractor/Jenkins的最佳實(shí)踐

第1章前端開(kāi)發(fā)測(cè)試總覽...2
1.1Web技術(shù)的發(fā)展和挑戰(zhàn)...2
1.2傳統(tǒng)開(kāi)發(fā)流程的局限性...4
1.3傳統(tǒng)手工測(cè)試的局限性...6
1.4開(kāi)發(fā)模式的轉(zhuǎn)型...7
1.4.1敏捷軟件開(kāi)發(fā)...7
1.4.2全流程測(cè)試...9
1.4.3讓測(cè)試自動(dòng)化...11
1.4.4持續(xù)集成...11
1.4.5DevOps...12
1.5本書(shū)目標(biāo)...13
第2章搭建測(cè)試基礎(chǔ)環(huán)境...15
2.1JavaScript的運(yùn)行環(huán)境Node.js...15
2.1.1什么是Node.js...15
2.1.2Node.js的版本發(fā)展...17
2.1.3安裝Node.js...18
2.2軟件包管理系統(tǒng)NodePackageManager（npm）...21
2.2.1安裝和更新npm...21
2.2.2package.json...22
2.2.3安裝軟件包...23
2.2.4列出已安裝的軟件包...27
2.3代碼編輯器（VisualStudioCode）...28
目錄
2.3.1安裝VisualStudioCode...28
2.3.2初識(shí)VisualStudioCode...29
單元測(cè)試篇
第3章單元測(cè)試概論...34
3.1單元測(cè)試的特性...34
3.2單元測(cè)試的重要性...35
3.3測(cè)試金字塔...37
3.4測(cè)試先行（Test-First）...8
3.4.1測(cè)試驅(qū)動(dòng)開(kāi)發(fā)（Test-DrivenDevelopment）...39
3.4.2行為驅(qū)動(dòng)開(kāi)發(fā)（Behavior-DrivenDevelopment）...40
3.5Web前端測(cè)試框架...42
第4章深入Jasmine單元測(cè)試...44
4.1初識(shí)Jasmine...44
4.1.1獲取Jasmine...44
4.1.2前端單元測(cè)試架構(gòu)...46
4.1.3Jasmine測(cè)試框架類(lèi)庫(kù)...46
4.2組織測(cè)試用例...48
4.2.1describe...48
4.2.2it...49
4.2.3安裝和拆卸...50
4.2.4禁用測(cè)試套件和掛起測(cè)試用例...54
4.3創(chuàng)建單元測(cè)試...55
4.3.1準(zhǔn)備測(cè)試場(chǎng)景...55
4.3.2編寫(xiě)測(cè)試用例...56
4.3.3執(zhí)行測(cè)試......58
4.4Jasmine的斷言...59
4.4.1內(nèi)置匹配器...59
4.4.2自定義匹配器（CustomMatcher）........................67
4.4.3自定義相等檢驗(yàn)器（CustomEqualityTester）
..................68
4.4.4非對(duì)稱(chēng)相等檢驗(yàn)器（AsymmetricEqualityTester）...............70
4.4.5輔助匹配函數(shù)...71
4.5測(cè)試替身（TestDouble）...74
4.5.1測(cè)試替身的類(lèi)型...74
4.5.2使用JasmineSpies......77
4.6測(cè)試異步代碼...84
4.6.1Jasmine的異步支持...87
4.6.2模擬JavaScriptTimeout相關(guān)函數(shù)...........................89
4.7Jasmine插件...90
4.7.1jasmine-ajax...90
4.7.2jasmine-jquery...94
4.8基于瀏覽器調(diào)試......100
第5章單元測(cè)試執(zhí)行工具Karma..............................102
5.1初識(shí)Karma...102
5.2安裝Karma和相關(guān)插件...104
5.2.1安裝Karma...104
5.2.2安裝插件...105
5.3Karma的配置...106
5.3.1生成配置文件...106
5.3.2配置文件的說(shuō)明......107
5.4基于Karma的調(diào)試...115
5.5前端自動(dòng)化任務(wù)構(gòu)建工具..............................116
5.5.1gulp和Grunt...116
5.5.2gulp的API...118
5.5.3運(yùn)行g(shù)ulp任務(wù)...122
5.6Karma和gulp集成...123
第6章AngularJS應(yīng)用的單元測(cè)試...........................125
6.1測(cè)試AngularJS應(yīng)用的挑戰(zhàn)..............................125
6.2初識(shí)ngMock...127
6.2.1準(zhǔn)備測(cè)試環(huán)境...127
6.2.2理解模塊（Module）...128
6.2.3理解注入機(jī)制（Inject）
...131
6.3AngularJS單元測(cè)試最佳實(shí)踐...........................138
6.3.1測(cè)試Controller...138
6.3.2單元測(cè)試中的Scope...142
6.3.3測(cè)試HTTP交互...144
6.3.4測(cè)試Directive...154
6.3.5測(cè)試$timeout和$interval...166
6.3.6測(cè)試Promise...171
6.3.7測(cè)試$log......174
6.3.8測(cè)試$exceptionHandler...175
第7章代碼覆蓋率...177
7.1代碼覆蓋率的衡量標(biāo)準(zhǔn)...177
7.1.1函數(shù)覆蓋率（FunctionCoverage）........................177
7.1.2語(yǔ)句覆蓋率（StatementCoverage）
........................178
7.1.3分支覆蓋率（BranchCoverage）........................179
7.1.4條件覆蓋率（ConditionCoverage）........................179
7.2代碼覆蓋率的意義...179
7.3JavaScript代碼覆蓋率工具Istanbul........................180
7.3.1安裝Istanbul...181
7.3.2覆蓋率測(cè)試...181
7.3.3覆蓋率閾值...183
7.3.4忽略代碼...183
7.3.5Istanbul工作原理......184
7.4使用Karma生成覆蓋率報(bào)告...........................185
自動(dòng)化測(cè)試篇
第8章走進(jìn)自動(dòng)化測(cè)試...188
8.1自動(dòng)化測(cè)試的優(yōu)勢(shì)...188
8.2自動(dòng)化測(cè)試實(shí)施流程...189
8.3自動(dòng)化測(cè)試轉(zhuǎn)型的適應(yīng)性..............................190
8.4測(cè)試工具的選擇......192
第9章初識(shí)Selenium...194
9.1Selenium發(fā)展歷史...194
9.2Selenium工具套裝...196
9.2.1SeleniumRC...196
9.2.2SeleniumWebDriver...197
9.2.3SeleniumGrid...198
9.2.4SeleniumIDE...198
第10章SeleniumWebDriver與元素定位........................205
10.1搭建集成開(kāi)發(fā)環(huán)境...205
10.2NUnit測(cè)試框架......207
10.3編寫(xiě)測(cè)試用例...209
10.4使用工廠模式創(chuàng)建驅(qū)動(dòng)對(duì)象...........................212
10.5定位頁(yè)面元素...214
10.5.1基于id定位...214
10.5.2基于Name定位...215
10.5.3基于ClassName定位...216
10.5.4基于TagName定位...217
10.5.5基于LinkText定位...217
10.5.6基于PartialLinkText定位...218
10.5.7基于CssSelector定位...219
10.5.8基于XPath定位......220
第11章基于WebDriver的Protractor測(cè)試框架..................227
11.1WebDriver的JavaScript綁定...........................227
11.1.1WebDriverJs與Protractor...228
11.1.2Protractor特點(diǎn)概述...229
11.1.3Protractor的兼容性...230
11.2搭建Protractor測(cè)試環(huán)境...230
11.2.1安裝Protractor編輯器擴(kuò)展..............................230
11.2.2準(zhǔn)備AngularJS被測(cè)網(wǎng)站...231
11.2.3全局安裝Protractor與瀏覽器驅(qū)動(dòng)........................234
11.2.4本地安裝Protractor與瀏覽器驅(qū)動(dòng)........................235
11.2.5編寫(xiě)測(cè)試代碼...235
11.2.6編寫(xiě)配置文件...236
11.2.7運(yùn)行測(cè)試用例...236
11.2.8調(diào)試......237
11.3選擇JavaScript測(cè)試框架..............................240
11.3.1配置JavaScript測(cè)試框架...240
11.3.2JavaScript測(cè)試框架的適配器...241
11.4定位頁(yè)面元素...244
11.4.1基于binding定位......245
11.4.2基于model定位......246
11.4.3基于options定位......246
11.4.4基于buttonText定位...247
11.4.5基于repeater定位...247
11.4.6基于js定位...248
11.4.7鏈?zhǔn)秸{(diào)用定位操作...249
11.4.8使用$和$$...250
11.4.9自定義定位策略......251
11.5異步流程控制...252
11.5.1使用Promise...253
11.5.2定制的ControlFlow...256
11.5.3JavaScript測(cè)試框架的異步適配器........................259
11.6頁(yè)面交互...260
11.6.1操作瀏覽器...260
11.6.2操作元素...263
11.7Protractor的等待機(jī)制...265
11.7.1waitForAngular...265
11.7.2使用sleep...266
11.7.3隱式等待...266
11.7.4顯式等待...267
11.8測(cè)試非AngularJS程序...269
第12章使用SeleniumServer...273
12.1SeleniumServer環(huán)境配置..............................273
12.1.1安裝JavaJDK...274
12.1.2下載SeleniumServerStandalone........................275
12.1.3下載瀏覽器驅(qū)動(dòng)......276
12.1.4配置Protractor...276
12.1.5啟動(dòng)SeleniumServer...277
12.2JSONWireProtocol與W3CWebDriver標(biāo)準(zhǔn)..................279
12.3Selenium3.0...282
12.4配置瀏覽器...282
12.4.1Chrome......285
12.4.2Firefox......285
12.4.3Edge......288
12.4.4IE.........289
12.4.5多瀏覽器測(cè)試...291
第13章自動(dòng)化測(cè)試最佳實(shí)踐...294
13.1頁(yè)面對(duì)象模型...294
13.1.1關(guān)注點(diǎn)分離...295
13.1.2實(shí)現(xiàn)Protractor頁(yè)面對(duì)象...296
13.1.3頁(yè)面對(duì)象最佳實(shí)踐...306
13.2數(shù)據(jù)驅(qū)動(dòng)測(cè)試...307
13.3測(cè)試報(bào)告...311
13.3.1控制臺(tái)報(bào)告...312
13.3.2JUnit報(bào)告...313
13.3.3HTML報(bào)告...315
13.4性能測(cè)試...316
13.5圖像匹配...319
13.6任務(wù)自動(dòng)化...322
13.6.1與gulp集成...322
13.6.2npm腳本...325
第14章分布式自動(dòng)化測(cè)試...327
14.1分布式測(cè)試概述...327
14.2基于SeleniumGrid的分布式測(cè)試........................328
14.2.1啟動(dòng)中央節(jié)點(diǎn)...329
14.2.2注冊(cè)工作節(jié)點(diǎn)...329
14.2.3執(zhí)行測(cè)試...331
14.3基于云計(jì)算的分布式測(cè)試...........................333
14.4配置共享...336
集成篇
第15章持續(xù)集成概論...340
15.1開(kāi)發(fā)流程自動(dòng)化...340
15.1.1什么是持續(xù)集成......341
15.1.2持續(xù)集成的價(jià)值......341
15.2持續(xù)集成的功能特征...343
15.2.1編譯......343
15.2.2測(cè)試......344
15.2.3審計(jì)......344
15.2.4部署......345
15.2.5反饋......345
15.3如何實(shí)施持續(xù)集成...345
15.3.1消除誤解...345
15.3.2前提條件...346
15.3.3CI工具......347
15.3.4實(shí)踐準(zhǔn)則...348
15.4選擇持續(xù)集成工具...350
第16章持續(xù)測(cè)試......352
16.1測(cè)試策略...352
16.2基于Jenkins的持續(xù)集成...353
16.3集成TeamFoundationServer...........................356
16.3.1創(chuàng)建項(xiàng)目...356
16.3.2從VisualStudioCode提交變更...........................358
16.3.3配置TFS插件...359
16.3.4創(chuàng)建并配置Jenkins構(gòu)建項(xiàng)..............................360
16.3.5集成單元測(cè)試...364
16.3.6集成自動(dòng)化測(cè)試......368
16.3.7郵件反饋...370
16.4集成VisualStudioTeamServices........................371
16.5集成GitHub...376
16.5.1配置GitHub...377
16.5.2配置Jenkins...379
16.5.3配置構(gòu)建任務(wù)...380