Web自动化测试原理

Web自动化测试原理

目前市面上有很多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 使用IE Develop Toolbar 查看HTML DOM 操作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

mshtml.dll的COM组件名字叫"Microsoft.mshtml", 添加引用如下Add References-> .NET Tab->Microsoft.mshtml

添加完引用后，就可以引用命名空间了

 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

 从图中可以看到博客园中的搜索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();
}

复制代码

 运行效果如下:

源代码下载

点击这里 ，请用VS2008以上打开

 参考书籍：<.NET Test Automation Recipes>

 

如果您看了本篇博客,觉得对您有所收获，请点击右下角的  [推荐]

如果您想转载本博客， 请注明出处

如果您对本文有意见或者建议，欢迎留言

感谢您的阅读，请关注我的后续博客

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于Web自动化测试原理的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did49587