Kiểm thử phân trang & sắp xếp cho người mới: nhảy trang, giữ bộ lọc, sắp xếp ổn định (có trắc nghiệm)

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

Chào bạn mới! Danh sách sản phẩm trông có vẻ đơn giản — chỉ là hiển thị vài chục món hàng chia thành nhiều trang. Nhưng đây lại là nơi ẩn chứa rất nhiều lỗi tinh vi: trang cuối bị lệch số lượng, bấm sang trang 2 thì bộ lọc bạn vừa chọn 'biến mất', hay đổi 'Giá: Giảm dần' mà danh sách vẫn hiện y như cũ. Kiểm thử phân trang chính là kỹ năng giúp bạn phát hiện đúng những lỗi 'nhỏ mà đau' này trước khi khách hàng gặp phải. Chúng ta sẽ học qua trang danh sách sản phẩm thật của ShopEasy, có hình minh hoạ và phần tự làm thử.

2. Phân trang là gì, sắp xếp là gì?

Phân trang (pagination) là cách chia một danh sách dài (ví dụ 48 sản phẩm) thành nhiều trang nhỏ hơn (ví dụ 12 sản phẩm/trang, tổng 4 trang) để trang tải nhanh hơn và người dùng dễ theo dõi. Sắp xếp (sort) là cách quyết định thứ tự hiển thị các item trong danh sách đó — theo giá tăng/giảm, theo tên A-Z/Z-A, hay theo thời gian đăng (mới nhất trước). Hai tính năng này luôn đi cùng nhau trên các trang danh sách sản phẩm, vì người dùng thường vừa muốn sắp xếp theo ý mình vừa lướt qua nhiều trang để tìm món ưng ý.

Với người mới, dễ nghĩ hai tính năng này 'chỉ là hiển thị', không quan trọng bằng nghiệp vụ đặt hàng hay thanh toán. Nhưng thực tế, đây là hai tính năng người dùng chạm vào NHIỀU NHẤT trên một trang thương mại điện tử — gần như mọi phiên duyệt web đều liên quan tới việc lướt trang và đổi cách sắp xếp. Một lỗi nhỏ ở đây (như mất bộ lọc khi sang trang) có thể khiến khách hàng bỏ cuộc tìm kiếm và rời trang, ảnh hưởng trực tiếp tới doanh thu dù lỗi chỉ nằm ở khâu hiển thị.

3. Vì sao người mới cần thạo kiểm thử phân trang & sắp xếp

Phân trang và sắp xếp thường được lập trình dựa trên tham số truy vấn (query parameter) như ?trang=2&sort=gia-tang. Vì logic tính offset, giới hạn (limit), và điều kiện sắp xếp khá 'toán học', đây là nơi rất dễ lệch một đơn vị (off-by-one) — ví dụ trang 2 lại lặp lại sản phẩm cuối của trang 1, hoặc trang cuối thiếu mất 1 sản phẩm. Người mới thạo kiểm thử phân trang sẽ chủ động soi ra những lỗi off-by-one này thay vì chỉ lướt qua 'thấy có phân trang là được'.

Đây cũng là kỹ năng liên quan trực tiếp tới API testing sau này: hầu hết API danh sách (list API) đều nhận tham số page/limit/sort, và việc bạn hiểu rõ cách kiểm thử phân trang & sắp xếp ở giao diện sẽ giúp bạn dễ dàng chuyển sang kiểm thử các tham số đó ở tầng API. Ngoài ra, câu hỏi 'Bạn sẽ test phân trang như thế nào?' cũng là câu hỏi phỏng vấn khá phổ biến, vì nó cho thấy khả năng nghĩ ca kiểm thử có hệ thống thay vì chỉ test 'cho có'.

Và cuối cùng, phân trang/sắp xếp sai lệch có thể khiến sản phẩm bị 'ẩn' khỏi khách hàng một cách vô hình: nếu trang 2 bị lỗi không tải được, mọi sản phẩm chỉ nằm ở trang 2 trở đi coi như không bao giờ được khách nhìn thấy — dù dữ liệu vẫn tồn tại đúng trong hệ thống. Đây là loại lỗi 'im lặng' rất nguy hiểm vì không ai báo lỗi rõ ràng, chỉ âm thầm làm giảm doanh thu.

4. Chuẩn bị: khái niệm & các kỹ thuật nghĩ ca kiểm thử

Trước khi viết ca kiểm thử, bạn cần nắm rõ vài khái niệm cơ bản của phân trang: tổng số item, số item/trang (page size), tổng số trang (tính từ hai số trên), trang hiện tại, và tiêu chí + chiều sắp xếp đang áp dụng. Danh sách kỹ thuật dưới đây giúp bạn không bỏ sót góc nào.

▶ Bước 1: Mở trang danh sách cần test (ví dụ danh sách sản phẩm ShopEasy); ghi lại tổng số item và số item/trang.

▶ Bước 2: Tính tổng số trang mong đợi = làm tròn lên (tổng item / item mỗi trang), rồi kiểm hệ thống hiển thị đúng con số đó.

▶ Bước 3: Với mỗi tiêu chí sắp xếp, thử cả hai chiều (tăng và giảm) và so sánh thứ tự thực tế với thứ tự bạn tự tính tay từ dữ liệu.