Fatih Kadir Akın

Xây dựng bài kiểm tra tốc độ gõ tương tác bằng HTML5, CSS3 và JavaScript. Tạo giao diện rõ ràng với khu vực hiển thị văn bản và nhập liệu. Thực hiện tính toán WPM và độ chính xác trong thời gian thực. Thêm mức độ khó với lựa chọn văn bản thích hợp. Bao gồm đánh dấu lỗi và theo dõi sửa lỗi. Thực hiện lịch sử thử nghiệm với biểu đồ hiệu suất. Thêm tính năng tạo thử nghiệm tùy chỉnh bằng tính năng nhập văn bản. Bao gồm màn hình bàn phím ảo hiển thị các lần nhấn phím. Hỗ trợ nhiều ngôn ngữ và bố trí bàn phím. Tạo một thiết kế đáp ứng cho tất cả các thiết bị. Thêm chế độ cạnh tranh với bảng xếp hạng.

Phát triển công cụ chuyển đổi tiền tệ toàn diện bằng HTML5, CSS3, JavaScript và API tỷ giá hối đoái đáng tin cậy. Tạo giao diện rõ ràng, trực quan với các trường nhập liệu và bộ chọn tiền tệ nổi bật. Triển khai tỷ giá hối đoái theo thời gian thực với các chỉ báo dấu thời gian hiển thị độ mới của dữ liệu. Hỗ trợ hơn 170 loại tiền tệ toàn cầu bao gồm tiền điện tử với các ký hiệu và định dạng phù hợp. Duy trì nhật ký lịch sử chuyển đổi với dấu thời gian và thông tin về tỷ lệ. Cho phép người dùng đánh dấu các cặp tiền tệ yêu thích để truy cập nhanh. Tạo biểu đồ tỷ giá lịch sử tương tác với phạm vi ngày có thể tùy chỉnh. Triển khai chức năng ngoại tuyến bằng cách sử dụng tỷ giá hối đoái được lưu trong bộ nhớ đệm với các chỉ báo độ ổn định rõ ràng. Thêm một máy tính tích hợp cho các phép tính chuyển đổi và số học phức tạp. Tạo thông báo tỷ giá cho tỷ giá hối đoái mục tiêu với các thông báo tùy chọn. Bao gồm so sánh song song các mức giá của nhà cung cấp khác nhau nếu có. Hỗ trợ in và xuất kết quả chuyển đổi ở nhiều định dạng (PDF, CSV, JSON).

Phát triển trò chơi thẻ bài phù hợp với trí nhớ bằng HTML5, CSS3 và JavaScript. Tạo các thiết kế thiệp hấp dẫn trực quan với hình ảnh động lật. Thực hiện mức độ khó với kích thước lưới và số lượng thẻ khác nhau. Thêm bộ đếm thời gian và di chuyển bộ đếm để ghi điểm. Bao gồm các hiệu ứng âm thanh khi lật bài và xếp bài. Triển khai bảng xếp hạng với sự kiên trì về điểm số. Thêm lựa chọn chủ đề với các thiết kế thẻ khác nhau. Bao gồm chế độ nhiều người chơi để chơi cạnh tranh. Tạo bố cục đáp ứng thích ứng với kích thước màn hình. Thêm tính năng trợ năng để điều hướng bằng bàn phím. Thực hiện tăng độ khó lũy tiến trong quá trình chơi trò chơi.

Phát triển công cụ lập hồ sơ bộ nhớ trong C để phân tích việc sử dụng bộ nhớ của quy trình. Thực hiện đính kèm quy trình với tác động hiệu suất tối thiểu. Thêm phân tích vùng nhớ heap với tính năng theo dõi phân bổ. Bao gồm tính năng phát hiện rò rỉ bộ nhớ bằng dấu vết ngăn xếp. Thực hiện trực quan hóa việc sử dụng bộ nhớ với số liệu thống kê chi tiết. Thêm móc phân bổ tùy chỉnh để theo dõi chi tiết. Bao gồm việc tạo báo cáo ở nhiều định dạng. Thực hiện các tùy chọn lọc để giảm tiếng ồn. Thêm chức năng so sánh giữa các ảnh chụp nhanh. Bao gồm giao diện dòng lệnh với chế độ tương tác. Thực hiện xử lý tín hiệu để tách sạch.

Xây dựng công cụ tìm kiếm và lập chỉ mục hệ thống tệp hiệu suất cao trong Go. Thực hiện truyền tải thư mục đệ quy với độ sâu có thể định cấu hình. Thêm trích xuất siêu dữ liệu tệp bao gồm kích thước, ngày tháng và quyền. Bao gồm lập chỉ mục nội dung với tìm kiếm toàn văn tùy chọn. Triển khai cú pháp truy vấn nâng cao với toán tử boolean và ký tự đại diện. Thêm lập chỉ mục gia tăng cho hiệu suất. Bao gồm chức năng xuất ở định dạng JSON và CSV. Thực hiện đánh dấu kết quả tìm kiếm. Thêm tính năng phát hiện tệp trùng lặp bằng cách sử dụng tổng kiểm tra. Bao gồm thống kê hiệu suất và báo cáo tiến độ. Thực hiện xử lý đồng thời để sử dụng đa lõi.

Tạo trò chơi đua xe 3D thú vị bằng Three.js và JavaScript. Thực hiện vật lý xe thực tế với hệ thống treo, ma sát lốp và khí động học. Tạo các mô hình ô tô chi tiết với màu sơn và nâng cấp có thể tùy chỉnh. Thiết kế nhiều đường đua với địa hình và chướng ngại vật khác nhau. Thêm đối thủ AI với mức độ khó và hành vi đua xe khác nhau. Triển khai chế độ nhiều người chơi chia đôi màn hình cho các cuộc đua địa phương. Bao gồm HUD toàn diện hiển thị tốc độ, thời gian vòng đua, vị trí và bản đồ nhỏ. Tạo hiệu ứng hạt cho khói lốp, hiệu ứng động cơ và thời tiết. Thêm chu kỳ ngày/đêm năng động với ánh sáng chân thực. Thực hiện các chế độ đua bao gồm thử nghiệm thời gian, vô địch và loại bỏ. Bao gồm hệ thống phát lại với nhiều góc camera.

Tạo một trò chơi chiến đấu trên máy bay nhiều người chơi hấp dẫn bằng Three.js, HTML5, CSS3 và JavaScript với WebSocket để kết nối mạng trong thời gian thực. Triển khai mô hình máy bay 3D chi tiết với vật lý bay thực tế bao gồm điều khiển độ cao, độ lệch, độ lăn và ga. Thêm các điều khiển camera mượt mà theo dõi máy bay của người chơi với các chế độ xem có thể định cấu hình (buồng lái, rượt đuổi, quỹ đạo). Tạo môi trường skybox với thời gian linh hoạt trong ngày và các hiệu ứng thời tiết. Triển khai chức năng nhiều người chơi bằng WebSocket để cập nhật vị trí, chiến đấu và đồng bộ hóa trạng thái trò chơi theo thời gian thực. Thêm hệ thống vũ khí với mô hình vật lý đạn, phát hiện trúng đích và sát thương. Bao gồm các hiệu ứng hạt cho khí thải động cơ, cháy vũ khí, nổ và hư hỏng. Tạo HUD hiển thị tốc độ, độ cao, hướng đi, radar, sức khỏe và trạng thái vũ khí. Triển khai hiệu ứng âm thanh cho động cơ, vũ khí, vụ nổ và âm thanh môi trường bằng API Web Audio. Thêm các loại trận đấu bao gồm deathmatch và trận chiến đồng đội với hệ thống tính điểm. Bao gồm các trang bị tùy chỉnh trên máy bay với các loại vũ khí và khả năng khác nhau. Tạo hệ thống vận động hành lang để tạo trận đấu và phân công đội. Triển khai dự đoán phía máy khách và bù độ trễ để có trải nghiệm nhiều người chơi mượt mà. Thêm bản đồ nhỏ hiển thị vị trí và mục tiêu của người chơi. Bao gồm hệ thống phát lại để phát lại trận đấu và tạo điểm nhấn. Tạo các điều khiển phản hồi hỗ trợ cả đầu vào bàn phím/chuột và gamepad.

Tạo ứng dụng việc cần làm đáp ứng với HTML5, CSS3 và JavaScript thuần. Ứng dụng phải có giao diện người dùng hiện đại, rõ ràng bằng CSS Grid/Flexbox với các điều khiển trực quan. Triển khai đầy đủ chức năng CRUD (thêm/chỉnh sửa/xóa/hoàn thành tác vụ) với hình ảnh động mượt mà. Bao gồm phân loại nhiệm vụ với mã màu và mức độ ưu tiên (thấp/trung bình/cao). Thêm ngày đến hạn bằng thành phần chọn ngày và thông báo nhắc nhở. Sử dụng localStorage để duy trì dữ liệu giữa các phiên. Triển khai chức năng tìm kiếm với các bộ lọc theo trạng thái, danh mục và phạm vi ngày. Thêm tính năng sắp xếp lại các tác vụ bằng cách kéo và thả bằng cách sử dụng API Kéo và Thả HTML5. Đảm bảo thiết kế đáp ứng đầy đủ với các điểm dừng thích hợp bằng cách sử dụng truy vấn phương tiện. Bao gồm chuyển đổi chủ đề tối/sáng tôn trọng tùy chọn hệ thống của người dùng. Thêm các tương tác vi mô tinh tế và chuyển tiếp để có trải nghiệm người dùng tốt hơn.

Tạo trình tạo mật khẩu an toàn toàn diện bằng HTML5, CSS3 và JavaScript với tính ngẫu nhiên mạnh về mặt mật mã. Xây dựng giao diện trực quan với tính năng xem trước mật khẩu theo thời gian thực. Cho phép tùy chỉnh độ dài mật khẩu với các cài đặt trước cho các cấp độ bảo mật khác nhau. Bao gồm các nút chuyển đổi cho các loại ký tự (chữ hoa, chữ thường, số, ký hiệu) bằng các chỉ báo trực quan. Triển khai máy đo cường độ tiên tiến hiển thị bit entropy và thời gian bẻ khóa ước tính. Thêm nút sao chép bằng một cú nhấp chuột với tính năng xác nhận và xóa bảng nhớ tạm tự động. Tạo tính năng lưu trữ mật khẩu bằng bộ lưu trữ localStorage được mã hóa. Tạo nhiều mật khẩu đồng thời với các tùy chọn hàng loạt. Duy trì lịch sử mật khẩu với dấu thời gian tạo. Tính toán và hiển thị entropy bằng các công thức tiêu chuẩn. Cung cấp các tùy chọn tạo mật khẩu dễ nhớ (dựa trên cụm từ, dựa trên mẫu). Bao gồm chức năng xuất với các tùy chọn mã hóa cho danh sách mật khẩu.

Tạo một máy tính khoa học toàn diện với HTML5, CSS3 và JavaScript bắt chước các máy tính chuyên nghiệp. Thực hiện tất cả các phép tính số học cơ bản với thứ tự phép tính thích hợp. Bao gồm các hàm khoa học nâng cao (lượng giác, logarit, hàm mũ, thống kê) với khả năng chuyển đổi độ/radian. Thêm các thao tác bộ nhớ (M+, M-, MR, MC) bằng các chỉ báo trực quan. Duy trì nhật ký lịch sử tính toán có thể cuộn được và có thể xóa hoặc lưu. Triển khai hỗ trợ bàn phím đầy đủ với ánh xạ phím và phím tắt thích hợp. Thêm khả năng xử lý lỗi mạnh mẽ để chia cho số 0, các hoạt động không hợp lệ và điều kiện tràn bằng các thông báo lỗi hữu ích. Tạo một thiết kế đáp ứng có thể chuyển đổi giữa bố cục tiêu chuẩn và bố cục khoa học dựa trên kích thước hoặc hướng màn hình. Bao gồm nhiều tùy chọn chủ đề (cổ điển, hiện đại, độ tương phản cao). Thêm phản hồi âm thanh tùy chọn khi nhấn nút bằng điều khiển âm lượng. Triển khai chức năng sao chép/dán cho kết quả và biểu thức.

Tạo công cụ đo điểm chuẩn HTTP hiệu suất cao trong Go. Triển khai việc tạo yêu cầu đồng thời với số lượng luồng có thể định cấu hình. Thêm số liệu thống kê chi tiết bao gồm độ trễ, thông lượng và tỷ lệ lỗi. Bao gồm hỗ trợ cho HTTP/1.1, HTTP/2 và HTTP/3. Triển khai quản lý cookie và tiêu đề tùy chỉnh. Thêm mẫu yêu cầu cho nội dung động. Bao gồm xác thực phản hồi với kiểm tra mã trạng thái và biểu thức chính quy. Triển khai cấu hình TLS với các tùy chọn xác thực chứng chỉ. Thêm cấu hình hồ sơ tải với các giai đoạn tăng tốc và trạng thái ổn định. Bao gồm báo cáo chi tiết với phần trăm và biểu đồ. Triển khai chế độ thử nghiệm phân tán cho các tình huống tải cao.

Phát triển trò chơi bắn súng góc nhìn thứ nhất bằng Three.js và JavaScript. Tạo các mô hình vũ khí chi tiết với hình ảnh động và hiệu ứng chân thực. Triển khai hệ thống phát hiện và gây sát thương chính xác. Thiết kế nhiều cấp độ trò chơi với nhiều môi trường và mục tiêu khác nhau. Thêm kẻ thù AI ​​có hành vi tìm đường và chiến đấu. Tạo hiệu ứng hạt cho các tia sáng, tác động và vụ nổ của mõm. Triển khai chế độ nhiều người chơi với các mục tiêu theo nhóm. Bao gồm hệ thống nhặt và kiểm kê vũ khí. Thêm hiệu ứng âm thanh cho vũ khí, tiếng bước chân và môi trường. Tạo theo dõi số liệu thống kê và tính điểm chi tiết. Triển khai hệ thống phát lại cho các kill cam và điểm nổi bật của trận đấu.

Tạo trình xem PDF dựa trên web bằng HTML5, CSS3, JavaScript và PDF.js. Xây dựng giao diện rõ ràng với các điều khiển điều hướng trực quan. Triển khai điều hướng trang bằng hình thu nhỏ và chế độ xem phác thảo. Thêm tìm kiếm văn bản với tính năng đánh dấu kết quả. Bao gồm các điều khiển thu phóng và điều chỉnh độ rộng/chiều cao vừa vặn. Thực hiện lựa chọn và sao chép văn bản. Thêm các công cụ chú thích bao gồm đánh dấu, ghi chú và vẽ. Hỗ trợ chế độ xoay và trình bày tài liệu. Bao gồm chức năng in với các tùy chọn. Tạo một thiết kế đáp ứng hoạt động trên tất cả các thiết bị. Thêm thuộc tính tài liệu và hiển thị siêu dữ liệu.

Tạo ứng dụng hẹn giờ pomodoro toàn diện bằng HTML5, CSS3 và JavaScript theo kỹ thuật quản lý thời gian. Thiết kế một giao diện trang nhã với chỉ báo tiến trình hình tròn lớn, sinh động, thể hiện trực quan phiên hiện tại. Cho phép tùy chỉnh khoảng thời gian làm việc (mặc định 25min), thời gian nghỉ ngắn (mặc định 5min) và thời gian nghỉ dài (mặc định 15min). Bao gồm tích hợp danh sách nhiệm vụ nơi người dùng có thể liên kết các phiên pomodoro với các nhiệm vụ cụ thể. Thêm thông báo âm thanh có thể định cấu hình để chuyển đổi khoảng thời gian bằng điều khiển âm lượng. Thực hiện thống kê chi tiết theo dõi năng suất hàng ngày/hàng tuần bằng biểu đồ trực quan. Sử dụng localStorage để duy trì cài đặt và lịch sử giữa các phiên. Làm cho ứng dụng có thể cài đặt dưới dạng PWA với thông báo và hỗ trợ ngoại tuyến. Thêm phím tắt để điều khiển hẹn giờ nhanh (bắt đầu/tạm dừng/đặt lại). Bao gồm nhiều tùy chọn chủ đề với màu sắc và phông chữ có thể tùy chỉnh. Thêm chế độ tập trung để ngăn chặn sự xao lãng trong thời gian làm việc.

Xây dựng công cụ màu sắc chuyên nghiệp với HTML5, CSS3 và JavaScript dành cho nhà thiết kế và nhà phát triển. Tạo giao diện trực quan với nhiều phương pháp lựa chọn bao gồm ống nhỏ mắt, bánh xe màu, thanh trượt và trường nhập liệu. Thực hiện chuyển đổi thời gian thực giữa các định dạng màu (RGB, RGBA, HSL, HSLA, HEX, CMYK) với chức năng sao chép. Thêm trình tạo bảng màu với các tùy chọn cho các sơ đồ bổ sung, tương tự, bộ ba, bộ tứ và đơn sắc. Bao gồm hệ thống yêu thích với các bộ sưu tập được đặt tên và tùy chọn xuất. Thực hiện trực quan hóa các quy tắc hài hòa màu sắc bằng điều chỉnh tương tác. Tạo một trình tạo gradient hỗ trợ các gradient tuyến tính, xuyên tâm và hình nón với nhiều điểm dừng màu. Thêm trình kiểm tra khả năng truy cập để đảm bảo tuân thủ WCAG với tỷ lệ tương phản và mô phỏng độ mù màu. Triển khai sao chép bằng một cú nhấp chuột cho các đoạn mã CSS, SCSS và SVG. Bao gồm thuật toán đặt tên màu để gợi ý tên cho các màu đã chọn. Hỗ trợ xuất bảng màu sang nhiều định dạng khác nhau (Adobe ASE, JSON, CSS, SCSS).

Tạo trình phân tích gói mạng dòng lệnh trong C bằng libpcap. Thực hiện chụp gói từ giao diện mạng với các tùy chọn lọc. Thêm phân tích giao thức cho các giao thức phổ biến (TCP, UDP, HTTP, DNS, v.v.). Bao gồm số liệu thống kê lưu lượng truy cập với mức sử dụng băng thông và số lượng kết nối. Thực hiện giải mã gói với thông tin tiêu đề chi tiết. Thêm chức năng xuất ở định dạng PCAP và CSV. Bao gồm hệ thống cảnh báo cho các mẫu lưu lượng truy cập đáng ngờ. Thực hiện theo dõi kết nối với thông tin trạng thái. Thêm tra cứu vị trí địa lý cho địa chỉ IP. Bao gồm các đối số dòng lệnh cho tất cả các tùy chọn có giá trị mặc định hợp lý. Triển khai đầu ra được mã hóa màu để dễ đọc hơn.

Phát triển ứng dụng bài kiểm tra tương tác toàn diện với HTML5, CSS3 và JavaScript. Tạo giao diện người dùng hấp dẫn với khả năng chuyển tiếp mượt mà giữa các câu hỏi. Hỗ trợ nhiều loại câu hỏi bao gồm trắc nghiệm, đúng/sai, khớp và câu trả lời ngắn với tính năng chấm điểm tự động. Triển khai bộ hẹn giờ có thể định cấu hình cho mỗi câu hỏi bằng tính năng đếm ngược trực quan. Thêm tính năng theo dõi điểm chi tiết với điểm dựa trên độ khó và thời gian phản hồi. Hiển thị thanh tiến trình động cho biết phần trăm hoàn thành. Bao gồm chế độ xem lại để xem câu trả lời đúng/sai kèm theo lời giải thích sau khi hoàn thành bài kiểm tra. Triển khai bảng xếp hạng liên tục bằng cách sử dụng localStorage. Sắp xếp các câu hỏi thành các danh mục với các biểu tượng và mô tả tùy chỉnh. Hỗ trợ nhiều cấp độ khó ảnh hưởng đến việc ghi điểm và giới hạn thời gian. Tạo bản tóm tắt kết quả chi tiết với các phân tích hiệu suất và đề xuất cải tiến. Thêm chức năng chia sẻ xã hội để có kết quả với thông báo có thể tùy chỉnh.

Xây dựng trò chơi khám phá không gian 3D sống động bằng Three.js và JavaScript. Tạo ra một vũ trụ rộng lớn với các hành tinh, ngôi sao và tinh vân được tạo theo thủ tục. Thực hiện các điều khiển tàu vũ trụ thực tế với vật lý Newton. Thêm các bề mặt hành tinh chi tiết với việc tạo địa hình và hiệu ứng khí quyển. Tạo các trạm không gian và tiền đồn để giao dịch và thực hiện nhiệm vụ. Triển khai hệ thống thu thập tài nguyên và quản lý hàng hóa. Thêm các loài ngoại lai có hành vi và tương tác độc đáo. Tạo hiệu ứng du hành lỗ sâu đục giữa các hệ sao. Bao gồm hệ thống tùy chỉnh và nâng cấp tàu chi tiết. Thực hiện cơ chế khai thác và chiến đấu với các hiệu ứng vũ khí. Thêm hệ thống nhiệm vụ với các yếu tố và mục tiêu câu chuyện.

Xây dựng công cụ tính số liệu sức khỏe toàn diện với HTML5, CSS3 và JavaScript dựa trên các tiêu chuẩn y tế. Tạo giao diện rõ ràng, dễ tiếp cận với các biểu mẫu nhập từng bước. Thực hiện tính toán BMI chính xác với thang phân loại trực quan và đánh giá rủi ro sức khỏe. Thêm công cụ tính tỷ lệ phần trăm mỡ cơ thể bằng nhiều phương pháp (mô phỏng Hải quân, Jackson-Pollock, BIA). Tính toán phạm vi cân nặng lý tưởng bằng nhiều công thức (Hamwi, Devine, Robinson, Miller). Triển khai công cụ tính nhu cầu calo chi tiết với BMR (sử dụng các phương trình Harris-Benedict, Mifflin-St Jeor và Katch-McArdle) và TDEE dựa trên mức độ hoạt động. Bao gồm các đề xuất sức khỏe được cá nhân hóa dựa trên số liệu được tính toán. Hỗ trợ cả đơn vị hệ mét và hệ Anh với khả năng chuyển đổi liền mạch. Lưu trữ hồ sơ người dùng và lịch sử đo lường bằng trực quan hóa xu hướng. Tạo biểu đồ tiến trình tương tác hiển thị các thay đổi theo thời gian. Tạo báo cáo PDF có thể in/xuất với tất cả các số liệu và đề xuất.

---
Tên: kỹ năng kiểm tra ứng dụng web
mô tả: Bộ công cụ để tương tác và thử nghiệm các ứng dụng web cục bộ bằng Playwright.
---

#Kiểm tra ứng dụng web

Kỹ năng này cho phép kiểm tra và gỡ lỗi toàn diện các ứng dụng web cục bộ bằng cách sử dụng tính năng tự động hóa của Playwright.

## Khi nào nên sử dụng kỹ năng này

Hãy sử dụng kỹ năng này khi bạn cần:
- Kiểm tra chức năng giao diện người dùng trong trình duyệt thực
- Xác minh hành vi và tương tác UI
- Gỡ lỗi các vấn đề về ứng dụng web
- Chụp ảnh màn hình để làm tài liệu hoặc gỡ lỗi
- Kiểm tra nhật ký bảng điều khiển trình duyệt
- Xác thực việc gửi biểu mẫu và luồng người dùng
- Kiểm tra thiết kế đáp ứng trên các khung nhìn

## Điều kiện tiên quyết

- Node.js được cài đặt trên hệ thống
- Một ứng dụng web chạy cục bộ (hoặc URL có thể truy cập)
- Nhà viết kịch sẽ được cài đặt tự động nếu không có mặt

## Năng lực cốt lõi

### 1. Tự động hóa trình duyệt
- Điều hướng đến URL
- Nhấp vào nút và liên kết
- Điền vào các trường mẫu
- Chọn danh sách thả xuống
- Xử lý các hộp thoại và cảnh báo

### 2. Xác minh
- Khẳng định sự hiện diện của phần tử
- Xác minh nội dung văn bản
- Kiểm tra khả năng hiển thị phần tử
- Xác thực URL
- Kiểm tra hành vi đáp ứng

### 3. Gỡ lỗi
- Chụp ảnh màn hình
- Xem nhật ký giao diện điều khiển
- Kiểm tra các yêu cầu mạng
- Gỡ lỗi các bài kiểm tra thất bại

## Ví dụ sử dụng

### Ví dụ 1: Kiểm tra điều hướng cơ bản
```javascript
// Navigate to a page and verify title
await page.goto('http://localhost:3000');
const title = await page.title();
console.log('Page title:', title);
```

### Ví dụ 2: Tương tác hình thức
```javascript
// Fill out and submit a form
await page.fill('#username', 'testuser');
await page.fill('#password', 'password123');
await page.click('button[type="submit"]');
await page.waitForURL('**/dashboard');
```

### Ví dụ 3: Chụp ảnh màn hình
```javascript
// Capture a screenshot for debugging
await page.screenshot({ path: 'debug.png', fullPage: true });
```

## Nguyên tắc

1. **Luôn xác minh ứng dụng đang chạy** - Kiểm tra xem máy chủ cục bộ có thể truy cập được hay không trước khi chạy thử nghiệm
2. **Sử dụng tính năng chờ rõ ràng** - Đợi các phần tử hoặc điều hướng hoàn tất trước khi tương tác
3. **Chụp ảnh màn hình khi bị lỗi** - Chụp ảnh màn hình để giúp khắc phục sự cố
4. **Dọn dẹp tài nguyên** - Luôn đóng trình duyệt khi hoàn tất
5. **Xử lý thời gian chờ một cách khéo léo** - Đặt thời gian chờ hợp lý cho các thao tác chậm
6. **Thử nghiệm tăng dần** - Bắt đầu bằng các tương tác đơn giản trước các quy trình phức tạp
7. **Sử dụng bộ chọn một cách khôn ngoan** - Ưu tiên bộ chọn dựa trên vai trò hoặc kiểm thử dữ liệu hơn các lớp CSS

## Các mẫu phổ biến

### Mẫu: Chờ phần tử
```javascript
await page.waitForSelector('#element-id', { state: 'visible' });
```

### Mẫu: Kiểm tra xem phần tử có tồn tại không
```javascript
const exists = await page.locator('#element-id').count() > 0;
```

### Mẫu: Nhận nhật ký bảng điều khiển
```javascript
page.on('console', msg => console.log('Browser log:', msg.text()));
```

### Mẫu: Xử lý lỗi
```javascript
try {
  await page.click('#button');
} catch (error) {
  await page.screenshot({ path: 'error.png' });
  throw error;
}
```

## Hạn chế

- Yêu cầu môi trường Node.js
- Không thể kiểm tra các ứng dụng di động gốc (thay vào đó hãy sử dụng Thư viện thử nghiệm gốc React)
- Có thể có vấn đề với các luồng xác thực phức tạp
- Một số framework hiện đại có thể yêu cầu cấu hình cụ thể