自己动手写Web自动化测试框架（3）：操纵Web控件

上面的两次课程我们介绍了mshtml和SHDocVw的一些用途，以及如何打开并且附加到IE上，实现IE的宏观上的控制。

　　这次我们将会用代码找到我们想要的控件，然后对控件进行一些操作。

　　首先我们引入一个很好的IE控件：Internet Explorer Developer Toolbar，这个控件可以帮助我们方便的找到我们想要的控件的属性。

　　安装好这个控件之后，我们就可以方便的找到每一个控件的ID，或者其他属性了，如下图

　　IE Developer

　　注意，打开IE Developer Toolbar之后，要点选下面的鼠标按钮，才可以用鼠标来选择我们想要的控件。有了这个控件，我们就不用去查看源文件来找到我们想要的信息了。其他的功能这里不多说了。

　　接下来我们以百度的三个控件为例，分别告诉大家如何使用ID得到TextBox，如何点击使用ID得到的Button，如何使用子控件缩小范围的方法得到一个HyperLink。

　　首先我们修改上次的代码，把IE指到百度去：

Console.WriteLine("Navigating ...");

object o = null;
ie.Navigate("baidu.com", ref o, ref o, ref o, ref o);
Thread.Sleep(2000);

　　代码我们在自己动手写Web自动化 测试框架（2）：打开和操纵IE都讲解过了。只有一点，我们在完成IE的跳转之后，等待了2秒钟的时间，原因是IE的工作是需要时间的，我们在后面的测试框架部分会讲解如何判断IE已经完成了页面的跳转，在这里为了让大家更好的了解我们本节的主题，只是用了简单的等待。

　　然后我们用IE Developer Tools得到了关键字文本框的ID是kw，所以我们用下面的代码在关键字文本框里面输入了我们想要的关键字：

//得到一个Text Box
Console.WriteLine("Inputing Keyword ...");
HTMLDocument doc = (HTMLDocument)ie.Document;
HTMLInputElement keyword = (HTMLInputElement)doc.getElementById("kw");
keyword.value = "colblog.net";
Thread.Sleep(1000);

首先我们用ie.Document对象得到了HTMLDocument。目的没什么可说的，因为我们需要HTMLDocument得到下面的控件。而这里之所以使用强制类型转换，是因为Document对象在这里返回一个object的引用，但其实是一个HTMLDocument的实例。所以转换一下就好了，在mshtml里面，这种情况还不少，在msdn上有详细的讲解，使用的时候查一下就好了。

　　然后使用HTMLDocument.getElementById方法，直接从Document里面按照ID取出想要的控件，返回一个 IHTMLElement，IHTMLElement是HTMLElement的抽象，所有的HTML的tag都可以是一个IHTMLElement，返回这样的一个引用，我们在知道将会返回什么类型的情况下，可以使用强制类型转换来把对象转成我们想要的引用。就像上面我们所做的，返回的其实是一个 Input tag，所以我们要把他转换成HTMLInputElement就好了。

　　下面一句我们直接对这个对象的value进行设置，就可以完成在关键词文本框里面输入我们想要的关键词的动作。

　　接下来我们要点击搜索按钮：

//得到一个按钮

Console.WriteLine("Clicking Submit ...");
HTMLInputElement submit = (HTMLInputElement)doc.getElementById("sb");
submit.click();
Thread.Sleep(2000);

　　有了上面文本框的解释，这一段代码就容易多了吧。这里不在赘述。

　　聪明的读者一定会问：我们现在使用ID查询控件，如果我们的控件没有ID怎么办？如果ID是重复的怎么办？

　　上面的两种情况都是完全可能的，而且在实际中几乎占据了大部分的情况。（不过ASP.NET里面的控件倒是都有ID，使用这种方法比较方便。）我们下面的例子就是去点击百度首页右上角的登录超级链接。

　　首先我们分析一下，登录超级链接是放在一个id为u的div里面，而登录超级链接是没有ID的。我们的思路就是先找到这个id为u的div，然后找他的chidren找到我们想要的这个超级链接，下面是源代码：

//得到一个链接

Console.WriteLine("Clicking Login Button ...");
IHTMLElement userPanel = doc.getElementById("u");
IHTMLElementCollection HyperLinks = ((IHTMLElement2)userPanel).getElementsByTagName("a");
IHTMLElement login = (IHTMLElement)HyperLinks.item(null, 0);

　　首先我们得到了那个id为u的div，命名为userPanel。这一步和上面没啥区别。

　　下面一个语句我们得到了userPanel的控件的所有tag为a的控件，也就是所有的超级链接。这里有一个小小的需要注意的地方，我们看到这个语句吧IHTMLElement对象强制类型转换成了IHTMLElement2，很有意思，为啥会这样呢？其实IHTMLElement有4个这样的兄弟，他们之间的方法不同，可以互相转换，我们想要的getElementsByTagName在IHTMLElement2下面，所以我们就强制类型转换到IHTMLElement2。这个方法返回一个IHTMLCollection。我们用HyperLinks来储存这个引用。

　　因为userPanel的子控件只有登录超级链接这一个，所以我们直接使用index为0来取道这个对象就好了。IHTMLElementCollection里面的item方法详见msdn，我们只需要把第二个index设置为0，就可以取到第一个子对象。

来源：oschina

链接：https://my.oschina.net/u/2910125/blog/786622

标签

自动化测试框架