一起使用 AskUI 和 Cucumber

一起使用 AskUI 和 Cucumber

透過以 Gherkin 等結構化格式定義系統的行為，行為驅動開發 (BDD) 使團隊能夠彌合利害關係人、測試人員和開發人員之間的差距，避免誤解並減少返工。作為一種協作方法，BDD 鼓勵各方從一開始就共同努力，確保每個人都在工作
同一頁面並且準確地捕捉了需求。

在此過程中，Cucumber 是一種用於實現 BDD 的流行工具，使團隊能夠編寫清晰、可執行的測試，以確保系統按預期運作。

在這篇部落格文章中，我們將向您展示如何將 Cucumber 與 AskUI 結合使用，以使用 BDD 原則定義 AskUI 工作流程。

先決條件

• AskUI 在您的系統（Windows、Linux、macOS）上安裝和設定

• 初始化後刪除asgui_example/my-first-askui-test-suite.test.ts

準備設定

Cucumber 還不能很好地適應 AskUI 的預設設定（版本 0.20.3）。為了讓 AskUI 與 Cucumber 良好配合，您需要做兩個小準備，因為 AskUI 使用 Jest 作為其運行器。

1.更改Jest的testEnvironmentOptions

在檔案 asgui_example/helpers/jest.config.ts 中，您必須停用執行報告中包含的程式碼。您可以透過新增 testEnvironmentOptions 屬性並將 addCodeInReport 屬性設為 false 來實現此目的。

雷雷

2. 告訴 Jest 在哪裡可以找到步驟定義的實現

此外，在asgui_example/helpers/jest.config.ts中，您需要擴充預設的testMatch屬性。它必須包含以 step.ts 結尾的文件，因為我們將在那裡儲存實作。

雷雷

安裝 jest-cucumber

將 Jest 與 Cucumber 一起使用的最簡單方法是 npm-package jest-cucumber。讓我們使用以下命令安裝它：

雷雷

建立基本特徵文件

建立一個資料夾 features，裡面有一個Feature檔案 NavigateToWebsite.feature

雷雷

將以下基本功能寫入此檔案：

雷雷

建立步驟定義實施

建立步驟定義檔asgui_example/navigate-to-url.step.ts，其中每個測試映射到特定場景。

雷雷

運行工作流程

全螢幕開啟瀏覽器並開始工作流程：

雷雷

您應該看到工作流程運行將開啟一個新分頁並導航到 AskUI 的練習頁面。

結論

將 AskUI 與 Cucumber 結合可讓您以 BDD 風格編寫 AskUI 工作流程。像真正的人類用戶一樣執行測試將使測試對於每個利害關係人來說更加現實。

以上是一起使用 AskUI 和 Cucumber的詳細內容。更多資訊請關注PHP中文網其他相關文章！