iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Claude AI

AI 時代下最值得投資的 UI 自動化:30 天用 Claude Code 學會寫 Playwright 系列

回歸測試一輪一輪重點,職缺清單上的「自動化經驗」越來越刺眼,而你買過的程式課,還停在第三章。

先說一個好消息:門檻搬家了。AI coding 工具出現後,學 UI 自動化卡的關卡從「會不會寫程式」變成「會不會描述需求、判斷得了對錯」——這兩件事,恰好是測試人員練了多年的本行。

這個系列用 30 天,帶不太寫程式的你,以 Claude Code 為結對夥伴學會 Playwright。

參賽天數 22 天 | 共 22 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1: 為什麼現在是不寫程式的測試人員學自動化的最好時機

過去十年,「測試人員要不要學寫程式」這個問題吵不完。吵的人沒發現,問題的前提在 2024 年之後已經改變了:學自動化的門檻,從「會不會寫程式」變成「會不會描述需...

2026-08-01 ‧ 由 kojenchieh 分享
DAY 2

Day2: 第一個測試:一句話生出會跑的 Playwright 測試

環境安裝請讀者照官方文件走,這裡只給清單和連結;剩下的時間拿來做正事:用一句中文產出你的第一個 Playwright 測試,親眼看它跑、看它亮綠燈。 環境:三樣...

2026-08-02 ‧ 由 kojenchieh 分享
DAY 3

Day3: 綠燈之後:弄壞它、讀懂它

昨天你亮了第一個綠燈。今天不寫新測試,改做三件事:故意弄壞它、請 AI 解釋它、學會它失敗時怎麼判讀。這一天花下去,後面幾篇都會輕鬆很多。順便跟「失敗訊息」正式...

2026-08-03 ‧ 由 kojenchieh 分享
DAY 4

Day4: 看懂 AI 寫的程式:Playwright 測試的基本骨架

這個系列並非教你寫程式,但是希望你能夠「看懂」。理由很直接: AI 產出的測試到底會不會抓問題,得有人判斷,那個人是你。好消息是,看懂比會寫容易非常多, 就像看...

2026-08-04 ‧ 由 kojenchieh 分享
DAY 5

Day5: 跟 Claude Code 對話的技巧:怎麼描述測試需求才不會雞同鴨講

寫到這裡你可能已經發現,同樣是請 AI 寫測試,有時一次到位,有時來回五趟還不對。差別多半不在 AI 心情,在指令的精準度。這篇把好指令拆開來看,你會發現它的骨...

2026-08-05 ‧ 由 kojenchieh 分享
DAY 6

Day6: Locator:告訴 Claude 你要點哪裡

自動化測試最常壞掉的地方,不是流程, 而是「找不到元素」。這篇談 Locator,也就是定位:程式要怎麼描述「畫面上的那個東西」。你不需要會寫定位,但要會判斷...

2026-08-06 ‧ 由 kojenchieh 分享
DAY 7

Day7: Assertion:你到底在驗證什麼

Assertion 中文叫斷言,白話就是「驗證」:測試裡負責檢查結果對不對的那幾行。一個測試如果沒有斷言,它會把動作做完、然後回報通過,永遠通過。這種測試比沒有...

2026-08-07 ‧ 由 kojenchieh 分享
DAY 8

Day8: 自動等待與重試:為什麼 Playwright 比前輩們穩定

你手動測試時其實一直在「等」,只是沒意識到:頁面轉圈,你自然停一下再點。程式沒有這種直覺,它快得不像話,網頁還沒好就伸手去點,然後失敗。上一代工具讓很多人栽在「...

2026-08-08 ‧ 由 kojenchieh 分享
DAY 9

Day9: Playwright Codegen 很神?別急,它錄出來的其實還不是測試

Playwright 內建一個很直覺的功能叫 Codegen:開一個瀏覽器讓你實際操作,它同步把你的每個動作變成程式碼。對不寫程式的人來說像魔法。不過先講清楚:...

2026-08-09 ‧ 由 kojenchieh 分享
DAY 10

Day 10: Trace Viewer:測試失敗時讓證據說話

手動測試發現 bug,你會截圖、記步驟、附 log,因為你知道沒有證據的缺陷報告等於沒報。自動化測試失敗時一樣需要證據。 Playwright 的 Trace...

2026-08-10 ‧ 由 kojenchieh 分享