国际完美世界下载_Ext JS應用測試概覽| 成都西華升騰科技有限公司

Ext JS開(kāi)發(fā)大全

CmsWing

Ext JS應用測試概覽

## Ext JS應用測試概覽

### 關(guān)于測試
從測試的角色和階段來(lái)看，習慣上將測試分為以下四個(gè)階段：
```
測試階段 測試人員 測試方式 測試內容
單元測試 開(kāi)發(fā)人員 白盒 對代碼的最小可測試單元，比如一個(gè)函數。驗證“設計”
集成測試 開(kāi)發(fā)人員 白盒+黑盒 對多個(gè)類(lèi)和模塊之間的接口， 驗證“設計”和“需求”
系統測試 測試人員 黑盒 根據需求文檔進(jìn)行測試 ，從需求文檔展出測試場(chǎng)景與用例
驗收測試 終端用戶(hù) 黑盒 又稱(chēng)用戶(hù)測試或交付測試或UAT（User Accept Test）
```
|  測試階段 |  測試人員  | 測試方式  |測試內容 |
| ------------: | ------------: | ------------: | ------------: |
|  單元測試 | 開(kāi)發(fā)人員  | 白盒  | 對代碼的最小可測試單元，比如一個(gè)函數。驗證“設計”  |
| 集成測試  | 開(kāi)發(fā)人員  | 白盒+黑盒  |  對多個(gè)類(lèi)和模塊之間的接口， 驗證“設計”和“需求” |
| 系統測試  |  測試人員  | 黑盒  | 根據需求文檔進(jìn)行測試 ，從需求文檔展出測試場(chǎng)景與用例  |
|  驗收測試 | 終端用戶(hù)  | 黑盒  | 又稱(chēng)用戶(hù)測試或交付測試或UAT（User Accept Test）  |

從測試內容來(lái)看，測試包含：又有以下術(shù)語(yǔ)：
函數代碼測試（Code）：對代碼中的函數或類(lèi)的功能進(jìn)行驗證。
功能測試（Functional Tests）：對系統的整體功能進(jìn)行驗證
性能測試（Performance Test）：對系統的資源占有，響應速度等進(jìn)行測試
端到端的測試（End to End Test）：對應到的是系統測試和驗收測試階段。
自動(dòng)化測試（Auto Test）：使用自動(dòng)化測試工具，實(shí)現無(wú)人值守的測試。一般是持續集成（CI）的一部分。
兼容測試（Compatibility Test）：包括操作系統，軟件版本兼容，對于Web應用，還有常見(jiàn)的瀏覽器兼容。
Sencha 提供了一個(gè)測試工具集：Sencha Test，在Sencha Test中的測試術(shù)語(yǔ)包含：
前端的單元測試 Unit Tests：對代碼層級進(jìn)行測試，比如模型或是組件的測試
功能測試 Functional Tests，對應端到端測試（End-to-End 測試），在應用啟動(dòng)后對通過(guò)URL進(jìn)行測試。
### Sencha Test 總體介紹
Sencha Test是Sencha提供的測試平臺，可以用于測試Ext JS、ExtReact等應用，可以測試一般的Web應用。Sencha Test包括兩個(gè)主要部分：
界面測試工具 Sencha Studio
命令行測試工具 STC （Sencha Test Command）
使用Sencha Test，可以對Web應用進(jìn)行單元測試和功能測試。
### 單元測試 VS 功能測試
單元測試可以描述為針對應用程序的基礎代碼的測試，單元測試一般是應用開(kāi)發(fā)人員需要編寫(xiě)的，可以不啟動(dòng)應用。
功能測試則是分析正在運行的應用程序，而不是簡(jiǎn)單地測試其各個(gè)部分。
單元測試
單元測試是代碼層級的測試，關(guān)注代碼執行是否正確，對于Ext JS而已：
可以在不運行應用的狀況下對數據模型進(jìn)行測試。
應用程序內使用的視圖也可以獨立于應用程序進(jìn)行測試。
相比功能測試，單元測試有其特有的優(yōu)勢，比如：
通過(guò)正在運行的應用程序進(jìn)行測試時(shí)，應用程序的許多方面可能很難測試或需要很長(cháng)時(shí)間。 測試可能要求您首先遵循一組特定的導航步驟，或者以特定的用戶(hù)類(lèi)型登錄
單元測試實(shí)例：
對模型有效性的單元測試(沒(méi)有視圖的邏輯)
不啟動(dòng)應用，創(chuàng  )建一個(gè)測試，啟動(dòng)注入”普通用戶(hù)“權限的視圖。
以模型驗證為例， 定義一個(gè)User的模型類(lèi)：
```javascript
Ext.define('Ext7DemoApp.model.User', {    
	extend: 'Ext7DemoApp.model.Base',    
	fields: [        
	'id',  'name', 'kingdom'
	],    
	validators:{        
	name:'presence',        
	kingdom:{
		type:'inclusion',
		list: ['魏國', '蜀國', '吳國']
	}   
}});
```

驗證模型實(shí)例是否有效的示例代碼如下：
```javascript
describe("UserValidation", function () {    
	it("should pass", function (done) {        //傳入done參數表示執行異步測試               
		var user = new Ext7DemoApp.model.User(__my_user_data),                   
		failedValidation = user.getValidation().dirty;
		expect(failedValidation).toBe(!true);                
		done(); //調用done表示測試結束    
		});
});
```

### Sencha Test的組成
Sencha Test包含兩個(gè)部分
Sencha Studio , 界面操作
Sencha Test Command， 簡(jiǎn)稱(chēng)stc, 命令行工具
Sencha Studio提供了圖形化的交互式測試運行程序， 適合開(kāi)發(fā)人員和測試人員使用；stc提供腳本運行方式，適合Jenkins或TeamCity等自動(dòng)化CI（持續集成）工具。
Sencha Test的主要功能有：
測試運行器
測試管理和配置
各種瀏覽器的集成
Sencha Studio
Sencha Studio使用項目來(lái)管理測試，這個(gè)項目可以是一個(gè)獨立的項目，也可以和原應用程序放置在一起。
Sencha Studio可以使用在Sencha cmd構建的項目中，也可以使用在不使用Sencha cmd的項目中。
Sencha Studio內置了代碼編輯器，可以識別Jasmine和Sencha Test API的代碼的自動(dòng)輔助和完成。當然也可以使用其他的編輯器。
測試的代碼文件最好也放入代碼控管。
### STC 命令行工具
使用WebDriver管理瀏覽器，支持本地瀏覽器，也可以使用云端的瀏覽器（Sauce Labs或者BrowserStack ）
實(shí)現全方位的自動(dòng)化測試
將測試導入源碼控制器（比如Git）
結合CI，檢測到應用程序或測試文件修改，自動(dòng)調用CLI
### Sencha Test的功能
### 測試API
Sencha Test提供了一套測試的API，名字是Futrues API ，這些API以ST開(kāi)頭。相比單純使用Jasmine的測試代碼，Futrues API提供了更高級的功能，比如：
界面測試的異步特性
使用API執行連續的測試步驟，比如找到頁(yè)面的Grid，定位某一行的某一列，判斷這個(gè)Cell的值是否是預期的值。
Sencha Test可以理解Sencha框架（例如Ext JS和ExtReact）以及非Sencha Web應用程序。 Sencha Test API提供了許多功能，以最大程度地減少測試Ext JS和其他Web應用程序所需的工作量。 盡管大多數測試框架（包括Jasmine）本質(zhì)上都是同步的，但Sencha Test提供了一個(gè)稱(chēng)為“ Futures API”的API系列，它可以識別GUI測試的異步特性。
使用Futures API，可以簡(jiǎn)單、緊湊的方式表達GUI交互的復雜序列?？梢宰詣?dòng)的模仿人的測試動(dòng)作，比如：
```javascript
ST.grid('#userGrid').               // 通過(guò)組件查詢(xún)定位到指定網(wǎng)格    
rowWith('firstName', 'Bill').   // 通過(guò)條件匹配對應的行        
cell('lastName').           //選擇該行的某一列            
reveal().               // 定位到該單元格            
textLike('Preston');    // 測試該單元格的值是否與期望值相同
```

如果在指定的時(shí)間內，單個(gè)格的值和期望的值不同，則測試失敗。否則，成功。
Futures API提供了更多的Ext JS和ExtReact組件感知方法，以及用于處理原始DOM元素的API。 驗證邏輯可以輕松添加到事件序列中，并且可以以同樣的簡(jiǎn)便性插入自定義等待條件。
### Event Recorder （事件記錄器）
事件記錄器可以錄制用戶(hù)操作應用程序的事件流。也就是將在頁(yè)面中操作的過(guò)程轉換成代碼。使用Sencha Studio 內置的編輯器，可以快速啟動(dòng)事件記錄器并將一系列事件插入測試中。
在Sencha Studio中使用事件記錄器的界面如下：
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來(lái)直接上傳(img-Ou9Xd9vI-1595344199853)(images/screenshot_1595343470859.png)]
### Inspect Tool (檢查工具)
Sencha Studio還提供一種機制來(lái)檢查正在運行的Web應用程序中的組件或元素，并生成穩定的定位器，該定位器可用于在整個(gè)用戶(hù)測試中引用這些組件/元素。
一旦使用Inspect工具整理了所需的定位器，就可以將它們與適當的Future API一起直接插入到測試套件中，或者可以創(chuàng  )建Page Object，從而可以在中央位置存儲和管理定位器 ，而不是在多個(gè)位置復制定位器字符串。
Inspect的使用入口如下：
![](/upload/picture/2022-09-27/upload_b51aa2e38094f8dc06e10b5df7a073a4.png)
### 結果查看
更直觀(guān)的查看測試的結果（縱向測試的項次，橫向不同的瀏覽器）。也可以將將執行結果保存到歸檔服務(wù)器上，
測試結果查看如下：
	![](/upload/picture/2022-09-27/upload_f5f46ed096241eae8cbda510bcc34e3e.png)
### 可視化屏幕比較
Sencha Test還提供了一種簡(jiǎn)單的方法，通過(guò)捕獲屏幕快照并將它們與基線(xiàn)進(jìn)行比較來(lái)驗證應用程序的正確狀態(tài)。這就像在適當的時(shí)間使用ST.screenshot（）API一樣簡(jiǎn)單。第一次運行測試時(shí)會(huì )自動(dòng)建立基線(xiàn)（或預期）圖像。如果屏幕截圖與建立的基線(xiàn)不匹配，則隨后的測試運行將導致測試失敗。
盡管計算測試速度更快，并且在可以使用它們時(shí)通常是首選，但視覺(jué)測試有時(shí)是測試應用程序某些方面的唯一方法。例如，設置顏色或文本對齊方式的CSS規則的結果，以及圖表等高度可視化的組件。
使用WebDriver在無(wú)人參與的測試運行過(guò)程中（通過(guò)stc）捕獲屏幕快照。將這些數據與從存檔服務(wù)器獲得的基準進(jìn)行比較，并將結果存儲在存檔服務(wù)器中，以供以后在Sencha Studio中查看。如果正確答案隨時(shí)間變化，Sencha Studio也能夠更新基線(xiàn)。
### 代碼覆蓋率
Sencha 頂部工具欄中的“覆蓋”按鈕使您可以在啟用代碼覆蓋率的情況下運行測試。 此選項僅適用于瀏覽器方案。
Sencha Test包含Istanbul的集成版本，Istanbul是領(lǐng)先的JavaScript代碼覆蓋工具，您可以使用該工具識別測試中已覆蓋和未覆蓋的代碼量之間的差距。 利用這種集成，Sencha Test通過(guò)百分比分析以可讀格式提供了對語(yǔ)句，分支，函數和行級別的詳細細分。
在啟用代碼覆蓋率的情況下運行測試后，測試運行完成后將顯示代碼覆蓋率報告。
要將文件/文件夾從代碼覆蓋率報告的范圍中排除，請使用Sencha Studio中的“項目設置”屏幕。 例如，應該排除Ext JS SDK目錄，因為您希望將代碼覆蓋率分析的重點(diǎn)放在自己的應用程序代碼上。 要排除ext目錄中的所有代碼文件，請使用以下代碼覆蓋率過(guò)濾器：
^/ext/.*?$
報告示例：
![](/upload/picture/2022-09-27/upload_42084a4cd333b81021a0a108b9ee154a.png)
Sencha Test Archiver (測試存檔器)
Sencha Test Archiver是由stc提供的基于Node JS的Web服務(wù)器。 存檔程序（或“存檔服務(wù)器”）通常安裝在CI環(huán)境中的指定計算機上。 可以將單個(gè)存檔服務(wù)器配置為處理任意數量的團隊和項目。 或者，可以根據需要安裝多個(gè)存檔服務(wù)器。
測試運行器（Test Runner）
選擇瀏覽器和需要測試的測試套件進(jìn)行測試。
可用的瀏覽器， 本地瀏覽器，不同版本，不同類(lèi)型
對于瀏覽器內方案，Sencha Test將檢查其周?chē)h(huán)境，并在測試運行器選項卡的“瀏覽器”視圖中的“本地瀏覽器”標題下顯示本地計算機上的瀏覽器。 這包括同一瀏覽器的多個(gè)版本。 例如，您可能有一個(gè)Beta版本和多個(gè)舊的Chrome版本。 這些都將被檢測到并顯示為“本地瀏覽器”。
對于WebDriver方案，默認情況下，Sencha Test將在“嵌入式”部分下顯示Google Chrome。 這將使用Sencha Test中的嵌入式Selenium Server實(shí)例來(lái)針對Chrome啟動(dòng)WebDriver測試。 要針對其他瀏覽器運行測試
場(chǎng)景測試視圖：以屬性布局顯示測試套件、Spec和expect。復選框用于勾選測試的項目。
交互式測試運行器（GUI　Test Runner）
測試運行器（Test Runner）允許開(kāi)發(fā)人員或測試工程師選擇特定的測試，針對多個(gè)瀏覽器并行執行這些測試，并實(shí)時(shí)查看結果。
命令行測試運行器（CLI Test Runner）
使用WebDriver管理需要的瀏覽器。 Sencha Test支持使用本地WebDriver集線(xiàn)器以及連接到云的提供商，例如Sauce Labs或BrowserStack。
### Sencha Test主要功能列表
Inspector：監視器，快速定位頁(yè)面組件或元素，生成API測試代碼。
ALM：與缺陷管理工具集成，比如JIRA
External Libraries：加載外部JS文件，擴展其他測試。
Sencha Test API：可以針對Ext JS組件和一般的HTML編碼測試
Event Recorder： 基于事件自動(dòng)生成測試代碼
Test Runner：測試運行器可以在本地機器或是遠程機器運行測試。（選擇瀏覽器）
Archive Server：歸檔服務(wù)器， 保存CI運行的測試結果
STC：命令行工具，與CI集成
Browser Farm：瀏覽器場(chǎng)，可以添加遠程瀏覽器
Visual Testing： 屏幕比較
Page Objects：網(wǎng)頁(yè)中的定位器集中保存
### Sencha Test測試中的術(shù)語(yǔ)
Workspace工作區 ， 這是在Sencha框架中就有的概念， 一個(gè)工作區可以包含多個(gè)應用（Application）或包（Package）。
Test Scenario 測試場(chǎng)景， 這是User Scenario的對應，比如完成一次商品的購買(mǎi)可作為一個(gè)場(chǎng)景，一個(gè)測試場(chǎng)景可以包含測試集合（Test Suite）。
Test Suite：測試套件，是測試用例（Test Case）的集合。一個(gè)測試集合包含多個(gè)測試用例。
Spect（it）測試規格：其實(shí)也就是Test Case：測試用例。
expect 斷言
其他
Sencha Test整合了一些優(yōu)秀的開(kāi)源測試庫（包括Jasmine，WebDriver以及Istanbul），所以在使用上可以看到這些庫的影子。

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

Ext JS開(kāi)發(fā)大全

Ext JS應用測試概覽

網(wǎng)站導航