Trong kiến trúc kiểm thử tự động cho ứng dụng Web, tại sao việc áp dụng Page Object Model (POM) lại là tiêu chuẩn bắt buộc và nó giúp giải quyết các vấn đề gì về bảo trì mã nguồn?

Question

Accepted Answer

Page Object Model (POM) là một mẫu thiết kế (Design Pattern) phổ biến trong kiểm thử tự động giao diện người dùng, giúp tạo ra một lớp trừu tượng đại diện cho các trang web hoặc thành phần giao diện.
1. Bản chất của Page Object Model

Tách biệt hoàn toàn giữa mã kịch bản kiểm thử (Test Scripts) và mã định nghĩa giao diện (Page Elements/Locators).
Mỗi trang Web (hoặc một component lớn như Navbar, Sidebar) sẽ được gom thành một Class riêng biệt.
Các thao tác trên trang (như click nút đăng nhập, điền form) được đóng gói thành các phương thức bên trong class đó.

2. Vấn đề giải quyết

Hạn chế việc lặp mã (Code Duplication): Nếu một nút 'Đăng nhập' thay đổi bộ định danh (Locator), thay vì phải sửa ở hàng chục Test Case khác nhau, chúng ta chỉ cần sửa tại một dòng duy nhất trong Login Page Class.
Tăng tính dễ đọc: Test script trở nên ngắn gọn, tập trung hoàn toàn vào logic nghiệp vụ thay vì phải chứa các cú pháp tìm kiếm phần tử rườm rà.

3. Ví dụ minh họa cấu trúc POM với Playwright / TypeScript
// Định nghĩa Page Object
export class LoginPage {
  readonly page: Page;
  readonly usernameInput = '#username';
  readonly passwordInput = '#password';
  readonly submitButton = '#login-btn';

constructor(page: Page) {
    this.page = page;
  }

async login(user: string, pass: string) {
    await this.page.fill(this.usernameInput, user);
    await this.page.fill(this.passwordInput, pass);
    await this.page.click(this.submitButton);
  }
}

// Sử dụng trong Test Script
test('Người dùng đăng nhập thành công', async ({ page }) => {
  const loginPage = new LoginPage(page);
  await page.goto('https://example.com/login');
  await loginPage.login('admin', 'secret123');
  await expect(page).toHaveURL('https://example.com/dashboard');
});
4. Lưu ý kinh nghiệm thực chiến
Ở cấp độ Junior, lỗi thường gặp là nhầm lẫn khi đưa các hàm asserts (kiểm định kết quả) vào bên trong Page Object Class. Theo chuẩn Enterprise, Page Object chỉ nên chứa các hành động tương tác giao diện và trả về dữ liệu, việc assert kết quả phải nằm hoàn toàn trong Test Script.

Trong kiến trúc kiểm thử tự động cho ứng dụng Web, tại sao việc áp dụng Page Object Model (POM) lại là tiêu chuẩn bắt buộc và nó giúp giải quyết các vấn đề gì về bảo trì mã nguồn?

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi software testing liên quan cùng chủ đề