我們可以在 Cypress 中實現標籤。Cypress 有 .only 和 .skip 兩個標籤。.only 標籤用於執行帶有該標籤的 it 塊，而 .skip 標籤用於排除帶有該標籤的 it 塊。示例使用 .only 的實現describe('Tutorialspoint', function()    //帶有 .only 標籤的 it 塊    it.only('第一個測試', function() {       cy.log("第一個測試")    })    //帶有 .only 標籤的 it 塊    It.only('第二個測試', function() {       cy.log("第二個測試")    })    it('第三個測試', function() {       cy.log("第三個測試")    }) })執行結果輸出 ... 閱讀更多

我們可以在 Cypress 中實現鉤子。Cypress 鉤子用於在每個測試之前/之後執行某些操作。一些常見的鉤子包括：before – 在 describe 塊中任何測試執行之前執行一次。after – 在 describe 塊中所有測試執行之後執行一次。beforeEach – 在 describe 塊中單個 it 塊執行之前執行。afterEach – 在 describe 塊中單個 it 塊執行之後執行。示例實現describe('Tutorialspoint', function() {    before(function() {       // 在 it 塊中所有測試之前執行一次       cy.log("Before 鉤子")    })    after(function() {       ... 閱讀更多

下圖解釋了 Cypress 的工作原理：像 Selenium 這樣的自動化工具在瀏覽器外部執行。然而，Cypress 的架構不同。它在瀏覽器內執行。Cypress 基於 Node.js 伺服器。Cypress 與 Node.js 持續互動，它們彼此協調工作。因此，Cypress 可用於測試應用程式的前端和後端。因此，Cypress 能夠處理在 UI 上即時執行的任務，並同時執行瀏覽器外部的操作。Cypress 與其他測試框架的基本區別在於 ... 閱讀更多

我們可以在 Puppeteer 中處理框架。html 程式碼中的框架由 frames/iframe 標籤表示。Puppeteer 可以透過從主頁面切換到框架來處理框架。要使用框架內的元素，首先，我們必須藉助定位器來識別框架。contentFrame 方法用於訪問框架內的元素。語法const f = await page.$("frame[name='frame-bottom']") const m = await f.contentFrame()讓我們看看框架內元素的 html 程式碼，並獲取其中的文字 - BOTTOM。上圖中突出顯示的標籤名稱是 frame，並且 ... 閱讀更多

我們可以使用以下方法在 Puppeteer 中處理標籤頁：newPage() - 我們可以使用瀏覽器物件中提供的此方法開啟一個新標籤頁。語法const p = await browser.newPage()close() - 我們可以使用此方法關閉開啟的標籤頁。語法await p.close() close() - 我們可以使用瀏覽器物件中提供的此方法關閉所有開啟的標籤頁。語法await browser.close()示例程式碼實現//新增 Puppeteer 庫 const pt = require('puppeteer') pt.launch().then(async browser => { //瀏覽器新頁面 const p = await browser.newPage(); //設定瀏覽器頁面的視口 await p.setViewport({ width: 1000, height: ... 閱讀更多

我們可以在 Rest Assured 的請求中傳遞多個 header。Web 服務在進行服務呼叫時可以接受 header 作為引數。header 以鍵值對的形式表示。在 Rest Assured 中傳遞多個 header 的方法不止一種：使用 header 方法以鍵值對的形式傳遞它們。語法 Response r = given() .baseUri("https://tutorialspoint.tw/") .header("header1", "value1") .header("header2", "value2") .get("/about/about_careers.htm");使用 headers 方法將它們作為 Map 傳遞。語法 Map m = new HashMap(); m.put("header1", "value1"); m.put("header2, "value2"); Response r = given() .baseUri("https://tutorialspoint.tw/") .headers(m) .get("/about/about_careers.htm");使用 headers 方法將它們作為 List 傳遞。語法 List h ... 閱讀更多

我們可以在 WebdriverIO 中管理 cookie。cookie 有助於識別使用者。這是一種有效的技術，用於將資訊從一個站點會話傳遞到另一個站點會話，或者在兩個連線的網站的會話之間傳遞資訊。我們可以使用以下方法在 WebdriverIO 中新增、刪除和獲取 cookie：browser.setCookies - 用於為當前頁面設定單個 cookie 或多個 cookie。要為頁面設定 cookie，我們必須首先啟動並位於該頁面上。語法 browser.setCookies({cookie, cookie.name, cookie.value, cookie.path, cookie.domain, cookie.secure, cookie.httpOnly, cookie.expiry} )這裡，cookie 是 cookie 物件或物件陣列，並且 ... 閱讀更多

我們可以在 Cypress 中建立 TeamCity 報告。要安裝 TeamCity 報告的包，請執行以下命令：    npm install cypress-teamcity-reporter --save-dev要為 Cypress 專案的 integration 資料夾中的所有規範生成報告，請執行以下命令：    npx cypress run --reporter teamcity

我們可以在 Cypress 中建立 Mochawesome 報告。Cypress 與 Mocha 捆綁在一起，因此為 Mocha 生成的任何報告也可以與 Cypress 一起使用。Mochawesome 報告Mochawesome 報告是 Cypress 中最重要的報告之一。要安裝 mochawesome，請執行以下命令：    npm install mochawesome --save-dev要安裝 mocha，請執行以下命令：    npm install mocha --save-dev要合併 mochawesome json 報告，請執行以下命令：    npm install mochawesome-merge --save-dev安裝後，所有這些包都應該反映在 package.json 檔案中。要將多個報告合併到一個報告中，請執行以下命令：    npm run combine-reports在 cypress.json ... 閱讀更多

Cypress 的資料驅動測試是藉助 fixture 實現的。Cypress fixture 用於維護和儲存自動化測試資料。fixture 儲存在 Cypress 專案的 fixtures 資料夾中（例如 example.json 檔案）。它主要幫助我們從外部檔案獲取資料輸入。Cypress fixtures 資料夾可以包含 JSON 或其他格式的檔案，資料以“鍵值對”的形式維護。所有這些測試資料都可以被多個測試用例使用。所有 fixture 資料都必須在 before hook 塊中宣告。語法：cy.fixture(測試資料路徑) cy.fixture(測試資料路徑, 編碼型別) ... 閱讀更多