Trong quá trình kiểm thử tự động với Selenium, việc phát hiện và xử lý lỗi là yếu tố quan trọng giúp đảm bảo chất lượng và hiệu quả của các bài kiểm tra. Bài viết này sẽ hướng dẫn chi tiết cách tích hợp việc ghi log và chụp ảnh màn hình khi xảy ra lỗi trong Selenium. Với các bước cụ thể và dễ thực hiện, bạn sẽ có một công cụ mạnh mẽ để theo dõi, phân tích và khắc phục sự cố trong quá trình kiểm thử.
input với type="text" để nhập tiêu đề.textarea để nhập mô tả dài.div với thuộc tính contenteditable="true" để cho phép người dùng nhập nội dung bài viết có thể chỉnh sửa trực tiếp.select với các option tương ứng để chọn chuyên mục bài viết.input với type="radio" để chọn trạng thái bài viết: Bản nháp, Xuất bản, hoặc Không xuất bản.<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Bài Viết</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.form-group {
margin-bottom: 15px;
}
label {
font-weight: bold;
margin-bottom: 5px;
display: block;
}
input[type="text"], textarea, select {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
#contentEditable {
border: 1px solid #ccc;
padding: 10px;
min-height: 200px;
}
.form-group-inline {
display: flex;
align-items: center;
gap: 10px;
}
.form-group-inline label {
font-weight: normal;
}
</style>
</head>
<body>
<h1>Form Tạo Bài Viết</h1>
<form action="#" method="post">
<!-- Tiêu đề bài viết -->
<div class="form-group">
<label for="title">Tiêu đề bài viết:</label>
<input type="text" id="title" name="title" placeholder="Nhập tiêu đề bài viết">
</div>
<!-- Mô tả bài viết -->
<div class="form-group">
<label for="description">Mô tả bài viết:</label>
<textarea id="description" name="description" rows="4" placeholder="Nhập mô tả bài viết"></textarea>
</div>
<!-- Nội dung bài viết -->
<div class="form-group">
<label for="content">Nội dung bài viết:</label>
<div id="contentEditable" contenteditable="true">
Nhập nội dung bài viết tại đây...
</div>
</div>
<!-- Chọn chuyên mục -->
<div class="form-group">
<label for="category">Chuyên mục:</label>
<select id="category" name="category">
<option value="tech">Công nghệ</option>
<option value="lifestyle">Phong cách sống</option>
<option value="education">Giáo dục</option>
<option value="health">Sức khỏe</option>
</select>
</div>
<!-- Trạng thái xuất bản -->
<div class="form-group">
<label>Trạng thái bài viết:</label>
<div class="form-group-inline">
<input type="radio" id="draft" name="status" value="draft">
<label for="draft">Bản nháp</label>
</div>
<div class="form-group-inline">
<input type="radio" id="published" name="status" value="published">
<label for="published">Xuất bản</label>
</div>
<div class="form-group-inline">
<input type="radio" id="unpublished" name="status" value="unpublished">
<label for="unpublished">Không xuất bản</label>
</div>
</div>
<!-- Nút submit -->
<button type="submit">Tạo bài viết</button>
</form>
</body>
</html>
Trong quá trình kiểm thử tự động với Selenium, việc xử lý lỗi là một phần quan trọng để đảm bảo quá trình kiểm tra diễn ra suôn sẻ. Bài viết này sẽ hướng dẫn bạn cách xây dựng một kịch bản Selenium hoàn chỉnh với khả năng tự động ghi log và chụp ảnh màn hình khi có lỗi xảy ra. Điều này giúp bạn dễ dàng kiểm tra và khắc phục lỗi trong quá trình tự động hóa.
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.common.action_chains import ActionChains
from selenium.common.exceptions import NoSuchElementException, WebDriverException
import logging
import time
import os
# Cài đặt logging
logging.basicConfig(filename='selenium_test.log', level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
# Thiết lập trình điều khiển Chrome
chrome_options = Options()
chrome_options.add_argument("--headless") # Chạy trình duyệt không có giao diện
service = Service('path/to/chromedriver') # Thay đổi đường dẫn đến chromedriver của bạn
# Khởi tạo trình duyệt
driver = webdriver.Chrome(service=service, options=chrome_options)
def take_screenshot(filename):
driver.save_screenshot(filename)
logging.info(f'Screenshot saved as {filename}')
try:
# Mở trang web với form
driver.get('file:///path/to/your/form.html') # Thay đổi đường dẫn đến file HTML của bạn
# Nhập dữ liệu vào tiêu đề bài viết
try:
title_input = driver.find_element(By.ID, 'title')
title_input.send_keys('Tiêu đề kiểm tra')
except NoSuchElementException:
logging.error('Không tìm thấy trường tiêu đề bài viết')
take_screenshot('error_title_input.png')
# Nhập mô tả bài viết
try:
description_textarea = driver.find_element(By.ID, 'description')
description_textarea.send_keys('Mô tả kiểm tra cho bài viết')
except NoSuchElementException:
logging.error('Không tìm thấy trường mô tả bài viết')
take_screenshot('error_description_textarea.png')
# Nhập nội dung bài viết
try:
content_editable = driver.find_element(By.ID, 'contentEditable')
action = ActionChains(driver)
action.move_to_element(content_editable).click().send_keys('Nội dung bài viết kiểm tra').perform()
except NoSuchElementException:
logging.error('Không tìm thấy trường nội dung bài viết')
take_screenshot('error_content_editable.png')
# Chọn chuyên mục
try:
category_select = driver.find_element(By.ID, 'category')
category_select.send_keys('Công nghệ')
except NoSuchElementException:
logging.error('Không tìm thấy trường chọn chuyên mục')
take_screenshot('error_category_select.png')
# Chọn trạng thái bài viết
try:
status_radio = driver.find_element(By.ID, 'published')
status_radio.click()
except NoSuchElementException:
logging.error('Không tìm thấy lựa chọn trạng thái bài viết')
take_screenshot('error_status_radio.png')
# Gửi form
try:
submit_button = driver.find_element(By.XPATH, '//button[@type="submit"]')
submit_button.click()
except NoSuchElementException:
logging.error('Không tìm thấy nút gửi form')
take_screenshot('error_submit_button.png')
except WebDriverException as e:
logging.error(f'Lỗi trình duyệt: {e}')
take_screenshot('error_webdriver_exception.png')
finally:
# Đóng trình duyệt
driver.quit()
Trước tiên, hãy đảm bảo rằng bạn đã cài đặt Selenium và trình điều khiển phù hợp. Đối với bài viết này, chúng tôi sử dụng ChromeDriver.
Cài đặt Selenium bằng pip nếu bạn chưa có:
pip install selenium
Ngoài ra, bạn cần tải ChromeDriver phiên bản phù hợp với trình duyệt Chrome của mình và thiết lập đường dẫn tới tệp này.
Sử dụng thư viện logging để lưu lại thông tin về quá trình thực hiện của Selenium. File log sẽ chứa các thông tin chi tiết về các hoạt động và lỗi phát sinh, giúp bạn dễ dàng theo dõi và phân tích.
import logging logging.basicConfig(filename='selenium_test.log', level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
INFO, có nghĩa là sẽ ghi lại tất cả các hoạt động từ mức độ thông tin trở lên (bao gồm cảnh báo và lỗi).Để chạy các bài kiểm thử Selenium trên Chrome ở chế độ không giao diện, bạn cần cấu hình WebDriver với chrome_options.
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.options import Options
chrome_options = Options()
chrome_options.add_argument("--headless") # Chạy trình duyệt không có giao diện
service = Service('path/to/chromedriver') # Thay thế đường dẫn tới ChromeDriver
driver = webdriver.Chrome(service=service, options=chrome_options)
Trong đoạn mã trên:
chromedriver cần được thay đổi phù hợp với hệ thống của bạn.Khi có lỗi, Selenium sẽ tự động chụp lại màn hình để bạn có thể xem xét trạng thái hiện tại của trang web. Dưới đây là hàm dùng để chụp ảnh:
def take_screenshot(filename):
driver.save_screenshot(filename)
logging.info(f'Screenshot saved as {filename}')
Hàm này sử dụng phương thức save_screenshot() của Selenium để lưu ảnh với tên file mà bạn cung cấp. Sau đó, thông tin về việc chụp ảnh sẽ được ghi vào log.
Đầu tiên, chúng ta thử tìm và nhập dữ liệu vào trường tiêu đề của bài viết. Nếu không tìm thấy trường này, một lỗi sẽ được ghi lại và ảnh màn hình sẽ được chụp.
try:
title_input = driver.find_element(By.ID, 'title')
title_input.send_keys('Tiêu đề kiểm tra')
except NoSuchElementException:
logging.error('Không tìm thấy trường tiêu đề bài viết')
take_screenshot('error_title_input.png')
find_element để tìm trường theo thuộc tính id trong HTML.Tương tự như phần tiêu đề, chúng ta tìm và nhập dữ liệu vào trường mô tả.
try:
description_textarea = driver.find_element(By.ID, 'description')
description_textarea.send_keys('Mô tả kiểm tra cho bài viết')
except NoSuchElementException:
logging.error('Không tìm thấy trường mô tả bài viết')
take_screenshot('error_description_textarea.png')
Đối với nội dung bài viết, nếu trường nhập có thuộc tính contenteditable, chúng ta cần sử dụng ActionChains để thao tác.
from selenium.webdriver.common.action_chains import ActionChains
try:
content_editable = driver.find_element(By.ID, 'contentEditable')
action = ActionChains(driver)
action.move_to_element(content_editable).click().send_keys('Nội dung bài viết kiểm tra').perform()
except NoSuchElementException:
logging.error('Không tìm thấy trường nội dung bài viết')
take_screenshot('error_content_editable.png')
contenteditable.Để chọn chuyên mục và trạng thái bài viết, bạn có thể sử dụng find_element() để tương tác với các thẻ select và radio.
# Chọn chuyên mục
try:
category_select = driver.find_element(By.ID, 'category')
category_select.send_keys('Công nghệ')
except NoSuchElementException:
logging.error('Không tìm thấy trường chọn chuyên mục')
take_screenshot('error_category_select.png')
# Chọn trạng thái bài viết
try:
status_radio = driver.find_element(By.ID, 'published')
status_radio.click()
except NoSuchElementException:
logging.error('Không tìm thấy lựa chọn trạng thái bài viết')
take_screenshot('error_status_radio.png')
Cuối cùng, chúng ta tìm nút gửi form và click để hoàn tất quá trình nhập dữ liệu.
try:
submit_button = driver.find_element(By.XPATH, '//button[@type="submit"]')
submit_button.click()
except NoSuchElementException:
logging.error('Không tìm thấy nút gửi form')
take_screenshot('error_submit_button.png')
Ngoài việc xử lý từng lỗi cụ thể, chúng ta có thể bắt tất cả các lỗi chung liên quan đến WebDriver và ghi lại chúng vào file log:
from selenium.common.exceptions import WebDriverException
try:
# Các thao tác Selenium
except WebDriverException as e:
logging.error(f'Lỗi trình duyệt: {e}')
take_screenshot('error_webdriver_exception.png')
Dù quá trình thực hiện có thành công hay không, bạn nên đóng trình duyệt sau khi hoàn tất để giải phóng tài nguyên.
finally:
driver.quit()
Việc tích hợp xử lý lỗi trong các kịch bản Selenium là rất cần thiết, giúp bạn có thể kiểm tra và phát hiện lỗi một cách nhanh chóng. Bằng cách sử dụng logging và chụp ảnh màn hình khi gặp sự cố, bạn sẽ dễ dàng theo dõi quá trình kiểm thử và khắc phục các lỗi phát sinh.
Qua bài viết này, bạn đã nắm vững cách xử lý lỗi toàn diện trong Selenium bằng cách tự động ghi log và chụp ảnh màn hình. Việc này không chỉ giúp tiết kiệm thời gian mà còn tăng tính chính xác trong quá trình kiểm thử. Hãy áp dụng những kỹ thuật này vào dự án của bạn để đảm bảo các quy trình tự động hóa diễn ra suôn sẻ và hiệu quả hơn. Nếu gặp bất kỳ khó khăn nào trong quá trình thực hiện, đừng ngần ngại kiểm tra lại các bước hoặc tham khảo tài liệu chi tiết từ Selenium.