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

　　本文介紹脫離這些自動(dòng)化測(cè)試框架。 直接使用.NET提供的shdocvm.dll庫(kù)來(lái)操作IE瀏覽器，使用mshtml.dll庫(kù)來(lái)操作IE中的 HTML對(duì)象。

　　閱讀目錄

　　優(yōu)點(diǎn)

　　添加引用

　　操作IE

　　使用IE Develop Toolbar 查看HTML DOM

　　操作IE中的HTML元素

　　源代碼下載

　　優(yōu)點(diǎn)

　　通過(guò)直接操作IE COM來(lái)實(shí)現(xiàn)Web自動(dòng)化，能讓你在幾分鐘之內(nèi)快速建立一個(gè)輕量型的自動(dòng)化測(cè)試程序。 大大的提高了測(cè)試效率。 也有助于你理解WatiN這些自動(dòng)化測(cè)試框架的運(yùn)行原理.

　　添加引用

　　shdocvm.dll和mshtml.dll這兩個(gè)庫(kù)的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

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

　　staticvoidMain(string[] args)  
　　{  
　　InternetExplorer IE = newInternetExplorer();  
　　IE.Visible = true;  
　　objectnil = newobject();  
　　stringCnblogUrl = "http://www.cnblogs.com";  
　　//打開(kāi)IE并且打開(kāi)博客園主頁(yè)  
　　IE.Navigate(CnblogUrl, refnil, refnil, refnil, refnil);  
　　Thread.Sleep(3000);  
　　//設(shè)置IE左上角的位置  
　　IE.Top = 10;  
　　IE.Left = 10;  
　　//設(shè)置IE的高度和寬度  
　　IE.Height = 800;  
　　IE.Width = 1000;  
　　//導(dǎo)航到百度主頁(yè)  
　Thread.Sleep(3000);  
　　stringBaiduUrl = "http://www.baidu.com";  
　　IE.Navigate(BaiduUrl, refnil, refnil, refnil, refnil);  
　　//點(diǎn)擊后退按鈕  
　　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啟動(dòng)IE Develop Toolbar, 或者點(diǎn)擊IE工具欄中的Tools->Develop Tools

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

　　操作IE中的HTML元素

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

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

　　staticvoidMain(string[] args)

　　{

　　InternetExplorer IE = newInternetExplorer();

　　IE.Visible = true;

　　objectnil = newobject();

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

　　//打開(kāi)IE并且打開(kāi)博客園主頁(yè)

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

　　Thread.Sleep(3000);

　　//獲取DOM對(duì)象

　　HTMLDocument doc = (HTMLDocument)IE.Document;

　　//博客園主頁(yè)上的搜索Textbox的id是 "q"

　　HTMLInputElement SearchTextBox = (HTMLInputElement)doc.getElementById("q");

　　SearchTextBox.value = "小坦克";

　　//博客園主頁(yè)上的"找找看"按鈕的id是"btnBloggerSearch"

　　HTMLInputElement SearchButton = (HTMLInputElement)doc.getElementById("btnBloggerSearch");

　　SearchButton.click();

　　}

　　運(yùn)行效果如下:

源代碼下載

　　點(diǎn)擊這里，請(qǐng)用VS2008以上打開(kāi)

　　參考書(shū)籍：<.NET Test Automation Recipes>