[Selenium With C#基础教程] Lesson-04 按钮

Button通常有两种形式：标准按钮和提交按钮，如下图所示：

4-1 按钮分类_c2i.jpg

其中标准的按钮通常是由button标签创建，而提交按钮通常是由input创建，且通常在form里面。

HTML 源码如下：

标准按钮 


   用户名：


   密  码：

   

在Web页面中，有一些元素看起来非常像是按钮，但有一部分是通过CSS来实现的。

通过文本点击标准按钮

driver.FindElement(By.XPath("//button[contains(text(),'标准按钮')]")).Click();

通过文本点击提交按钮

在HTML里面提交按钮通常位于form内，按钮的名字是通过属性value来显示的。而在显示的文字中可能会包含一些额外的空格或不可见的字符。源码如下：

通过以下的脚本进行会失败，因为存在空格。报错信息如下图所示：

 driver.FindElement(By.XPath("//input[@value='测试 按钮']")).Click();

4-2 空格导致出错_c2i.jpg

这时，我们只需要修改一下脚本里面的文本值即可：

driver.FindElement(By.XPath("//input[@value='测试 按钮  ']")).Click();

提交表单

在Selenium官方文档里面，提交表单通常是由Submit方法实现，下面所示脚本是演示用户登录操作：

            IWebElement username = driver.FindElement(By.Name("username"));
            username.SendKeys("UserName");
            IWebElement pwd = driver.FindElement(By.Name("pwd"));
            pwd.SendKeys("pwd");
            username.Submit();

上面是一种方法，而在实际页面中，我们都是通过点击提交按钮来进行操作的，以下是实现方法：

        driver.FindElement(By.Name("username")).SendKeys("UserName");
        driver.FindElement(By.Name("pwd")).SendKeys("pwd");
        driver.FindElement(By.XPath("//input[@value='注册-提交按钮']")).Click();

尽管在一个form里面不太可能会存在多个提交按钮，但如果存在这种情况，使用** Submit**方法仅会点击第一个提交按钮，这样会造成混乱。

通过ID点击按钮

如果元素有ID，那么通过ID来定位元素是最好的方式。对于测试人员而言，通常会碰到元素中没有ID的情况，与其花很长时间来研究如何定位元素，还不如在这个时候多与开发沟通，增加元素的ID，这样也能减小测试的难度。

driver.FindElement(By.Id("button")).Click();

通过Name点击按钮

driver.FindElement(By.Name("submit")).Click();

通过图片点击按钮

在测试的过程中会遇到另一种类型的按钮。在一个form内，图片看起来非常像按钮，如下图所示：

4-3 图片登录按钮.jpg

driver.FindElement(By.XPath("//input[contains(@src, 'button_login.jpg')]")).Click();

通过JavsScript点击按钮

在用尽一切方法都不能点击按钮时，可以考虑用JavaScript来实现点击按钮，如下所示：

 IWebElement btn = driver.FindElement(By.Name("submit")); 
 ((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].click()", btn);