鐵人檔案
這系列文章整理了想要上手 Playwright 必備的基礎知識與核心能力！
內容主要以觀念建立和實作教學為主，把 30 天整理成一套順暢的學習路線——從最基本的環境建置、常用語法與定位器，再到各種常見測試情境的實務操作。希望這份筆記能幫想接觸 Playwright 的你少走一點彎路，輕鬆把 E2E 測試的基本功練起來！
這次選定的主題是 Playwright 端對端測試（E2E Testing），主要是工作上剛好碰到，而且之前因為工作忙，一直沒什麼機會把之前學得比較零散的基礎整...
今天我們要把 Playwright 安裝起來，確認環境沒問題後，就來撰寫第一支測試。 前置需求 開始之前先確認電腦有 Node.js（建議 LTS 版本，18...
Day 2 我們裝好環境、寫了第一支登入的測試，程式碼裡出現了 Page 這個參數，也在 npx playwright test 執行時看到瀏覽器自動被打開。在...
前面我們手刻了一支登入測試，一行一行寫 page.goto、page.fill、page.click。除了自己手寫這些測試程式碼外，Playwright 其實有...
Day 4 我們體驗了 Playwright 內建的 Codegen 錄製工具，看到它能在我們操作畫面的同時，自動生成 page.getByRole(...)...
在 Day 5 的測試程式中我們用 beforeEach 把重複的登入邏輯搬出測試本身，但如果我們開啟了另一個新的測試檔案，同樣的登入程式碼是不是又要再複製貼上...
經過前面 6 天的學習，今天我們會用目前學到的觀念（Playwright 基礎架構、Locator 定位策略、POM 頁面物件模式），挑戰一個貼近真實工作情境的...
Day 5 我們認識了 Playwright 的幾種基本定位方法（getByRole、getByText、getByLabel、getByTestId），也在...
從 Day 5 到 Day 8，我們花了不少篇幅在討論「如何準確抓到畫面上的元素」。今天我們要來看看 Playwright Test 提供了哪些好用的控制項。...
