自动化关键数据记录

简介

关键数据记录是 Web 自动化测试中的关键部分，它们提供了关于系统行为和执行过程的详细信息，有助于验证用例的正确性，排查问题和确保应用程序的质量。

行为日志

行为日志是一种用于记录系统或应用程序的操作和事件的技术。它的目的是为了跟踪和记录应用程序的执行过程，以便在需要时审计、故障排查。

行为日志通常包括以下内容：

时间戳(Timestamp)：每个日志记录的时间，记录第个操作或事件发生的确切时间点。
操作描述(Action Description)：对每个操作或事件的详细描述。例如执行的操作。
事件级别(Log Level)：表示日志记录的重要性级别。如信息、警告、错误等。
相关信息(Additional Information)：可以包括与操作或事件相关的其他数据，如参数、输入值等。

步骤截图

步骤截图用于捕捉 Web 自动化测试测试中的关键执行步骤，以便验证测试用例的正确性和可视化执行过程。

步骤截图包括以下内容：

屏幕截图：捕获 Web 自动化测试执行期间的屏幕图像，包括应用程序界面、当前页面内容和操作后的可视变化。
元素状态截图：捕获特定元素的状态，例如鼠标悬停、点击或其他交互触发的状态。这有助于验证页面元素的交互性和正确性。
控制台日志截图：捕获测试执行期间浏览器控制台的日志信息。将控制台日志与屏幕截图结合使用，有助于更全面地分析测试执行过程中的问题。

页面源代码 page source

page source 是一个用于捕获当前网页的 DOM（文档对象模型）结构的关键数据记录。用于排查元素查找问题、验证页面结构和属性。page source 通常包括以下内容：

HTML 结构：整个页面的 HTML 标记，包括元素、属性和内容。
CSS 样式：与页面关联的 CSS 样式信息，有助于了解元素的布局。
元素属性：每个元素的属性，用于标识和定位元素。
JavaScript 代码：如果页面包含 JavaScript，也可以包括 JavaScript 代码，以便分析页面的交互行为。

行为日志记录

需要先导入 logging 模块，运行之后，可以看到打印了对应的行为日志。

Python 实现

def test_logging():
    # 实例化driver
    driver = webdriver.Chrome()
    driver.implicitly_wait(10)
    # 打开百度首页
    driver.get("https://www.baidu.com")
    logging.info("打开百度首页")
    # 输入霍格沃兹测试学院
    driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("霍格沃兹测试学院")
    logging.info("输入霍格沃兹测试学院")
    # 点击搜索
    driver.find_element(By.CSS_SELECTOR, "#su").click()
    logging.info("点击搜索")
    time.sleep(3)
    driver.quit()

Java 实现

public class demoTest {
private static final Logger logger = LoggerFactory.getLogger(demoTest.class);
@Test
void demo(){
    //实例化driver
WebDriver driver = webdriver.Chrome();
driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
// 打开百度首页

driver.get("https://www.baidu.com");
logger.info("打开百度首页")
// 输入霍格沃兹测试学院
driver.findElement(By.cssSelector("#kw")).sendKeys("霍格沃兹测试学院");
logger.info("输入霍格沃兹测试学院")
// 点击搜索
driver.findElement(By.cssSelector("#su")).click()
logger.info("点击搜索")
Thread.sleep(3)
driver.quit()
}}

步骤截图记录

driver.get_screenshot_as_file：用于将当前浏览器窗口的屏幕截图保存为文件，需提前创建保存截图文件的目录。

Python 实现

def test_screenshot():
    # 实例化driver
    driver = webdriver.Chrome()
    driver.implicitly_wait(10)
    # 打开百度首页
    driver.get("https://www.baidu.com")
    driver.get_screenshot_as_file(f"./screenshot/打开百度首页.png")
    # 输入霍格沃兹测试学院
    driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("霍格沃兹测试学院")
    driver.get_screenshot_as_file(f"./screenshot/输入霍格沃兹测试学院.png")
    # 点击搜索
    driver.find_element(By.CSS_SELECTOR, "#su").click()
    driver.get_screenshot_as_file(f"./screenshot/点击搜索.png")
    time.sleep(3)
    driver.quit()

Java 实现

@Test
void sogouScreen2() throws IOException, InterruptedException {
    driver.get("https://www.sogou.com/");
    WebElement search = driver.findElement(By.xpath("//*[@class='sec-input-box']/input"));
    actions
            .sendKeys(search,"霍格沃兹")
            .sendKeys(Keys.ENTER)
            .perform();
    Thread.sleep(2000);
    WebElement element = driver.findElement(By.xpath("//*[@class='struct201102']//*[@vrcid='title.ba18e87']"));
    //在元素element被找到后，进行截图
    File eleScreen = element.getScreenshotAs(OutputType.FILE);
    FileUtils.copyFile(eleScreen,new File("./image2.png"));
}

page source 记录

driver.page_source：用于获取当前网页的 HTML 源代码。

Python 实现

def test_page_source():
    # 实例化driver
    driver = webdriver.Chrome()
    driver.implicitly_wait(10)
    # 打开百度首页
    driver.get("https://www.baidu.com")
    # 打印页面信息
    print(driver.page_source)
    # 输入霍格沃兹测试学院
    driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("霍格沃兹测试学院")
    # 点击搜索
    driver.find_element(By.CSS_SELECTOR, "#su").click()
    time.sleep(3)
    driver.quit()

Java 实现

 @Test
    void sogouScreen3() throws IOException {
        driver.get("https://www.sogou.com/");
        String pageSource = driver.getPageSource();
        logger.debug(pageSource);

        FileWriter pageSourceFile = new FileWriter("./pageSource.html");
        pageSourceFile.write(pageSource);

    }

总结

通过设立截图节点，日志打印，可以清晰看到程序运行时的情况以及出现报错时的页面信息。