目前市面上有很多Web UI自動化測試框架，比如WatiN, Selinimu,WebDriver，還有VS2010中的Coded UI等等. 這些框架都可以操作Web中的控件，模擬用戶輸入，點擊等操作，實現(xiàn)Web自動化測試。其實這些工具的原理都一樣，都是通過調(diào)用IE COM接口和HTML DOM 對IE瀏覽器以及WEB測試對象的操作。

　　本文介紹脫離這些自動化測試框架。 直接使用.NET提供的shdocvm.dll庫來操作IE瀏覽器，使用mshtml.dll庫來操作IE中的 HTML對象。

　　閱讀目錄

　　優(yōu)點

　　添加引用

　　操作IE

　　使用IE Develop Toolbar 查看HTML DOM

　　操作IE中的HTML元素

　　源代碼下載

　　優(yōu)點

　　通過直接操作IE COM來實現(xiàn)Web自動化，能讓你在幾分鐘之內(nèi)快速建立一個輕量型的自動化測試程序。 大大的提高了測試效率。 也有助于你理解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

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

　　usingmshtml;

　　usingSHDocVw;

　　操作IE

　　通過shdocvm.dll中的InternetExplorer對象的屬性和方法， 比如Height,Width。我們能夠操作IE，以便模擬一些用戶的操作，比如調(diào)整瀏覽器的大小，刷新頁面等。

　　staticvoidMain(string[] args)  
　　{  
　　InternetExplorer IE = newInternetExplorer();  
　　IE.Visible = true;  
　　objectnil = newobject();  
　　stringCnblogUrl = "http://www.cnblogs.com";  
　　//打開IE并且打開博客園主頁  
　　IE.Navigate(CnblogUrl, refnil, refnil, refnil, refnil);  
　　Thread.Sleep(3000);  
　　//設置IE左上角的位置  
　　IE.Top = 10;  
　　IE.Left = 10;  
　　//設置IE的高度和寬度  
　　IE.Height = 800;  
　　IE.Width = 1000;  
　　//導航到百度主頁  
　Thread.Sleep(3000);  
　　stringBaiduUrl = "http://www.baidu.com";  
　　IE.Navigate(BaiduUrl, refnil, refnil, refnil, refnil);  
　　//點擊后退按鈕  
　　Thread.Sleep(3000);  
　　IE.GoBack();  
　　//刷新IE  
　　Thread.Sleep(3000);  
　　IE.Refresh();  
　　//關(guān)閉IE  
　　Thread.Sleep(3000);  
　　IE.Quit();  
　} 

　　使用IE develop toolbar 查看HTML DOM

　　下節(jié)中我們要操作HTML中的元素， 我們先需要知道這些控件的id, 使用IE Develop Toolbar或者firebug可以方便查看控件的id.

　　按F12啟動IE Develop Toolbar, 或者點擊IE工具欄中的Tools->Develop Tools

從圖中可以看到博客園中的搜索textbox的id是"q"

　　操作IE中的HTML元素

　　模擬一個在博客園首頁進行搜索的場景。 模擬在文本框中輸入數(shù)據(jù)， 然后點擊"找找看按鈕"。

　　我們通過mshtml.dll庫里的getElementById()方法獲得你要操作的HTML元素的引用。 然后你可以操作這個對象，比如輸入值和點擊它

　　staticvoidMain(string[] args)

　　{

　　InternetExplorer IE = newInternetExplorer();

　　IE.Visible = true;

　　objectnil = newobject();

　　stringCnblogUrl = "http://www.cnblogs.com";

　　//打開IE并且打開博客園主頁

　　IE.Navigate(CnblogUrl, refnil, refnil, refnil, refnil);

　　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>