在 Cypress 中構建基本測試
一旦 Cypress 安裝完成並且測試執行器成功設定,我們將在 examples 資料夾下建立一個 JavaScript 檔案。這屬於 Cypress 框架模板提供的 **integration** 資料夾。
為了建立一個 Cypress 測試,我們需要遵循任何 Javascript 測試框架,例如 Jasmine 或 Macha。我們必須實現我們的 Cypress 測試,並藉助這些框架使其可執行。
Mocha 框架預設情況下與 Cypress 安裝捆綁在一起。我們將遵循下面列出的規則,這些規則受 Mocha 或 Jasmine 框架支援 -
首先,我們應該有一個包含單個或多個測試用例的測試套件塊。這是透過 describe 函式實現的。
在測試套件內,我們將擁有測試用例塊。這是透過 it() 函式實現的。
在每個 it 函式內,我們將為每個測試用例提供單獨的測試步驟。
程式碼實現。
// test suite
describe('Tutorialspoint Test', function () {
// test case
it('Test Case1', function (){
// test step to launch a URL
cy.visit("https://tutorialspoint.tw/index.htm");
});
});在上面的程式碼中,**cy** 是一個全域性命令,它使我們能夠呼叫任何 Cypress 命令。這個 **cy** 不需要任何物件宣告,它在下載節點模組時會自動出現。visit() 方法用於啟動任何 Web 應用程式。
完成後,我們將在測試執行器中找到此 JavaScript 檔案,並且只需單擊它即可從那裡執行測試用例。
要從命令列執行測試用例,我們需要執行命令 **./node_modules/.bin/cypress run**。如果執行此命令,則 examples 資料夾下的所有測試用例都會被觸發。但是,如果我們想執行特定的測試用例,我們需要執行命令 **cypress run –spec "<<spec 檔案的路徑>>"**。
請注意,從命令列執行時,Cypress 測試用例在無頭模式下並在 Electron 瀏覽器中自動執行。

要在有頭模式下執行相同的測試用例,命令為 **./node_modules/.bin/cypress run --headed**。
現在讓我們討論一下我們在 Cypress 測試框架上具有的資料夾結構。
Fixtures - 所有測試資料資訊都儲存在 fixtures 中,以便可以輕鬆載入到我們的測試用例中。資料以鍵值對的形式儲存在此處。因此,它有助於在很大程度上減少程式碼行數。

Integration - 所有測試用例都在 integration 資料夾內建立。
Plugins - 此資料夾包含所有 Cypress 事件。我們可以擁有自定義程式碼來處理 before 和 after 事件。
Support - 所有可重用方法都在 support 資料夾內建立,以便它們可以直接用於測試用例。
Videos - 所有測試步驟執行都記錄在此資料夾中並存儲在此資料夾中。
node_modules - 這是 Cypress 測試執行的主要資料夾。
cypress.json - 要更改預設的 Cypress 配置,將使用此資料夾。我們需要在此處設定新的配置,這將覆蓋預設配置。
package.json - 所有專案依賴項和指令碼都包含在此處。
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP