JavaScript測試驅動開發(fā)

第1章 自動化測試讓你重獲自由 1
1．1 變更的挑戰(zhàn) 1
1．1．1 變更的成本 1
1．1．2 變更的影響 2
1．2 測試與驗證 2
1．3 采用自動化驗證 3
1．4 為什么難以驗證 5
1．5 如何實現(xiàn)自動化測試 6
1．6 小結 6
第 一部分 創(chuàng)建自動化測試
第2章 測試驅動設計 10
2．1 讓我們開始吧 10
2．1．1 檢查npm和Node．js的安裝 11
2．1．2 創(chuàng)建示例項目 11
2．1．3 創(chuàng)建測試套件和金絲雀測試 12
2．1．4 驗證函數(shù)的行為 14
2．1．5 驗證另一個數(shù)據(jù) 16
2．2 正向測試、反向測試和異常測試 18
2．3 設計服務器端代碼 20
2．3．1 從測試列表開始 20
2．3．2 回文項目 21
2．3．3 編寫正向測試 22
2．3．4 編寫反向測試 26
2．3．5 編寫異常測試 27
2．4 評估服務器端代碼覆蓋率 29
2．5 為測試客戶端代碼做準備 31
2．5．1 切換到客戶端項目 31
2．5．2 配置Karma 33
2．5．3 從金絲雀測試開始 34
2．6 設計客戶端代碼 34
2．7 評估客戶端代碼覆蓋率 37
2．8 小結 38
第3章 異步測試 39
3．1 服務器端回調 39
3．1．1 一次天真的嘗試 40
3．1．2 編寫異步測試 41
3．1．3 編寫一個反向測試 43
3．2 客戶端的回調函數(shù) 44
3．3 測試promise 46
3．3．1 對promise的簡單介紹 46
3．3．2 promise異步測試的類型 47
3．3．3 返回promise對象的函數(shù) 48
3．3．4 使用done()進行測試 49
3．3．5 返回promise 的測試 ． 49
3．3．6 使用chai-as-promised 50
3．3．7 結合eventually和done() 50
3．3．8 為promise編寫反向測試 51
3．4 小結 52
第4章 巧妙處理依賴 53
4．1 問題以及spike解決方案 53
4．1．1 轉移到spike項目 53
4．1．2 從spike中獲得見解 54
4．2 模塊化設計 55
4．3 盡量分離依賴 56
4．3．1 結束spike，準備自動化測試 56
4．3．2 測試creatURL 57
4．4 使用測試替身 59
4．5 依賴注入 61
4．6 交互測試 62
4．7 使用Sinon清理測試代碼 64
4．7．1 安裝Sinon 65
4．7．2 初探Sinon 65
4．7．3 使用Sinon的mock測試交互 67
4．7．4 使用Sinon的stub測試狀態(tài) 68
4．7．5 使用Sinon的spy攔截調用 70
4．8 回顧與繼續(xù) 72
4．9 小結 75
* 二部分 真實的自動化測試
第5章 Node．js測試驅動開發(fā) 78
5．1 從策略設計開始——適度即可 78
5．2 深入戰(zhàn)略設計——測試優(yōu)先 79
5．2．1 創(chuàng)建初始測試列表 79
5．2．2 編寫* 一個測試 80
5．2．3 編寫一個正向測試 82
5．3 繼續(xù)設計 85
5．3．1 readTickersFile的反向測試 85
5．3．2 設計parseTickers函數(shù) 87
5．3．3 設計processTickers函數(shù) 88
5．4 創(chuàng)建spike以獲得啟發(fā) 89
5．4．1 為getPrice創(chuàng)建spike 89
5．4．2 設計getPrice函數(shù) 90
5．5 模塊化以易于測試 93
5．5．1 設計processResponse和processError函數(shù) 93
5．5．2 設計processHttpError 95
5．5．3 設計parsePrice和processError 96
5．6 分離關注點 97
5．6．1 設計printReport 98
5．6．2 設計sortData 98
5．7 集成和運行 100
5．8 回顧代碼覆蓋率和設計 102
5．8．1 評估代碼覆蓋率 102
5．8．2 代碼設計 103
5．9 提供HTTP訪問 104
5．10 小結 105
第6章 Express測試驅動開發(fā) 106
6．1 為可測試性設計 106
6．1．1 創(chuàng)建策略設計 107
6．1．2 通過測試創(chuàng)建戰(zhàn)略設計 108
6．2 創(chuàng)建Express應用并運行金絲雀測試 108
6．3 設計數(shù)據(jù)庫連接 109
6．4 設計模型 113
6．4．1 建立數(shù)據(jù)庫連接和測試固件 113
6．4．2 設計all函數(shù) 114
6．4．3 設計get函數(shù) 115
6．4．4 設計add函數(shù) 116
6．4．5 處理delete函數(shù) 121
6．4．6 設計共享的校驗代碼 123
6．5 設計路由函數(shù) 126
6．5．1 重溫路由 127
6．5．2 從為Router創(chuàng)建stub開始 128
6．5．3 測試路徑 的GET方法 129
6．5．4 測試路徑 ：id的GET方法 131
6．5．5 處理路徑 的POST方法 133
6．5．6 以路徑 ：id的DELETE方法結束整個測試 135
6．6 評估代碼覆蓋率 136
6．7 運行應用 138
6．7．1 使用Curl 139
6．7．2 使用Chrome擴展程序 140
6．7．3 觀察響應 141
6．8 小結 141
第7章 與DOM和jQuery協(xié)作 142
7．1 創(chuàng)建策略設計 142
7．2 通過測試創(chuàng)建戰(zhàn)略設計 143
7．2．1 創(chuàng)建測試列表 143
7．2．2 創(chuàng)建項目 144
7．3 增量開發(fā) 145
7．3．1 設計getTasks 146
7．3．2 更新DOM 147
7．3．3 調用服務 150
7．3．4 注冊window對象的onload事件 154
7．4 運行 UI 155
7．5 完成設計 156
7．5．1 設計addTask 157
7．5．2 設計deleteTask 163
7．6 使用jQuery進行測試 165
7．6．1 準備工作 166
7．6．2 使用jQuery選擇器 166
7．6．3 使用$．a(chǎn)jax驗證調用 167
7．6．4 測試document的ready函數(shù) 168
7．6．5 完整的測試和使用jQuery的代碼實現(xiàn) 170
7．7 評估代碼覆蓋率 170
7．8 小結 171
第8章 使用AngularJS 172
8．1 測試AngularJS的方式 172
8．2 初步設計 175
8．3 關注控制器 176
8．3．1 準備工作空間 176
8．3．2 編寫* 一個測試 177
8．3．3 設計控制器 177
8．4 設計服務交互 180
8．5 分離關注點，減少mock 182
8．5．1 找到合適的地方 183
8．5．2 結合經(jīng)驗測試和交互測試 183
8．5．3 測試加載順序 186
8．6 繼續(xù)設計 187
8．6．1 設計addTask 188
8．6．2 設計deleteTask 192
8．7 設計服務 194
8．7．1 設計get 函數(shù) 194
8．7．2 設計add 函數(shù) 197
8．7．3 設計delete 函數(shù) 198
8．8 評估代碼覆蓋率 199
8．9 運行UI 200
8．10 小結 201
第9章 Angular 2測試驅動開發(fā) 202
9．1 通過spike學習Angular 202
9．1．1 管道、服務和組件 203
9．1．2 創(chuàng)建項目 203
9．1．3 創(chuàng)建管道 204
9．1．4 創(chuàng)建服務 205
9．1．5 創(chuàng)建組件 207
9．1．6 集成 211
9．2 通過測試設計Angular應用 213
9．2．1 創(chuàng)建項目 214
9．2．2 創(chuàng)建測試列表 215
9．3 測試驅動組件的設計 215
9．3．1 驗證是否設置組件屬性 215
9．3．2 初始化模型 218
9．3．3 設計getTasks 219
9．3．4 對任務進行排序 222
9．3．5 驗證依賴注入 224
9．4 測試驅動服務的設計 226
9．5 測試驅動管道的設計 230
9．6 測試驅動啟動代碼 234
9．7 集成 236
9．8 完成設計 237
9．8．1 設計任務添加功能 238
9．8．2 設計任務刪除功能 245
9．8．3 評估代碼覆蓋率 248
9．9 小結 249
* 10章 集成測試和端到端測試 250
10．1 認識Protractor 250
10．1．1 使用Protractor的理由 251
10．1．2 安裝Protractor 251
10．1．3 使用Protractor進行測試 251
10．1．4 為UI層測試做準備 253
10．1．5 編寫* 一個測試 254
10．1．6 測試數(shù)據(jù)發(fā)送 255
10．2 啟動服務器和配置數(shù)據(jù)庫 256
10．2．1 為TO-DO應用安裝Protractor 257
10．2．2 在設置前啟動服務器 257
10．2．3 為不同的環(huán)境創(chuàng)建數(shù)據(jù)庫 259
10．2．4 在beforeEach中設置數(shù)據(jù) 260
10．3 測試jQuery UI 261
10．3．1 設置Protractor配置文件 261
10．3．2 發(fā)現(xiàn)必要的測試 261
10．3．3 實現(xiàn)集成測試 262
10．4 使用頁面對象 265
10．5 測試AngularJS的UI 268
10．6 測試Angular 2的UI 272
10．7 小結 275
* 11章 測試驅動你自己的應用 276
11．1 努力的成果 276
11．2 測試的規(guī)模和層次 279
11．3 測試驅動：程序員指南 280
11．4 測試驅動：團隊領導、架構師指南 282
11．5 測試驅動：項目經(jīng)理指南 283
11．5．1 促進可持續(xù)的敏捷開發(fā)實踐 283
11．5．2 優(yōu)雅地處理遺留應用 283
11．5．3 結束新的遺留應用 284
11．6 搖滾吧 285
附錄 網(wǎng)絡資源 286
參考文獻 288