Skip to content

建立 2026-09-08 更新 2026-09-15

認識 Playwright

Playwright 是微軟（Microsoft）開發的開源端對端（End-to-End）測試框架，讓你用一套 API 同時測試 Chromium、Firefox、WebKit 三種瀏覽器引擎，涵蓋桌面與行動裝置的畫面模擬。它同時支援 TypeScript、JavaScript、Python、.NET、Java，是目前最受歡迎的網頁自動化測試工具之一。

這個網站整理 Playwright 最需要優先掌握的核心知識，並收錄官方與社群優質的影音教學，幫助你有系統地從安裝到上線建立完整的自動化測試能力。

最需要掌握的 20%

Playwright 功能很多，但真正撐起日常工作的觀念集中在幾個地方：

  • Locators 定位器

    用語意化方式找到頁面元素（角色、文字、Test ID），是所有測試的基礎。

  • 自動等待機制

    Playwright 會自動等元素就緒才操作，大幅減少測試不穩定（flaky）的問題。

  • Fixtures 與 Test Runner

    用內建的 @playwright/test 撰寫、組織、平行執行測試。

  • Codegen 與 Trace Viewer

    錄製產生測試、失敗後回放追蹤，是除錯效率的關鍵工具。

熟悉這四塊，就能寫出穩定、好維護的測試，其餘功能（API 測試、視覺比對、CI 整合等）都是在此基礎上擴充。

學習路徑

  1. 入門設定：安裝專案、認識目錄結構、跑出第一個測試。
  2. 核心概念：Locators、操作與斷言、自動等待。
  3. 測試撰寫技巧：Fixtures、Hooks、Page Object Model、設定檔。
  4. 除錯與工具：Codegen、UI Mode、Trace Viewer。
  5. 進階功能：API 測試、身份驗證、視覺比對、平行執行與 CI/CD。
  6. 影音教學資源：官方與社群精選教學影片，搭配文字內容加深理解。

邊看邊學

每個章節都適合搭配 影音教學資源 一起學習；官方影片示範操作畫面，文字頁面補充觀念與程式碼細節。

了解更多

想查完整 API 與最新功能，請參考 Playwright 官方文件。想認識唯客學院，請看 關於我們。