使用 Visual Studio 2017/C# 入门 Selenium 3.7

Mohammed Faci

5.00/5 (5投票s)

2017年11月30日

CPOL

6分钟阅读

68972

125

本文提供了使用 Selenium 3.7.0 和 Visual Studio 2017/C# 编写测试用例的详细步骤。

引言
下载 Visual Studio 2017 社区版
创建新解决方案（和测试项目）
创建 Firefox 浏览器测试用例
添加 Selenium/Firefox NuGet 包
执行 Firefox 测试用例
创建 Chrome 浏览器测试用例
添加 Selenium/Chrome Nuget 包
执行 Chrome 测试用例
创建 Edge 浏览器测试用例
添加 Selenium/Edge NuGet 包
设置 Edge 驱动
执行 Edge 测试用例
执行所有测试用例
结论
历史

引言

在本文中，我们将使用以下浏览器对最新版本的 Selenium（截至 2017 年 11 月 30 日的版本 3.7.0）进行测试（无意中双关 J）：

Firefox
Chrome
MS Edge

本次练习，我们使用以下测试用例：

打开 Google 主页
在 文本框 中输入搜索词
点击“Google Search”按钮
验证测试结果页面是否已显示

我们使用 Visual Studio 2017 社区版和 C# 来自动化测试用例。我们为上述每种浏览器编写一个单独的测试用例。我们特意将创建测试用例的说明分开，以便单独进行实验。

那么，让我们开始吧！

下载 Visual Studio 2017 社区版

下载并安装 Visual Studio 2017 社区版（如果您已安装 Visual Studio 2017，请跳过此步骤 - 任何版本都可以）。

链接如下：

https://www.visualstudio.com/downloads/

创建新解决方案（和测试项目）

以下是创建测试项目的步骤。

打开 Visual Studio 并创建一个新项目。点击“文件”，选择“新建”，然后选择“项目…”
在“新建项目”模板中，在窗格左侧选择“Visual C#”，然后选择“测试”。在右侧，选择“单元测试项目”。
选择项目的名称和位置，然后单击“确定”。

创建 Firefox 浏览器测试用例

既然我们已经创建了一个“测试项目”，就让我们开始为 Firefox 创建测试用例。

单元测试文件以默认名称“UnitTest1.cs”创建。
让我们将名称更改为“GoogleSearch.cs”。重命名文件的最简单方法是右键单击解决方案资源管理器中的“UnitTest1.cs”，然后选择重命名。
对于弹出的对话框，单击“是”。这将同时重命名文件和类。将类名和包含它的文件名设为相同是一个最佳实践。
接下来，将“Method1”重命名为“Should_Search_Using_Firefox”
重命名后，该方法应如下所示：

添加 Selenium/Firefox NuGet 包

在继续创建测试用例之前，让我们将所需的包添加到项目中

Selenium.webdriver
Selenium.Support
Selenium.Firefox.Webdriver

在解决方案资源管理器中右键单击项目名称，然后选择“管理 NuGet 程序包…”
在 NuGet 窗口中，进行以下选择：
1. 选择“浏览”。
2. 在搜索框中键入“selenium”。
3. 从搜索结果中选择“Selenium.WebDriver”。
4. 在“项目”旁边打勾。
5. 点击“安装”。
按照相同的过程安装“Selenium.Support”
再次，按照相同的过程安装“Selenium.Firefox.Webdriver”
在测试文件顶部添加一个“using”语句，并创建一个 Firefox 驱动程序实例，如下所示：

测试用例的完整代码如下所示：

using System;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using OpenQA.Selenium.Firefox;

namespace Selenium3_7_VisualStudio2017
{
 [TestClass]
 public class GoogleSearchEngineUsingFirefox
 {
  [TestMethod]
  public void Shoud_Search_Using_Firefox()
  {
   // Initialize the Firefox Driver
   using(var driver = new FirefoxDriver())
   {
    // 1. Maximize the browser
    driver.Manage().Window.Maximize();

    // 2. Go to the "Google" homepage
    driver.Navigate().GoToUrl("http://www.google.com");

    // 3. Find the search textbox (by ID) on the homepage
    var searchBox = driver.FindElementById("lst-ib");

    // 4. Enter the text (to search for) in the textbox
    searchBox.SendKeys("Automation using selenium 3.0 in C#");

    // 5. Find the search button (by Name) on the homepage
    var searchButton = driver.FindElementByName("btnK");

    // 6. Click "Submit" to start the search
    searchButton.Submit();

    // 7. Find the "Id" of the "Div" containing results stats,
    // located just above the results table.
    var searchResults = driver.FindElementById("resultStats");
   }
  }
 }
}

执行 Firefox 测试用例

在测试资源管理器中右键单击测试用例，然后选择“运行选定的测试”。

（您也可以在方法本身内，例如第 13 行之后的任何位置右键单击）。

创建 Chrome 浏览器测试用例

添加一个新测试用例，并给它命名：“Should_Search_Using_Chrome”。

这是完整的代码

using System;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using OpenQA.Selenium.Chrome;

namespace Selenium3_7_VisualStudio2017
{
 [TestClass]
 public class GoogleSearchEngineUsingChrome
 {
  [TestMethod]
  public void Shoud_Search_Using_Chrome()
  {
   // Initialize the Chrome Driver
   using(var driver = new ChromeDriver())
   {
     // 1. Maximize the browser
     driver.Manage().Window.Maximize();

     // 2. Go to the “Google” homepage
     driver.Navigate().GoToUrl(“http: //www.google.com”);
     
     // 3. Find the search textbox (by ID) on the homepage
     
     var searchBox = driver.FindElementById(“lst - ib”);
     // 4. Enter the text (to search for) in the textbox
     searchBox.SendKeys(“Automation using selenium 3.0 in C#”);

     // 5. Find the search button (by Name) on the homepage
     var searchButton = driver.FindElementByName(“btnK”);

     // 6. Click “Submit” to start the search
     searchButton.Submit();

     // 7. Find the “Id” of the “Div” containing results stats
     var searchResults = driver.FindElementById(“resultStats”);
    }
   }
  }
 }

添加 Selenium/Chrome Nuget 包

为 Chrome 创建测试用例的过程与 Firefox 非常相似。基本上，我们使用 NuGet 管理器安装 Chrome.Webdriver，然后添加一个新测试用例。以下是安装 Chrome.Webdriver 的步骤。

右键单击项目（或解决方案）
选择“为解决方案管理 NuGet 程序包…”
在 NuGet 窗口中选择“浏览”。
在搜索框中输入“Selenium”。
从搜索结果中选择“Selenium.Chrome.Webdriver”。
点击“安装”。

执行 Chrome 测试用例

要执行测试用例，请在测试资源管理器中右键单击测试用例，然后选择“运行选定的测试”。您也可以在方法本身内，例如第 13 行之后的任何位置右键单击。

创建 Edge 浏览器测试用例

添加一个新测试用例，并给它命名，例如：“Should_Search_Using_EdgeBrowser”。

测试用例的完整代码如下：

using System;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using OpenQA.Selenium.Edge;

namespace Selenium3_7_VisualStudio2017
{
  [TestMethod]
  public class GoogleSearchEngineUsingEdgeBrowser
  {
   // Edge driver full path: @"C:\SeleniumEdgeDriver\MicrosoftWebDriver.exe”
   string edgeDriverLocation = @ "C:\SeleniumEdgeDriver";

   [TestMethod]
   public void Shoud_Search_Using_EdgeBrowser()
   {
    // Initialize the IE Driver
    using(var driver = new EdgeDriver(edgeDriverLocation))
    {
     // 1. Maximize the browser
     driver.Manage().Window.Maximize();

     // 2. Go to the "Google" homepage
     driver.Navigate().GoToUrl("http://www.google.com");

     // 3. Find the search textbox (by ID) on the homepage
     driver.Manage().Timeouts().ImplicitWait = TimeSpan.FromSeconds(10);

     var searchBox = driver.FindElementById("lst-ib");

     // 4. Enter the text (to search for) in the textbox
     searchBox.SendKeys("Automation using selenium 3.0 in C#");

     // 5. Find the search button (by Name) on the homepage
     var searchButton = driver.FindElementByName("btnK");

     // 6. Click "Submit" to start the search
     searchButton.Submit();

     // 7. Find the "Id" of the "Div" containing results stats,
     // just before the results table.
     var searchResults = driver.FindElementById("resultStats");
    }
   }
  }
 }