有時，單擊連結或按鈕會在新標籤頁中開啟相同的瀏覽器。與 Selenium 和 Protractor 等其他自動化工具不同，Cypress 有一種獨特的方法來處理子標籤頁。它基本上透過將焦點從父標籤頁切換到子標籤頁來忽略子標籤頁的資訊。現在讓我們瞭解為什麼連結或按鈕會在不同的標籤頁（被認為是子標籤頁）上開啟一個新的網頁。這是因為該元素的 HTML 中設定了 `target` 屬性。如果省略，它將在同一視窗中開啟。Cypress 無法直接處理……閱讀更多

與 Selenium 或 Protractor 等其他自動化工具不同，Cypress 有一種獨特的方法來處理警告框。Cypress 基本上會自動接受警告框，我們無需編寫邏輯來處理它們。彈出視窗有兩種型別：警告彈出視窗（只有“確定”按鈕）和確認彈出視窗（有“確定”和“取消”按鈕）。Cypress 的設計方式使其會在彈出視窗上單擊“確定”按鈕，無需任何手動干預。它具有觸發瀏覽器事件的功能。示例程式碼實現以處理警告框。describe('Tutorialspoint 測試', function () { // 測試用例 ……閱讀更多

網頁上有許多型別的下拉選單。下拉選單的型別有靜態和動態兩種。靜態下拉選單使用 `` 標籤，而動態下拉選單通常使用 `` 或其他標籤。在 Cypress 中，可以使用內建命令 `select()` 處理帶有 `` 標籤的靜態下拉選單。動態下拉選單通常是自動建議下拉選單，在鍵入搜尋的前幾個字母時，會顯示建議專案的列表。邏輯是在動態下拉選單中鍵入幾個字元。基於此，一個……閱讀更多

使用 Cypress 驗證靜態下拉選單

Cypress測試自動化軟體測試

Debomita Bhattacharjee

更新於 2020年8月5日 12:05:11

2K+ 次瀏覽

Cypress 使用其內建命令處理靜態下拉選單。對於靜態下拉選單，元素的標籤名稱應為 `

`，其子元素應具有標籤名稱 ``。使用的命令是 `select()`。此命令需要與提供具有標籤名稱 `select` 的 DOM 元素的命令連結。以下是 `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 方法時，Cypress 無法內部解析 Promise，我們需要使用程式碼中的 `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` - ……閱讀更多