Học Tester ở đâu tốt và thực chiến?

CyberSoft Tester cung cấp lộ trình học kiểm thử phần mềm từ cơ bản đến nâng cao: manual testing, automation với Playwright/Selenium, kiểm thử API, performance và AI testing, bám sát công việc thật của doanh nghiệp.

Người mới, chưa biết gì có học Tester được không?

Được. Lộ trình bắt đầu từ khái niệm test case, bug report rồi nâng dần lên automation và AI testing, kèm luyện phỏng vấn và CV để đi làm được.

AI Testing là gì và học như thế nào?

AI Testing là việc dùng AI (như Claude) để sinh test case, review, tăng độ phủ và tăng tốc kiểm thử. CyberSoft Tester có chuyên mục AI trong Testing và AI Agent trong Testing.

Có luyện thi ISTQB và phỏng vấn không?

Có. Nền tảng có ngân hàng câu hỏi ISTQB tự chấm, luyện phỏng vấn QA và mock interview mô phỏng thực tế.

Playwright Codegen là gì?

Playwright Codegen là công cụ đi kèm Playwright, mở một trình duyệt thật và một cửa sổ Inspector: khi bạn click, nhập liệu, chọn dropdown trên trình duyệt đó, Codegen tự động ghi lại từng thao tác và sinh ra code Playwright (JavaScript/TypeScript/Python...) tương ứng theo thời gian thực. Bạn chạy bằng lệnh `npx playwright codegen `.

Code Codegen sinh ra có dùng được ngay, không cần sửa gì không?

Về mặt kỹ thuật thì chạy được ngay, nhưng gần như luôn NÊN chỉnh sửa trước khi đưa vào bộ test chính thức: đặt lại tên test có ý nghĩa (thay vì 'test'), thêm câu expect() để kiểm tra kết quả (Codegen chỉ ghi hành động, không tự thêm assert), dọn các bước thừa lỡ ghi (hover nhầm, click nhầm), và xem lại locator có đủ ổn định hay không.

Nên dùng Codegen để ghi toàn bộ bộ test automation của dự án không?

Không nên. Codegen rất mạnh để khởi động nhanh, khám phá cú pháp Playwright, hoặc lấy locator ban đầu cho một màn hình mới — nhưng nó ghi lại chính xác những gì bạn thao tác, không hiểu cấu trúc dự án hay tái sử dụng code. Với dự án có vài chục test trở lên, bạn nên dùng Codegen để LẤY Ý TƯỞNG code ban đầu, rồi refactor vào cấu trúc bền vững hơn (ví dụ Page Object Model) thay vì giữ nguyên từng file được ghi rời rạc.

Mục đích chính của lệnh `npx playwright codegen` là gì? A. Tự động ghi lại thao tác chuột/bàn phím trên trình duyệt và sinh ra code test Playwright tương ứng B. Tự động sửa lỗi trong bộ test có sẵn C. Chạy song song test trên nhiều trình duyệt cùng lúc D. Tạo báo cáo HTML tổng hợp sau khi test chạy xong

✅ Đáp án: A. Codegen mở trình duyệt thật, ghi lại mọi thao tác của bạn và sinh code Playwright tương ứng theo thời gian thực — đó là công dụng cốt lõi của nó.

Ghi xong 1 luồng bằng Codegen, người mới NÊN làm gì trước khi coi test đã hoàn chỉnh? A. Không cần làm gì thêm, code Codegen sinh ra luôn hoàn chỉnh và đúng B. Đọc lại code, đặt tên test rõ nghĩa, thêm câu expect() kiểm tra kết quả, dọn các bước thừa C. Xoá hết code sinh ra và viết lại hoàn toàn bằng tay từ đầu D. Chạy ngay code đó trên môi trường production của khách hàng

✅ Đáp án: B. Codegen chỉ ghi hành động, không tự thêm assert hay đặt tên có ý nghĩa — người viết test cần đọc lại và bổ sung những phần này.

Vì sao locator dựa trên TEXT hiển thị (ví dụ getByText('Thêm vào giỏ')) thường giòn hơn locator theo role/label? A. Vì câu chữ hiển thị dễ bị đổi (marketing đổi nhãn, dịch ngôn ngữ...) trong khi role/label thường ổn định hơn B. Vì getByText luôn chạy chậm hơn các locator khác C. Vì Playwright không hỗ trợ chính thức getByText D. Vì locator theo role luôn báo lỗi khi chạy trên CI

✅ Đáp án: A. Text hiển thị phục vụ nội dung/marketing nên hay đổi; role và nhãn form gắn với ý nghĩa chức năng nên ít đổi hơn, giúp test bền vững hơn.

Khi ghi bằng Codegen mà lỡ hover/click nhầm vào phần tử không liên quan, dòng code thừa đó nên xử lý ra sao trước khi lưu bài test? A. Giữ nguyên, vì mọi thứ Codegen ghi lại đều cần thiết B. Đọc lại code sinh ra và xoá/dọn các bước không phục vụ mục tiêu của bài test C. Chạy lại bước thừa đó nhiều lần để chắc chắn nó không lỗi D. Biến dòng đó thành comment nhưng vẫn để Playwright thực thi

✅ Đáp án: B. Bước thừa làm test dài hơn, khó đọc và có thể gây flaky (ví dụ hover vào menu load chậm) — nên dọn sạch, chỉ giữ đúng luồng cần kiểm tra.

Giới hạn lớn nhất của việc CHỈ dùng test do Codegen ghi, không refactor gì, khi dự án automation lớn dần là gì? A. Không có giới hạn nào, Codegen luôn đủ dùng cho mọi quy mô dự án B. Locator và hành động bị lặp lại rải rác trong nhiều file được ghi riêng lẻ, khó bảo trì khi giao diện đổi — cần refactor sang cấu trúc bền vững hơn như Page Object Model C. Codegen sẽ tự động refactor toàn bộ code giúp bạn theo thời gian D. Test ghi bằng Codegen luôn chạy chậm hơn nhiều lần so với viết tay hoàn toàn

✅ Đáp án: B. Mỗi lần ghi bằng Codegen tạo ra 1 file độc lập, không tự chia sẻ locator hay hàm dùng chung — dự án lớn dần sẽ cần refactor để tránh trùng lặp và dễ bảo trì.

Dùng Codegen ghi thao tác thành test tự động cho người mới (có code chạy được)

Bài cho người mới: dùng Playwright Codegen (npx playwright codegen) ghi thao tác click/nhập trên app TMĐT ShopEasy thành code test tự động. Cách chạy Codegen, đọc và chỉnh sửa code sinh ra, chọn locator tốt, hai tình huống thật (selector giòn theo text vỡ khi đổi nhãn nút, ghi cả bước thừa gây flaky), giới hạn của test ghi tự động và khi nào cần refactor. Nhiều mockup giao diện, FAQ và trắc nghiệm 5 câu. Chuẩn SEO, dẫn về khóa Tester CyberSoft.

1. Tóm tắt nhanh & màn hình bạn sẽ ghi

⭐ TL;DR — Playwright Codegen (`npx playwright codegen`) mở một trình duyệt thật cùng cửa sổ Inspector: bạn click, nhập liệu trên trang, Codegen tự động ghi lại và sinh ra code test Playwright tương ứng — không cần gõ tay locator ngay từ đầu. Bài này bám màn đăng nhập của app TMĐT ShopEasy: bạn học cách chạy Codegen, đọc code sinh ra, chỉnh sửa cho gọn và đúng, chọn locator ổn định, và nhận ra giới hạn của test ghi tự động khi nào cần refactor. Trong thời đại AI có thể gợi ý code nhanh, Playwright Codegen vẫn là cách thực chiến nhất để người mới nhìn thấy code Playwright thật ngay từ thao tác chuột đầu tiên — kỹ năng này được dạy bài bản tại khóa Software Testing chuyên nghiệp của CyberSoft: https://cybersoft.edu.vn/software-testing-chuyen-nghiep-tu-zero-toi-duoc-nhan-viec-manual-automation-testing/ . Nhiều hình minh hoạ, code chạy được và trắc nghiệm cuối bài.

Chào bạn mới! Nếu bạn vừa học automation và cảm thấy hơi choáng vì phải tự nhớ cú pháp Playwright, hoặc tự tìm locator bằng cách bấm F12 rồi dò từng thẻ HTML — Playwright Codegen sinh ra để giải quyết đúng nỗi lo đó. Chạy `npx playwright codegen` cùng địa chỉ trang cần test, một trình duyệt thật sẽ mở lên, kèm một cửa sổ nhỏ gọi là Inspector. Bạn cứ thao tác bình thường như người dùng thật: click ô Email, gõ chữ, bấm nút Đăng nhập — Codegen lặng lẽ ghi lại từng bước và hiện code Playwright tương ứng ngay trong cửa sổ Inspector, theo thời gian thực. Chúng ta sẽ thực hành trên đúng màn đăng nhập thật của ShopEasy, có hình minh hoạ và code chạy được.

Playwright Inspector đang ghi thao tác trên màn đăng nhập ShopEasy, chú thích code sinh theo từng bước

📖 Playwright Codegen: công cụ ghi lại thao tác chuột/bàn phím trên trình duyệt thật và tự động sinh ra code test Playwright tương ứng, chạy bằng lệnh npx playwright codegen.

2. Vấn đề: viết locator tay chậm và dễ nản với người mới

Trước khi có Codegen, cách phổ biến để viết 1 test là: mở DevTools (F12), tự tìm phần tử trên cây HTML, đọc id/class, rồi gõ tay dòng code như page.locator('#email-input').fill(...). Với người mới, bước 'tự tìm và đoán locator đúng' này tốn khá nhiều thời gian và dễ chọn nhầm — ví dụ chọn 1 class CSS chỉ dùng để canh giao diện, không hề ổn định để làm locator.

Ngoài ra, người mới thường chưa quen cú pháp Playwright: nên dùng fill() hay type()? click() có cần await không? getByRole() viết thế nào cho đúng? Khi vừa phải nhớ cú pháp vừa phải tự dò locator, tốc độ học rất chậm, và dễ nản vì test đầu tiên có khi mất cả buổi mới chạy được.

📖 Locator giòn (brittle locator): cách tìm phần tử dễ bị 'vỡ' (không tìm thấy nữa) chỉ vì một thay đổi nhỏ và không liên quan tới chức năng, ví dụ đổi câu chữ hiển thị hay lớp CSS canh giao diện.

Codegen không xoá bỏ hoàn toàn nỗi lo này, nhưng giải quyết phần 'điểm khởi đầu': bạn không cần tự gõ locator hay nhớ hết cú pháp ngay từ đầu — chỉ cần thao tác như người dùng thật, rồi đọc code Codegen sinh ra để học dần. Đây là lý do Codegen rất hợp với người mới trong vài tuần đầu học automation.

3. Cài đặt & chạy Codegen lần đầu

Codegen đã có sẵn khi bạn cài Playwright, không cần cài thêm gì khác. Chỉ cần một lệnh trong terminal, kèm địa chỉ trang muốn ghi, là trình duyệt và Inspector sẽ tự mở lên.

▶ Bước 1: Cài Playwright cho dự án nếu chưa có: npm init playwright@latest.

▶ Bước 2: Mở terminal tại thư mục dự án, chạy npx playwright codegen kèm địa chỉ trang cần ghi.

▶ Bước 3: Một trình duyệt thật mở lên tại đúng trang, kèm cửa sổ Inspector hiển thị code trống ban đầu.

▶ Bước 4: Thao tác bình thường trên trình duyệt (click, gõ chữ...); quan sát code trong Inspector tự cập nhật theo từng bước.

bash

# Cai Playwright cho du an (neu chua co)
npm init playwright@latest

# Chay Codegen tren man dang nhap ShopEasy
npx playwright codegen https://shopeasy.vn/dang-nhap

💡 Cửa sổ Inspector còn có nút 'Record' để tạm dừng/tiếp tục ghi, và ô chọn ngôn ngữ xuất code (JavaScript, TypeScript, Python, Java, .NET) — chọn đúng ngôn ngữ dự án bạn đang dùng trước khi copy code ra.

4. Ghi luồng đăng nhập ShopEasy bằng Codegen (thực hành)

Giờ ta ghi lại luồng đăng nhập thật của ShopEasy. Làm theo thứ tự dưới đây, quan sát Inspector sinh code ngay khi bạn thao tác.

Dùng Codegen ghi thao tác thành test tự động cho người mới (có code chạy được)

1. Tóm tắt nhanh & màn hình bạn sẽ ghi

2. Vấn đề: viết locator tay chậm và dễ nản với người mới

3. Cài đặt & chạy Codegen lần đầu

4. Ghi luồng đăng nhập ShopEasy bằng Codegen (thực hành)

Nội dung bị khoá

💬 Bình luận (0)