【Selenium】实现GUI控件高亮测试报告

一、目标

理想中的GUI测试报告应该有一系列按时间顺序的屏幕截图组成，并且这些截图上可以高亮地显示所操作的元素，同时按照执行顺序配有相关操作步骤的详细信息

二、工具准备

准备测试需要用到的工具软件

Server - 下载chromedriver.exe http://chromedriver.storage.googleapis.com/index.html, 这里面有不同的版本，注意下载和chrome相对应的版本`，否则测试失败

Application - 测试的浏览器，这里我们使用的是chrome, 需要查看对应的版本

Client - 测试脚本，这里我们选择C#语言编写，需要在Nuget里引用Selenium.WebDriver

三、代码实现

这里用一个简单的Demo实现下，Demo的内容很简单，就是打开chrome，跳转到百度搜索页面，搜索Selenium百度百科关键字，然后再搜索结果中点击第一个结果。 所有的代码可以在我的Github获取，请点击这里 Highight.Element

 static void Main(string[] args)
 {
   
     // chromewebdriver.exe的存放文件夹, 以及最大化设置
     ChromeOptions options = new ChromeOptions();
     options.AddArguments("start-maximized");
     var webDriver = new ChromeDriver(@"C:\Program Files (x86)\Google\Chrome\Application", options);

     // 跳转到百度页面
     webDriver.Navigate().GoToUrl