Chạy test tự động & đọc báo cáo kết quả cho người mới (có lệnh chạy thật)

1. Tóm tắt nhanh & bộ test bạn sẽ chạy

Chào bạn mới! Viết được test tự động mới chỉ là nửa chặng đường — nửa còn lại quan trọng không kém là biết CHẠY nó đúng cách và ĐỌC được kết quả nó trả về. Rất nhiều người mới viết xong test, chạy 1 lần thấy chữ 'passed' màu xanh là yên tâm, nhưng khi test fail lại lúng túng không biết bắt đầu từ đâu để tìm nguyên nhân. Bài này sẽ đi cùng bạn qua bộ test của ShopEasy: đăng nhập, thêm sản phẩm vào giỏ, thanh toán — học cách chạy đúng phạm vi cần chạy, đọc report như một tester thực thụ, và tự tin xử lý khi có test đỏ.

2. Lệnh chạy cơ bản: chạy cả bộ, chạy 1 file, chạy theo tên

Lệnh chạy test cơ bản nhất trong Playwright là npx playwright test — nó chạy TOÀN BỘ test tìm thấy trong dự án. Điều này hợp lý khi bạn muốn kiểm tra tổng thể (ví dụ trước khi merge code), nhưng khi đang tập trung sửa 1 tính năng, chạy cả bộ vừa chậm vừa làm loãng sự chú ý. Playwright cho phép thu hẹp phạm vi chạy theo nhiều cách.

▶ Bước 1: Chạy toàn bộ bộ test: gõ npx playwright test tại thư mục gốc dự án.

▶ Bước 2: Chạy đúng 1 file: thêm đường dẫn file ngay sau lệnh, ví dụ npx playwright test tests/cart.spec.js.

▶ Bước 3: Chạy theo tên test: dùng cờ -g kèm chuỗi cần khớp trong tên test, ví dụ npx playwright test -g "them san pham".

# Chay toan bo bo test trong du an
npx playwright test

# Chi chay dung 1 file test gio hang
npx playwright test tests/cart.spec.js

# Chi chay (cac) test co ten khop chuoi "them san pham"
npx playwright test -g "them san pham"

# Ket hop: chi 1 file, chi test co ten khop
npx playwright test tests/cart.spec.js -g "cap nhat so luong"

3. Chạy headed hay headless — chọn thế nào?

Mặc định, Playwright chạy test ở chế độ headless — nghĩa là trình duyệt vẫn hoạt động ngầm nhưng KHÔNG mở cửa sổ nào lên màn hình. Chạy headless nhanh hơn, tốn ít tài nguyên hơn, và là chế độ phù hợp khi chạy trong CI/CD hay chạy số lượng lớn test hằng ngày. Ngược lại, cờ --headed sẽ mở một cửa sổ trình duyệt thật, để bạn tận mắt xem con trỏ di chuyển, ô nhập được điền, nút được bấm.

# Mac dinh: chay headless, khong mo cua so nao
npx playwright test

# Mo trinh duyet that len de xem thao tac
npx playwright test --headed

# Chay tung buoc, dung lai de soi ky (rat huu ich khi moi hoc)
npx playwright test --debug

Một mẹo hữu ích khác cho người mới là --debug: nó cũng mở trình duyệt thật, nhưng dừng lại ở TỪNG bước, cho bạn thời gian đọc panel Playwright Inspector, xem chính xác câu lệnh nào sắp chạy trước khi bấm 'tiếp tục'. Khi mới làm quen với một test lạ, --debug giúp hiểu luồng chạy chậm rãi hơn nhiều so với --headed thông thường.

4. Đọc kết quả pass/fail/skipped trong terminal

Sau khi lệnh npx playwright test chạy xong, terminal in ra danh sách từng test kèm biểu tượng và thời gian chạy, cùng dòng tổng kết ở cuối kiểu '3 passed, 1 failed, 1 skipped'. Hiểu đúng từng trạng thái giúp bạn biết ngay việc cần làm tiếp theo: có cần sửa gấp hay không.