Cypress 透過其內建命令來處理靜態下拉列表。對於靜態下拉列表，元素的標籤名稱應為，其子元素的標籤名稱應為。使用的命令是 select()。此命令需要與提供 DOM 元素（標籤名稱為 select）的命令連結。下面列出了 select 命令的各種用法 -select(value) - 帶有引數 value 的 select() 命令選擇具有該值的選項。當與 select() 連結時，get 方法應具有靜態下拉列表的 css 選擇器。cy.get('select').select('value1')select(text) - 帶有引數 text 的 select() 命令... 閱讀更多

Cypress 透過其內建函式來處理複選框的選中和取消選中。對於複選框，元素的標籤名稱應為 input，html 程式碼中的 type 屬性應為 checkbox。使用的命令是 check()。此命令需要與提供 DOM 元素的命令連結，並且元素的型別應為複選框。下面列出了 check 命令的各種用法 -check() - 不帶引數的 check() 命令選中所有複選框。當它與 check() 方法連結時，get 方法應將 [type="checkbox"] 作為 css 選擇器。cy.get('[type="checkbox"]').check()check() ... 閱讀更多

Cypress 可以在 JQuery 物件上工作並呼叫其方法。因此，Cypress 可以作用於 Cypress 和非 Cypress 命令。Cypress 本質上是非同步的。它透過為每個 Cypress 命令解析 Promise 來處理。整個過程由 Cypress 內部處理，並封裝隱藏在終端使用者面前。但是，在處理 JQuery 方法時，Promise 無法由 Cypress 內部解析，我們需要在程式碼中藉助 then() 方法手動解析它們。讓我們以 text() 方法為例，它是一個非 Cypress 命令，基於... 閱讀更多

Cypress 構建在 node.js 伺服器上，並使用 Javascript 程式語言。任何依賴於 node.js 的東西本質上都是非同步的，因此 Cypress 命令以這種模式工作。當我們在測試用例中有一組測試步驟時，所有步驟都會並行開始執行，而無需等待前一步完成。在同步執行中，每個測試步驟按順序執行，只有在前一步執行完成時才進入下一步。因此，在像 Cypress 這樣的非同步執行中，每個測試步驟彼此獨立，即使測試步驟... 閱讀更多

Cypress 可以藉助 jQuery text() 方法驗證元素上的文字。此方法將幫助我們獲取所選元素上的文字內容。我們還可以對元素的文字內容進行斷言。cy.get('.product').should('have.text', 'Tutorialspoint');我們可以使用 Javascript 方法 match()、include() 等對文字進行驗證，例如驗證它包含什麼或與什麼匹配。因此，Cypress 命令可以在 jQuery 物件的幫助下作用於非 Cypress 方法，並在其上呼叫方法。示例使用 text() 方法的程式碼實現。// 測試套件 describe('Tutorialspoint 測試', function () { // 測試... 閱讀更多

Cypress 具有 get() 和 find() 方法，用於根據頁面上的定位器查詢元素。這兩種方法實現的目標幾乎相同。get() 方法藉助指定為該方法引數的 css 定位器獲取一個或多個 Web 元素。語法cy.get(selector, args)get() 方法的第二個引數是可選的。可以有三種類型的引數，如下所示 -log - log 引數的預設值為 true。這決定了控制檯是否會記錄命令。cy.get('.product', { log: false });withinSubject - ... 閱讀更多

在 Cypress 上執行測試用例後，我們需要除錯並瞭解失敗情況下的日誌。Cypress 具有向用戶提供有關發生故障之前和之後發生了什麼事件的資訊的功能。上面的螢幕截圖顯示了執行的測試用例的完整日誌，以及透過/失敗結果。如果我們透過單擊它進一步調查該步驟，則執行操作的元素將用紅色圓圈突出顯示。例如螢幕截圖中的 type 命令。在進一步調查中，我們發現我們有... 閱讀更多

Cypress 有一系列常見的斷言，可以應用於瀏覽器上的任何元素。斷言是檢查點，用於確認自動化測試用例的測試步驟是透過還是失敗。因此，它檢查被測應用程式的預期狀態。Cypress 捆綁了 Chai、JQuery 和 Sinon 庫用於斷言。一些斷言與元素以及父命令相關聯，不能用作獨立命令。例如，should()。但是，有些斷言直接作用於元素，而不依賴於其他命令。例如，expect()。 ... 閱讀更多

除了 Cypress 用於唯一識別元素的 css 選擇器之外，還有一個 Cypress 外掛可以自動為每個元素提供 css。此外掛稱為 Open Selector Playground，並隨 Cypress Test Runner 一起提供。此外掛出現在 Test Runner 視窗的左上角。我們需要單擊它，然後監視我們要識別的元素。監視該元素後，css 選擇器值會預設填充。要識別元素，請監視該元素。請注意，css 值會填充為 #gsc-i-id1 以及... 閱讀更多

Cypress 必須識別頁面上的元素才能對其執行操作。元素的唯一識別是在 Cypress 中藉助 jQuery 選擇器完成的，該選擇器基本上源自 css 選擇器。其他自動化工具（如 Selenium）支援 id、name、classname、link text、partial link text、xpath 和 css 選擇器等定位器。編寫 css 選擇器的規則如下所示 -藉助 class name 屬性。基於唯一類名稱的元素選擇是藉助 (.) 符號完成的。自定義 css 表示式應為 (.classname)。讓我們考慮以下 html... 閱讀更多