使用 Selenium、.NET 和 Azure DevOps 进行自动化测试

dotnet add package Selenium.WebDriver

此外，对于网络应用程序，您需要安装 Chrome 网络驱动程序。但是，也有其他浏览器的驱动程序，但 chrome 驱动程序始终更新（推荐）。

你可以从这个 URL 获取它：ChromeDriver – WebDriver for Chrome (chromium.org)

并且您需要使用以下命令在您的项目中安装 Selenium Chrome 网络驱动程序，

dotnet add package Selenium.WebDriver.ChromeDriver

注意
ChromeDriver 必须根据 Chrome 版本进行更新。这非常重要，因为如果您使用的是旧版本，测试将不会开始。ChromeDriver 版本取决于 Chrome 浏览器版本。

此时，您可以开始您的第一个测试。

对于此演示，我们将对该站点进行测试 –  https://mango-flower-00e2aa010.azurestaticapps.net/

这是一个简单的 React.js 应用程序，我们可以在其中选择颜色，其想法是测试 div 容器是否根据所选颜色更改背景。

为此，我们只需要创建一个 chromedriver 会话，导航到该站点，然后使用 FindElement 方法就可以与该站点进行交互。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.Extensions.Configuration;
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using Xunit;

namespace dotnetseleniumdemo
{    public class ChangeColorTest
    {
        public IWebDriver driver;

        public readonly string site;

        public ChangeColorTest()
        {
            driver = new ChromeDriver();
            driver.Manage().Window.Maximize();
            site = "https://mango-flower-00e2aa010.azurestaticapps.net/";
        }

        [Fact]
        public void ChangeToBlueColor()
        {
            driver.Navigate().GoToUrl(site);
            System.Threading.Thread.Sleep(2000);
            var blueBox =  driver.FindElement(By.ClassName("color-blue"));
            blueBox.Click();
            System.Threading.Thread.Sleep(2000);
            var container =  driver.FindElement(By.ClassName("color-container"));

            Assert.Equal("color-container color-blue", container.GetAttribute("class"));
            driver.Close();
            driver.Quit();
            driver.Dispose();
        }
     }
}

在示例中，我们使用类名通过 FindElement(By.ClassName()) 方法获取元素，但您可以获取元素 ById、XPath 等。

Sleeps 方法可用于查看有一些延迟的进程并查看 selenium 如何在浏览器中导航，

此外，使用断言来检查我们是否得到了预期的结果非常重要。请记住，您正在创建一个测试，即使整个工作流程都有效，结果也可能是错误的。

在这种情况下，我们使用 xUnit 和 Assert.Equal 方法来验证值。方法 GetAttribute(“class”) 返回 div 容器的当前 CSS 类，“color-container color-blue”是预期结果，

Assert.Equal("color-container color-blue", container.GetAttribute("class"));

这是红色的另一个示例，但这次使用 XPath 获取元素，

[Fact]
public void ChangeToRedColor() {
    driver.Navigate().GoToUrl(site);
    System.Threading.Thread.Sleep(1000);
    var redBox = driver.FindElement(By.XPath("//*[@id=\"root\"]//button[3]"));
    redBox.Click();
    System.Threading.Thread.Sleep(1000);
    var container = driver.FindElement(By.ClassName("color-container"));
    Assert.Equal("color-container color-red", container.GetAttribute("class"));
    driver.Close();
    driver.Quit();
    driver.Dispose();
}

Include="Selenium.WebDriver.ChromeDriver" Version="94.0.4606.81"

pool:
  name: Azure Pipelines

steps:
- task: DotNetCoreCLI@2
  displayName: Restore
  inputs:
    command: restore
    projects: '$(Parameters.RestoreBuildProjects)'

- task: DotNetCoreCLI@2
  displayName: Build
  inputs:
    projects: '$(Parameters.RestoreBuildProjects)'
    arguments: '--configuration $(BuildConfiguration)'

- task: DotNetCoreCLI@2
  displayName: Publish
  inputs:
    command: publish
    publishWebProjects: false
    projects: '$(Parameters.RestoreBuildProjects)'
    arguments: '--configuration $(BuildConfiguration) --output $(build.artifactstagingdirectory)'
    zipAfterPublish: false
    modifyOutputPath: false

- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact'
  inputs:
    PathtoPublish: '$(build.artifactstagingdirectory)'
  condition: succeededOrFailed()

Invoke-WebRequest -Uri "https://chromedriver.storage.googleapis.com/92.0.4515.43/chromedriver_win32.zip" -OutFile $(System.DefaultWorkingDirectory)/chromedriver_win32.zip;
Expand-Archive $(System.DefaultWorkingDirectory)/chromedriver_win32.zip -DestinationPath $(System.DefaultWorkingDirectory)/chromedriver_win32;
Copy-Item "$(System.DefaultWorkingDirectory)/chromedriver_win32/chromedriver.exe" -Destination "$(System.DefaultWorkingDirectory)/"

steps:
- powershell: |
   Invoke-WebRequest -Uri "https://chromedriver.storage.googleapis.com/92.0.4515.43/chromedriver_win32.zip" -OutFile $(System.DefaultWorkingDirectory)/chromedriver_win32.zip;
   Expand-Archive $(System.DefaultWorkingDirectory)/chromedriver_win32.zip -DestinationPath $(System.DefaultWorkingDirectory)/chromedriver_win32;
   Copy-Item "$(System.DefaultWorkingDirectory)/chromedriver_win32/chromedriver.exe" -Destination "$(System.DefaultWorkingDirectory)/"
  displayName: 'PowerShell Script'

steps:
- task: DotNetCoreCLI@2
  displayName: 'running selenium'
  inputs:
    command: test
    projects: '**/dotnetseleniumdemo.dll'
    arguments: '--no-build'
    workingDirectory: '$(System.DefaultWorkingDirectory)/_ReactDemoColors-ASP.NET Core-CI/drop'