iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Software Development

Playwright 玩家攻略:從新手村到魔王關 系列

從建立專案、元素定位的新手村出發,一步步通關 CI/CD、非同步與 Flaky Test 的魔王關!

參賽天數 24 天 | 共 24 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊兩貓一犬一條龍小隊
DAY 1

Day 01:冒險者登錄:踏上 Playwright 冒險之旅之前

去年,首次踏進軟體業,面對陌生的領域,怎麼也沒想到,最後會拿起 Playwright 之劍,在 E2E 測試領域披荊斬棘。 這是怎麼發生的呢?一切都還得從公司的...

2025-09-10 ‧ 由 adaliao 分享
DAY 2

Day 02:挑選適合的武器|Playwright、Cypress、Selenium 的優劣對決!

說到網頁自動化測試,首先不得不提已有超過 15 年歷史的 Selenium,作為自動化測試的先驅,發展成熟,支援多種語言,也有眾多第三方工具可以使用,是自動化測...

2025-09-11 ‧ 由 adaliao 分享
DAY 3

Day 03:建立你的基地|初始化專案與 config 神器

選定武器之後,我們就準備要來開疆闢地了!...等等! 雖然已經決定好要使用 Playwright,但 Playwright 支援多語言,到底要用哪個語言來編寫測...

2025-09-12 ‧ 由 adaliao 分享
DAY 4

Day 04:技能的施放|Playwright 測試的四種攻擊模式 (CLI / Debug / UI / Extension)

安裝好 Playwright 之後,我們先來認識一下要如何執行測試吧!Playwright 提供多種執行測試的方式,除了可以檢查執行結果,觀察執行過程,也能用來...

2025-09-13 ‧ 由 adaliao 分享
DAY 5

Day 05:鎖定目標|元素定位術入門

以下這段是 Playwright 安裝好後的範例: import { test, expect } from '@playwright/test'; test...

2025-09-14 ‧ 由 adaliao 分享
DAY 6

Day 06:萬物皆動|賦予元素生命的 Actions 互動魔法入門術

上一篇認識了定位元素的方法,定位到元素之後,那麼要如何模擬使用者在網頁上的行為呢?這時候就必須加上 Actions 了,Playwright 提供完整的 Act...

2025-09-15 ‧ 由 adaliao 分享
DAY 7

Day 07:精準打擊|expect() 斷言的瞄準與射擊

定位元素 + 模擬操作,已經能夠真實呈現使用者的操作流程,不過,測試最重要的核心價值在於驗證結果是否與預期相符,因此,就必須談到測試當中非常重要的一環:Asse...

2025-09-16 ‧ 由 adaliao 分享
DAY 8

Day 08:軍火庫升級|精通正規式、條件式與多重斷言的進階兵器

上一篇認識了 Assertion(斷言) 的基本應用,except() 自動等待的設計結合多樣性的 matcher 讓我們可以在多變的網路戰場中應對自如,但是,...

2025-09-17 ‧ 由 adaliao 分享
DAY 9

Day 09:斷言擴展術|打造你的專屬 Playwright Matcher

前兩篇介紹了斷言的基本應用以及進階技巧,Playwright 斷言的設計與特性,結合各式各樣的 matcher,已經足以應付大部分的測試場景,然而,當我們發現測...

2025-09-18 ‧ 由 adaliao 分享
DAY 10

Day 10:秩序的守護者|async / await 同步你與瀏覽器的時空

介紹到這邊,相信細心的玩家已經發現了,測試案例必須以 async 宣告,而每一條操作、斷言,前方都必須加上 await,這就是 Playwright 非常重要的...

2025-09-19 ‧ 由 adaliao 分享