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

作者：Surpassme

来源：http://www.jianshu.com/p/cfd4ed1daabd

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

   

使用Selenium来做自动化测试，一般的流程是：查找定位元素--->操作元素--->断言，那么第一步我们需要能够完成查找并定位元素，Selenium目前提供了8种基本定位方法，可根据实际情况进行选择，如下示：

定位方法	示例
ID	FindElement(By.Id("user"))
Name	FindElement(By.Name("username"))
LinkText	FindElement(By.LinkText("Login"))
PartialLinkText	FindElement(By.PartialLinkText("Next"))
XPath	FindElement(By.Xpath("//div[@id="login"]/input"))
TagName	FindElement(By.TagName("body"))
ClassName	FindElement(By.ClassName("table"))
CSS	FindElement(By.CssSelector("#login   > input[type="text"]"))

Step-1:启动浏览器

  Selenium支持的浏览器较多，我拿目前三大使用较多的浏览器（IE、Chrome、Firefox）做一个示例，来演示如何启动三大浏览器，代码如下：

using System;

using System.Collections.ObjectModel;

//MS自带的单元测试框架

using Microsoft.VisualStudio.TestTools.UnitTesting;

//Webdriver引用

using OpenQA.Selenium;

//IE引用

using OpenQA.Selenium.IE;

//Chrome引用

using OpenQA.Selenium.Chrome;

//Firefox引用

using OpenQA.Selenium.Firefox;

 

namespace SeleniumDemo

{

    [TestClass]

    public class Lesson02

    {

        //获取浏览器驱动程序路径

        string driverPath = AppDomain.CurrentDomain.BaseDirectory;

        //定义浏览器类型枚举

        public enum DriverType { IE, Chrome, Firefox };

        //定义使用浏览器类型

        DriverType dt = DriverType.Chrome;

        IWebDriver driver;

        //获取测试需要使用哪一种浏览器驱动

        public IWebDriver GetDirverType(DriverType driverType)

        {

            switch (driverType)

            {

                case DriverType.IE:

                    driver = new InternetExplorerDriver(driverPath);

                    break;

                case DriverType.Chrome:

                    driver = new ChromeDriver();

                    break;

                case DriverType.Firefox:

                    //3.0之后的Selenium Webdriver才需要这样，2.0版本的可以直接以这种形式：driver = new FirefoxDriver();

                    FirefoxOptions fo = new FirefoxOptions();

                    //Firefox安装路径

                    fo.BrowserExecutableLocation = @"C:\Program Files\Mozilla Firefox\firefox.exe";

                    FirefoxDriverService fds = FirefoxDriverService.CreateDefaultService(driverPath);

                    driver = new FirefoxDriver(fds, fo, TimeSpan.FromSeconds(100));

                    break;

                default:

                    break;

            }

            return driver;

        }

 

        [TestMethod]

        public void Demo02()

        {

            driver = GetDirverType(dt);

            //访问百度

            driver.Navigate().GoToUrl("https://www.baidu.com");

            //查找搜索输入框，输入Selenium

            IWebElement searchText = driver.FindElement(By.Id("kw")); 
            //在输入前清空内容

            searchText.Clear();

            searchText.SendKeys("Selenium");

            //查找元素

            IWebElement searchBtn = driver.FindElement(By.Id("su"));

            //点击搜索按钮

            searchBtn.Click();

            //退出浏览器

            driver.Quit();

            //driver.Close();

        }

    }

}

 

Close（）与Quit（）区别：

driver.Close()：在完成操作后，仅关闭浏览器窗口,不会关闭Webdriver会话（我们在测试每个用例时，都会启动一个浏览器驱动进程，如果使用Close()方法，则浏览器驱动进程不会关闭，则使用Quit()则会自动关闭）

driver.Quit():在完成操作后，同时关闭浏览器窗口和Weddriver会话

 

Step-2:使用8种基本定位方法

在介绍基本的8种定位方法前，我们可以看看使用各浏览器自带的Web开发工具或插件（Firebug/Firepath等）来查看如何进行元素查看和定位：

使用IE自带的Web开发工具（可使用F12快捷键进行操作）如下所示：

                       

在Firefox中使用Firebug+Firepath进行定位元素，如下所示：

 

使用Chrome自带Web开发工具进行定位元素，如下所示：

 

在使用Selenium Webdriver进行元素定位时，通常使用FindElement或FindElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种，现分别介绍如下：

• By.Id()

通过元素的id属性来定位元素，具有很强的唯一性，速度也较快。

Button：       driver.FindElement(By.Id("submit_btn")).Click();

Link:          driver.FindElement(By.Id("cancel_link")).Click();

Text:         driver.FindElement(By.Id("username")).SendKeys("admin ") ;

HTML Div元素: driver.FindElement(By.Id("alert_div")).getText();

• By.Name()

通过元素的name属性来查找元素，在当前页面中可以不唯一，可能会存在同名的情况。

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

• By.LinkText()

通过文本链接来查找元素，该链接必须能在页面中为可见状态。在一些页面会出现在出现某个操作后，链接才能显示出来，如果没有上一步操作，是无法直接使用该方法进行定位元素的。

driver.FindElement(By.LinkText("新闻")).Click();

• By. PartialLinkText ()

PartialLinkText是对Link定位的一种补充，在文本链接比较长或文本链接动态生成的时候，可以使用该方法截取一部分文本进行定准。

driver.FindElement(By.PartialLinkText("新")).Click();;

• By. XPath ()

XPath 是一门在 XML 文档中查找信息的语言,可在 XML 文档中对元素和属性进行遍历。更多XPath信息可参考：http://www.w3school.com.cn/xpath/index.asp

driver.FindElement(By.XPath("//input[@id='kw']"));

• By.TagName()

该方法可通过元素的标签名称来定位查找元素，通常该方法能定位到的元素会存在一个或多个，建议结合FindElements()方法使用。

driver.FindElements(By.TagName("button"));

• By. ClassName ()

ClassName方法是通过元素的CSS样式表所引用的伪类名称来定位查找元素。通过情况下，一个元素会存在多个CSS样式值，如下所示：

<a href="https://www.baidu.com" class="btn btn-default">百度一下</a>

<input type="submit" value="提交" class="btn btn-default btn-primary"/>

 

我们可以以下任何一种方法进行定位元素：

driver.FindElement(By.ClassName("btn-primary ")).Click(); //提交按钮

driver.FindElement(By.ClassName("btn ")).Click(); //百度一下链接

• By.CssSelector()

在CSS中，选择器是一种模式，用于选择需要添加样式的元素，更多资料可参考：http://www.w3school.com.cn/cssref/css_selectors.asp

driver.FindElement(By.CssSelector("#kw"));

• 多元素定位

通过FindElements可以一次返回多个匹配元素，使用方法与FindElement很像。示例如下：

ReadOnlyCollection<IWebElement> elements = driver.FindElements(By.ClassName("mnav"));

本文中需要使用到的浏览器驱动及插件可到百度网盘进行下载： https://pan.baidu.com/s/1kV6uzzx 密码：9m1q

本文完整代码如下：

using System;
using System.Collections.ObjectModel;
//MS自带的单元测试框架
using Microsoft.VisualStudio.TestTools.UnitTesting;
//Webdriver引用
using OpenQA.Selenium;
//IE引用
using OpenQA.Selenium.IE;
//Chrome引用
using OpenQA.Selenium.Chrome;
//Firefox引用
using OpenQA.Selenium.Firefox;

namespace SeleniumDemo
{
    [TestClass]
    public class Lesson02
    {
        //获取浏览器驱动程序路径
        string driverPath = AppDomain.CurrentDomain.BaseDirectory;
        //定义浏览器类型枚举
        public enum DriverType { IE, Chrome, Firefox };
        //定义使用浏览器类型
        DriverType dt = DriverType.Chrome;
        IWebDriver driver;
        //获取测试需要使用哪一种浏览器驱动
        public IWebDriver GetDirverType(DriverType driverType)
        {
            switch (driverType)
            {
                case DriverType.IE:
                    driver = new InternetExplorerDriver(driverPath);
                    break;
                case DriverType.Chrome:
                    driver = new ChromeDriver();
                    break;
                case DriverType.Firefox:
                    //3.0之后的Selenium Webdriver才需要这样，2.0版本的可以直接以这种形式：driver = new FirefoxDriver();
                    FirefoxOptions fo = new FirefoxOptions();
                    //Firefox安装路径
                    fo.BrowserExecutableLocation = @"C:\Program Files\Mozilla Firefox\firefox.exe";
                    FirefoxDriverService fds = FirefoxDriverService.CreateDefaultService(driverPath);
                    driver = new FirefoxDriver(fds, fo, TimeSpan.FromSeconds(100));
                    break;
                default:
                    break;
            }
            return driver;
        }

        [TestMethod]
        public void Demo02()
        {
            driver = GetDirverType(dt);
            //访问百度
            driver.Navigate().GoToUrl("https://www.baidu.com");
            //查找搜索输入框，输入Selenium
            IWebElement searchText = driver.FindElement(By.Id("kw"));
60             //在输入前清空内容
            searchText.Clear();
            searchText.SendKeys("Selenium");
            //查找元素
            IWebElement searchBtn = driver.FindElement(By.Id("su"));
            //点击搜索按钮
            searchBtn.Click();
            //退出浏览器
            driver.Quit();
            //driver.Close();
        }

        [TestMethod]
        //一次定位多个元素
        public void FindElementsDemo()
        {
            driver = GetDirverType(dt);
            driver.Navigate().GoToUrl("https://www.baidu.com");
            ReadOnlyCollection<IWebElement> elements = driver.FindElements(By.ClassName("mnav"));
            Console.WriteLine("查找到的元素个数为：{0}", elements.Count);
            for (int i = 0; i < elements.Count; i++)
            {
                Console.WriteLine(elements[i].Text);
            }
            driver.Quit();
        }
    }
}