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

单选按钮通常用在需要与用户进行交互且只能选一个选项的情况。下面即是一个典型的单选按钮示例:

6-1 单选按钮示例_c2i.jpg
 请选择您的性别:
 <input type="radio" name="gender" value="male" id="male" checked="checked">男
 <input type="radio" name="gender" value="female" id="female" />女<br />

选中单选按钮

通常情况下,在一个单选按钮组里面,它们的名字是一样的。所以我们使用定位的时候,不建议使用Name属性进行定位,建议使用Id、XPath和CssSelector进行定位,如下所示:

driver.FindElement(By.XPath("//input[@name='gender' and @value='male']")).Click();
Thread.Sleep(1000);
driver.FindElement(By.Id("female")).Click();

清除单选按钮的选中状态

对于一个已经选中的单选按钮进行多次点击,是不会带来任何影响的,下面的示例代码在测试过程中依然可以正常通过。

driver.FindElement(By.Id("female")).Click();
driver.FindElement(By.Id("female")).Click(); //已经选中,多次点击没有任何影响

如果一个单选按钮被选中,在Selenium中清除选中状态的常用方法是点击另一个单选按钮。下面的示例使用Clear()方法清除单选按钮的选中状态将会抛出异常Invalid Element State:Element Must Be User-Editable in Order to Clear It.

            driver.FindElement(By.Id("female")).Click();
            try
            {
                driver.FindElement(By.Id("female")).Clear();
            }
            catch (Exception ex)
            {
                throw ex;
            }

报错截图如下所示:

6-2 清除单选按钮选中状态报错_c2i.jpg

下面的示例演示了既抛出了异常也按预期的目标实现了点击,示例如下:

      driver.FindElement(By.Id("female")).Click();
      try
      {
          driver.FindElement(By.Id("female")).Clear();
      }
      catch (Exception ex)
      {
          Console.WriteLine("不能清除单选状态,报错信息为:\n"+ex.ToString());

      }
      finally
      {
          driver.FindElement(By.Id("male")).Click();
      }

判断单选按钮状态

    IWebElement femaleEle = driver.FindElement(By.Id("female"));
    IWebElement maleEle = driver.FindElement(By.Id("male"));
    bool flag = femaleEle.Selected;
    if (flag)
    {
        maleEle.Click();
        Assert.IsTrue(maleEle.Selected);
    }
    else
    {
        femaleEle.Click();
        Assert.IsTrue(femaleEle.Selected);
        Assert.IsFalse(maleEle.Selected);
    }

通过循环点击单选按钮

在这之前我基本上仅使用方法FindElement()来查找定位元素,而在Selenium中还有另外一种方法FindElements(),示例如下:

    ReadOnlyCollection<IWebElement> elements = driver.FindElements(By.Name("gender"));
    Assert.AreEqual<int>(2,elements.Count);
    foreach (IWebElement item in elements)
    {
        if (item.GetAttribute("value")=="female")
        {
            item.Click();
        }
    }

与方法FindElement()不一样的是,方法FindElements()会返回能匹配到条件的集合,这对一些比较难定位的元素是非常有用的一个方法。

选中第N个单选按钮

在Name属性值相同且单选按钮也比较多的情况下,除了上面的方法循环判断来点击外,也可以通过XPath和以下方法来点击单选按钮,示例如下:

    driver.FindElements(By.Name("gender"))[1].Click();
    Assert.IsTrue(driver.FindElements(By.Name("gender"))[1].Selected);

    driver.FindElement(By.XPath("//input[1]")).Click();
    Assert.IsTrue(driver.FindElement(By.XPath("//input[1]")).Selected);

请注意里面的下标,C#下标默认是从0开始,而XPath里面下标默认是从1开始。

一些特殊的单选按钮:iCheck

针对一些默认的控件界面存在不好看的情况,一些大牛会自定义一些控件,比如下面这种单选按钮:

6-3 自定义按钮_c2i.jpg
<ul>
 <li>
    <div class="iradio_square-blue checked hover">
        <input id="input-3" tabindex="3" name="demo-radio" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" type="radio"/>
        <ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"/>
    </div>
    <label class="hover" for="input-3"> Radio button,
        <span>#input-3</span>
    </label>
 <li>
 <li>
    <div class="iradio_square-blue">
        <input id="input-4" tabindex="4" name="demo-radio" checked="" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" type="radio"/>
        <ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"/>
    </div>
    <label class="" for="input-4">  Radio button,
        <span>#input-4</span>
    </label>
 </li>
</ul>

以下这段代码如果按之前的方法进行定位,将出错:

        driver.FindElement(By.Id("input-3")).Click();
        driver.FindElements(By.ClassName("iCheck-helper"))[0].Click();
        driver.FindElements(By.ClassName("iCheck-helper"))[1].Click();

正确的代码如下:

public void TestRadioButton()
{
    IWebDriver driver = new ChromeDriver();
    string url = "http://www.51xuediannao.com/js/jquery/icheck.html";
    driver.Navigate().GoToUrl(url);
    driver.Manage().Window.Maximize();
    driver.FindElement(By.Id("demolink")).Click();
    driver.SwitchTo().Window(driver.WindowHandles[1]);
    Thread.Sleep(1000);
    driver.SwitchTo().Frame(0);
    IWebElement ele = driver.FindElement(By.XPath("//div[contains(@class,'demo-list')]/ul[2]/li[1]/label"));
    ele.Click();
}

个人理解,特别基于UI层面的自动化测试,对象查找定位是特别重要的,需要我们结合多种方法进行。常见的IdXPathCssSelector等定位方法,有时候甚至用JavaScript知识,需要了解和掌握的知识太多,另外还需要多看看Selenium API等。在自动化这条路上还任重道远了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容