在真實的測試戰場裡，怪物（元素）很少會乖乖只出現一個。更多時候，你會面對一大群長得一模一樣的敵人：十幾個按鈕、數百個表格列、成群結隊的清單項目。 思考一下，我們...
上一篇我們成功地運用 Hooks 收納重複執行的程式碼，只需編寫一次就可重複使用，大大提升了可讀性，但是，各位玩家們請仔細看一下 describe 內的測試：...
前情提要 昨天我們建立了完整的套件打包策略，為不同類型的套件選擇了最適合的打包工具。今天我們要建立一個全面的測試策略，確保我們的 Monorepo 中每個套件都...
上一篇在認識 Timeout 時提到 Hooks，Hooks 是測試框架裡非常常見的生命週期輔助方法，大部份的測試框架命名都大同小異，我們開始來認識 Playw...
前一篇我們理解了 Playwright 的 async / await 機制如何讓測試能夠一步步按照順序執行，現在來談談 Playwright 另一個執行測試時...
介紹到這邊，相信細心的玩家已經發現了，測試案例必須以 async 宣告，而每一條操作、斷言，前方都必須加上 await，這就是 Playwright 非常重要的...
前兩篇介紹了斷言的基本應用以及進階技巧，Playwright 斷言的設計與特性，結合各式各樣的 matcher，已經足以應付大部分的測試場景，然而，當我們發現測...
上一篇認識了 Assertion(斷言) 的基本應用，except() 自動等待的設計結合多樣性的 matcher 讓我們可以在多變的網路戰場中應對自如，但是，...
定位元素 + 模擬操作，已經能夠真實呈現使用者的操作流程，不過，測試最重要的核心價值在於驗證結果是否與預期相符，因此，就必須談到測試當中非常重要的一環：Asse...
上一篇認識了定位元素的方法，定位到元素之後，那麼要如何模擬使用者在網頁上的行為呢？這時候就必須加上 Actions 了，Playwright 提供完整的 Act...
以下這段是 Playwright 安裝好後的範例： import { test, expect } from '@playwright/test'; test...
安裝好 Playwright 之後，我們先來認識一下要如何執行測試吧！Playwright 提供多種執行測試的方式，除了可以檢查執行結果，觀察執行過程，也能用來...
選定武器之後，我們就準備要來開疆闢地了！...等等！ 雖然已經決定好要使用 Playwright，但 Playwright 支援多語言，到底要用哪個語言來編寫測...
說到網頁自動化測試，首先不得不提已有超過 15 年歷史的 Selenium，作為自動化測試的先驅，發展成熟，支援多種語言，也有眾多第三方工具可以使用，是自動化測...
去年，首次踏進軟體業，面對陌生的領域，怎麼也沒想到，最後會拿起 Playwright 之劍，在 E2E 測試領域披荊斬棘。 這是怎麼發生的呢？一切都還得從公司的...
讓我們也把 Web Component 頁面加上一點自動化測試吧！(/≧▽≦)/ 第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\web-compo...
第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\components\wrapper-physics.spec.ts import { test,...
這個章節運行測試的方式稍微不同，由於 babylon.js 套件較為龐大，如果在 dev 模式下運行第一次開啟頁面會等很久，導致測試一直超時。 所以這裡我們改成...
第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\components\text-characters-transition.spec.ts impo...
接下來讓我們進行 e2e 測試吧！( •̀ ω •́ )✧ e2e 測試和單元測試差在哪？e2e 測試會著重於在接近真實環境下進行測試，透過 Playwrigh...
相信有不少Go 愛好者可能跟筆者有類似的疑問, 這麼好用的工具難道只有node.js 跟python 版本嗎? 筆者找了下, 發現在python 版本發布前半個...
引用自playwright新聞稿 這是前幾天微軟發布的playwright api for python的版本, 主要用在做網頁自動化 那就來玩玩看 使...
iThome鐵人賽
看影片追技術
看更多
adaliao
Moscle.dev
鱈魚
家誠