自动化测试 (三) Web自动化测试原理

野性酷女 2022-12-08 13:00 361阅读 0赞

目前市面上有很多Web UI自动化测试框架，比如WatiN, Selinimu,WebDriver，还有VS2010中的Coded UI等等. 这些框架都可以操作Web中的控件，模拟用户输入，点击等操作，实现Web自动化测试。其实这些工具的原理都一样，都是通过调用IE COM接口和HTML DOM 对IE浏览器以及WEB测试对象的操作。

本文介绍脱离这些自动化测试框架。 直接使用.NET提供的shdocvm.dll库来操作IE浏览器，使用mshtml.dll库来操作IE中的 HTML对象。

## 优点 ##

通过直接操作IE COM来实现Web自动化，能让你在几分钟之内快速建立一个轻量型的自动化测试程序。 大大的提高了测试效率。 也有助于你理解WatiN这些自动化测试框架的运行原理.

## 添加引用 ##

shdocvm.dll和mshtml.dll这两个库的COM组件名字和他们的dll名字不一样。所以比较难找。

shdocvm.dll 的COM 组件名字叫"Microsoft Internet Controls". 添加引用如下Add References->Com Tab-> Microsoft Internet Controls

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center]  
mshtml.dll的COM组件名字叫"Microsoft.mshtml", 添加引用如下Add References-> .NET Tab->Microsoft.mshtml

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]  
添加完引用后，就可以引用命名空间了

using mshtml;
    using SHDocVw;

## 操作IE ##

通过shdocvm.dll中的InternetExplorer对象的属性和方法， 比如Height,Width。我们能够操作IE，以便模拟一些用户的操作，比如调整浏览器的大小，刷新页面等。

static void Main(string[] args)
    {       
        InternetExplorer IE = new InternetExplorer();
        IE.Visible = true;
        object nil = new object();
        string CnblogUrl = "http://www.cnblogs.com";
        // 打开IE并且打开博客园主页
        IE.Navigate(CnblogUrl, ref nil, ref nil, ref nil, ref nil);
        Thread.Sleep(3000);
    
        // 设置IE左上角的位置
        IE.Top = 10;
        IE.Left = 10;
        // 设置IE的高度和宽度
        IE.Height = 800;
        IE.Width = 1000;
        // 导航到百度主页
        Thread.Sleep(3000);
        string BaiduUrl = "http://www.baidu.com";
        IE.Navigate(BaiduUrl, ref nil, ref nil, ref nil, ref nil);
    
        // 点击后退按钮
        Thread.Sleep(3000);
        IE.GoBack();
    
        // 刷新IE
        Thread.Sleep(3000);
        IE.Refresh();
    
        // 关闭IE
        Thread.Sleep(3000);
        IE.Quit();
    }

## 使用IE develop toolbar 查看HTML DOM ##

下节中我们要操作HTML中的元素， 我们先需要知道这些控件的id, 使用IE Develop Toolbar或者firebug可以方便查看控件的id.

按F12启动IE Develop Toolbar, 或者点击IE工具栏中的Tools->Develop Tools

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 2]  
从图中可以看到博客园中的搜索textbox的id是"q"

## 操作IE中的HTML元素 ##

模拟一个在博客园首页进行搜索的场景。 模拟在文本框中输入数据， 然后点击"找找看按钮"。

我们通过mshtml.dll库里的getElementById()方法获得你要操作的HTML元素的引用。 然后你可以操作这个对象，比如输入值和点击它

static void Main(string[] args)
    {       
        InternetExplorer IE = new InternetExplorer();
        IE.Visible = true;
        object nil = new object();
        string CnblogUrl = "http://www.cnblogs.com";
        // 打开IE并且打开博客园主页
        IE.Navigate(CnblogUrl, ref nil, ref nil, ref nil, ref nil);
        Thread.Sleep(3000);
    
        // 获取DOM对象
        HTMLDocument doc = (HTMLDocument)IE.Document;
    
        // 博客园主页上的搜索Textbox的id是 "q"
        HTMLInputElement SearchTextBox = (HTMLInputElement)doc.getElementById("q");
        SearchTextBox.value = "小坦克";
    
        // 博客园主页上的"找找看"按钮的id是"btnBloggerSearch"
        HTMLInputElement SearchButton = (HTMLInputElement)doc.getElementById("btnBloggerSearch");
        SearchButton.click();
    }

运行效果如下:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 3]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 4]

上面是我收集的一些视频资源，在这个过程中帮到了我很多。如果你不想再体验一次自学时找不到资料，没人解答问题，坚持几天便放弃的感受的话，可以加入我们群【902061117】，里面有各种软件测试资源和技术讨论。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 5]

当然还有面试，面试一般分为技术面和hr面，形式的话很少有群面，少部分企业可能会有一个交叉面，不过总的来说，技术面基本就是考察你的专业技术水平的，hr面的话主要是看这个人的综合素质以及家庭情况符不符合公司要求，一般来讲，技术的话只要通过了技术面hr面基本上是没有问题（也有少数企业hr面会刷很多人）  
我们主要来说技术面，技术面的话主要是考察专业技术知识和水平，上面也是我整理好的精选面试题。  
加油吧，测试人！如果你需要提升规划，那就行动吧，在路上总比在起点观望的要好。事必有法，然后有成。  
资源不错就给个推荐吧~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/f7745f35035a466fa01b7d0e65a513c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/52816f559c1940ec8349ff9e9fd511a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/adc2556be0f44231a69fe3d5df6329ac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/ef79e3e5104849ea85fcbf3244fc80f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/09bc654382404370a5acfd9864a1fed5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/9a4e26ba4f7e4d84ba4dc1c630f3967e.png