Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Hướng dẫn Page Object Model cho Playwright

Cung cấp các mẫu Page Object Model cho Playwright và khung quyết định khi nào nên dùng POM, fixtures hay helper.

Lập trìnhTrung cấp★ 374⑂ 61Điểm AI 5/10Cập nhật lần cuối: 6 thg 9, 2026

Làm được gì

  • Chỉ cách tổ chức Page Object Model (POM) cho bộ test Playwright dễ bảo trì.
  • Phân biệt trường hợp POM thực sự có lợi và trường hợp nó chỉ làm code phức tạp hơn.
  • Đưa ra tiêu chí chọn giữa POM, Playwright fixtures và hàm helper đơn giản.
  • Là skill dạng mục lục, trỏ tới hai tài liệu chi tiết: page-object-model.md và pom-vs-fixtures-vs-helpers.md.

Phù hợp với ai

  • QA engineer, dev frontend viết test E2E bằng Playwright.
  • Nhóm có nhiều file test bị trùng selector, khó bảo trì.
  • Người đang cân nhắc có nên áp dụng POM hay chỉ cần fixtures.

Ví dụ sử dụng

  1. "Refactor các test login, danh sách sản phẩm, giỏ hàng sang POM" → nhận gợi ý cấu trúc page object và nơi đặt selector.
  2. "Phần này nên bọc thành page object hay tạo fixture?" → nhận khuyến nghị dựa trên khung quyết định.
  3. Khi khởi tạo dự án mới, dùng để định hình cấu trúc thư mục test và ranh giới giữa page object và helper.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/testdino-hq/playwright-skill/HEAD/pom/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục pom từ repo GitHub testdino-hq/playwright-skill vào ~/.claude/skills/playwright-pom/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/testdino-hq/playwright-skill.git /tmp/playwright-skill && mkdir -p ~/.claude/skills/playwright-pom && cp -r /tmp/playwright-skill/pom/* ~/.claude/skills/playwright-pom/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal.
  2. Tải repo: git clone https://github.com/testdino-hq/playwright-skill.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills/playwright-pom
  4. Sao chép nội dung: cp -r playwright-skill/pom/* ~/.claude/skills/playwright-pom/
  5. Kiểm tra trong ~/.claude/skills/playwright-pom/ có SKILL.md và hai file hướng dẫn .md.
  6. Khởi động lại Claude Code và thử yêu cầu "tổ chức test Playwright theo POM" để xem skill có được gọi không.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT