作者:Surpassme

来源:http://www.jianshu.com/p/7dca7d0d1ea3

声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢。

文本框在Web页面中,通常可以允许用户输入一些文本并发送到服务器。通常有两种表现形式:密码文本普通文本,在密码文本中输入文本通常是经常特殊处理的,常见的是将用户输入的文本用或*显示,在普通文本中也允许输入单选或多行的文字。如下图所示:

HTML源码如下:

  用户名: <input type="text" name="username" id="userID"> <br /><br />
密 码: <input type="password" name="password" id="passID"> <br /><br />
注释: <br />
<textarea id="commentsID" rows="3" cols="50" name="comments"></textarea>

通过Name定位输入文本

通过使用name属性来识别定位文本框,是开发经常使用的一种方法。示例如下:

driver.FindElement(By.Name("username")).SendKeys("username");

通过Id定位输入文本

通过使用Web元素的Id来识别定位文本框,应该是测试过程最简单和最快的方法了,示例如下:

driver.FindElement(By.Id("userID")).SendKeys("username");

向密码文本输入文本

在Selenium中,密码文本框的处理其实与普通文本框是一样的,只是密码文本框中输入的字符是经过处理以特殊字符展现而已。示例代码如下:

driver.FindElement(By.Id("passID")).SendKeys("password");

清空输入的文本

对同一个文本框而言,在使用SendKeys()方法时,有时候会将旧的文本和新输入的文本合并在一起,从而导致测试失败。因此在需要输入文本的地方,我们可以先调用Clear()方法清空文本,再输入新的文本值。

 driver.FindElement(By.Id("userID")).SendKeys("username");
driver.FindElement(By.Id("userID")).SendKeys(" test");

以上的示例最终输入的文本值变会变成** username test**,而正确的方法如下所示:

 river.FindElement(By.Id("userID")).Clear();
driver.FindElement(By.Id("userID")).SendKeys("username");

对于密码框也建议采取同样的方法,避免输入文本被合并而导致测试失败。

在文本框中输入多行文本

在Selenium中,处理多行文本框中普通文本框一样,示例如下:

driver.FindElement(By.Id("commentsID")).SendKeys("comments \r\n Test Multiline Text");

其中 \r\n 代表换行,开始新的一行。最终效果图如下:

断言文本的值

在测试过程中,我们有时候需要获取到用户输入的文本信息,来验证是否与预期保持一致,这时候我们使用断言Assert来实现,示例代码如下:

IWebElement textValue = driver.FindElement(By.Id("userID"));
textValue.SendKeys("testTextValue");
Console.WriteLine(textValue.GetAttribute("value"));
Assert.AreEqual<string>("testTextValue", textValue.GetAttribute("value"));

最终的结果如下图所示:

给元素设置焦点

在做自动化的过程中,有时候需要给元素设置焦点。而在Selenium中没有专门设置焦点的方法,但变通一下,我们可能通过发送一个空的按钮响应来解决该问题。

driver.FindElement(By.Id("commentsID")).SendKeys("");

当然,也可以采用JavaScript来解决该问题,示例代码如下:

IWebElement elements = driver.FindElement(By.Id("commentsID"));
((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].focus();", elements);

改变只读或禁用状态文本框的值

只读属性的文本框在浏览器中是不可编辑的,而禁用状态的文本框通常是以灰色显示的。如下图所示:

HTML源码如下所示:

<!--只读状态的文本框-->
只读状态文本框:<input type="text" name="readOnlyText" id="readOnlyId" readonly="true" value="只读状态"/>
<br /><br />
<!--禁用状态的文本框-->
禁用状态文本框:<input type="text" name="disableText" id="disableTextId" disabled="true" value="禁用状态" />

如果文本框被设置只读属性,如果继续按照以下方法进行输入,则会报错。

driver.FindElement(By.Id("readOnlyId")).SendKeys("Read Only Test");

报错信息如下:

注意:这段代码在IE中会报错,而在Chrome中却不会报错

在一些地方用常规方法不能解决时,我们可以尝试采用JavaScript来解决此类问题,示例代码如下所示:

((IJavaScriptExecutor)driver).ExecuteScript("document.getElementById('readOnlyId').value='改变只读文本的值'");
((IJavaScriptExecutor)driver).ExecuteScript("document.getElementById('disableTextId').value='改变禁用文本的值'");

最终实现的效果如下:

文本框在日常测试过程也是比较常见的几种类型之一,结合以上各种方法,相信能够在自动化测试中从容应对。

[Selenium With C#基础教程] Lesson-05 文本框的更多相关文章

  1. [Selenium With C#基础教程] Lesson-07 复选框

    作者:Surpassme 来源:http://www.jianshu.com/p/98ede43da3c3 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢.   [作者:Surp ...

  2. Selenium Webdriver——JS处理rich text(富文本框)

    126邮件正文邮件的rich text 先让selenium切换到iframe中 driver.switchTo().frame(driver.findElement(By.className(&qu ...

  3. [Selenium With C#基础教程] Lesson-03 超级链接

    作者:Surpassme 来源:http://www.jianshu.com/p/83809943e751 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢. 超级链接或链接是We ...

  4. [Selenium With C#基础教程] Lesson-02 Web元素定位

    作者:Surpassme 来源:http://www.jianshu.com/p/cfd4ed1daabd 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢. 使用Selenium ...

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

    作者:Surpassme 来源:http://www.jianshu.com/p/83d7416c4b7d 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢. Button通常有两 ...

  6. [Selenium With C#基础教程] Lesson-01环境搭建

    作者:Surpassme 来源:http://www.jianshu.com/p/33b87bc00233 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢. 最近开始复习Sele ...

  7. [Selenium With C#基础教程] Lesson-06 单选按钮

    作者:Surpassme 来源:http://www.jianshu.com/p/08ee1929875f 声明:本文为原创文章,如需转载请在文章页面明显位置给出原文链接,谢谢. 单选按钮通常用在需要 ...

  8. [小北De编程手记] : Lesson 05 - Selenium For C# 之 API 下

    上一篇,我们介绍了一些Selenium WebDriver相关的API,下面我们就接着上一篇继续介绍Selenium常用的API,这一篇的内容主要涉及到以下话题: Selenium API:复杂事件处 ...

  9. Selenium IDE 基础教程

    Selenium IDE 基础教程 1.下载安装     a 在火狐浏览其中搜索附件组件,查找 Selenium IDE     b 下载安装,然后重启firefox 2.界面讲解      在菜单- ...

随机推荐

  1. sqlserver并发处理,锁和事务

      本文系转载,谢谢:http://www.cnblogs.com/cxd4321/archive/2008/12/10/1351792.html     另外这个也不错 http://www.cnb ...

  2. JS实战应用之做LOL领图标任务~

    说一个技术造福人类的故事,事情是这样的,我是英雄联盟的忠实玩家,在浏览官网的时候看到这样一个活动(http://lol.qq.com/act/a20161020teemo/index.html),有个 ...

  3. 几个常用的Linux监控脚本

    几个常用的Linux监控脚本 几个常用的Linux监控脚本下面是几个主机监控的脚本,大家可以根据自己的情况再进行修改,希望能给大家一点帮助.1.查看主机网卡流量#!/bin/bash#network# ...

  4. PHP 数据集循环

    循环 $rs = $bbs->query("select top 10 * from tt"); while($row = $rs->fetch()) { //prin ...

  5. Unity 单例

    1. 继承于MonoBehaviour(不随着场景切换而销毁) 基类代码: using System.Collections; using System.Collections.Generic; us ...

  6. tomcat的配置文件server.conf中的元素的理解

    tomcat的配置文件server.conf中的元素的理解 tomcat作为一个servlet服务器本身的配置文件是tomcat_home/conf/server.conf,这个配置文件中有很多元素, ...

  7. [JS] 让人犯晕的JavaScript变量赋值

    变量赋值 本文转载自http://hellobug.github.io/blog/javascript-variable-assignment/ 开始之前先来几个例子,确保起始点是晕的状态- :P 例 ...

  8. css常用属性初总结第一弹:id和class选择器

    前言:这是我第二次写博客,记录自己所学的点点滴滴,希望大家一起共勉! 说到选择器大家都不陌生,估计用的最多的还是id选择器和类选择器,至于其他的选择器,今天在这里我避而不谈. 类选择器:将html元素 ...

  9. 《Head First 设计模式》观后感——专业并不一定是深奥和枯燥

    <Head First 设计模式>观后感——专业并不一定是深奥和枯燥 说起设计模式,我想做程序的朋友都不会感到陌生,这就像是软件里的缩写一样,可以快速的表达一系列的意思. 但是纵观市面上的 ...

  10. Eclipse设置Tab键缩进4个空格的步骤,也就是按一下Tab键输出四个空格

    Eclipse设置Tab键缩进4个空格的步骤,也就是按1下Tab键输出4个空格,步奏如下 1.点击 window->preference-,选择 General->Editors-> ...