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

使用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"]"))

启动浏览器

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 enum DriverType { IE, Chrome, Firefox };
    public class Lesson02
    {
        //获取浏览器驱动程序路径
        string driverPath = AppDomain.CurrentDomain.BaseDirectory;
        //定义使用浏览器类型
        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会话

使用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样式值，如下所示：

百度一下

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

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 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 enum DriverType { IE, Chrome, Firefox };
    public class Lesson02
    {
        //获取浏览器驱动程序路径
        string driverPath = AppDomain.CurrentDomain.BaseDirectory;        
        //定义使用浏览器类型
        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();
        }

        [TestMethod]
        //一次定位多个元素
        public void FindElementsDemo()
        {
            driver = GetDirverType(dt);
            driver.Navigate().GoToUrl("https://www.baidu.com");
            ReadOnlyCollection 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();
        }
    }
}