UI 测试可以使用接口确定在运行时从哪些类执行代码

Question

关于当前 UI 自动化解决方案如何工作的一些背景知识 -

我们的应用程序是 Windows WPF 应用程序，因此我们利用 WinAppDriver 来满足自动化测试需求。此解决方案与典型的 UI 自动化页面对象设计非常相似。我们有引用元素的页面对象，然后在测试中我们调用这些页面对象的方法来在主机上执行操作。页面对象使用 C# 分部类。一个类用于存储元素，一个类用于使用这些元素并执行操作。

测试类全部继承自处理 StartUp 和 TearDown 登录的 TestClassBase。因此，诸如登录页面和与之交互的测试类之类的当前设计看起来像这样

Login.Elements.cs

namespace UITesting
{
    public partial class Login
    {

        public WindowsElement usernameField => _session.FindElementByAccessibilityId("UserName");
        public WindowsElement passwordField => _session.FindElementByAccessibilityId("Password");
        public WindowsElement signInButton => _session.FindElementByAccessibilityId("Sign In");

    }
}

Login.Actions.cs

namespace UITesting
{
    public partial class Login
    {
        // Driver Setup
        private readonly WindowsDriver<WindowsElement> _session;
        public Login(WindowsDriver<WindowsElement> session) => _session = session;

        // Enter Username
        public void EnterUsername(string username)
        {
            usernameField.SendKeys(username);
        }

        // Enter Password
        public void EnterPassword(string password)
        {
            passwordField.SendKeys(password)
        }

        // Click 'Sign In'
        public void SignIn()
        {
            signInButton.Click();
        }

    }
}

LoginTests.cs

namespace UITesting.Test
{
    [Category("Login Tests")]
    class LoginTests : TestClassBase
    {

        [Test]
        public void Login()
        {

            // Login
            login.EnterUsername("TestUser1");
            login.EnterPassword("Password");
            login.ClickSignIn();

        }

    }
}

TestClassBase

namespace UITesting
{
    [TestFixture]
    public class TestClassBase
    {

        // Declare Page Ogjects
        public Login login;

        // Declare WinAppDriver Session
        private WindowsDriver<WindowsElement> session;

        [SetUp]
        public void SetUp()
        {

            // Instantiate Page Objects
            login = new Login(session);

            // Additional SetUp Logic here...

        }

        [TearDown]
        public void TearDown()
        {
            // TearDown Logic here...
        }

    }
}

这一切都运行得很好，很棒，但我想做的是将其发展为可以在不同主机上使用相同代码运行完全相同的测试。

我们还有一个利用 Uno 平台的应用程序的网络版本。该应用程序与网络上的应用程序几乎相同，但为了实现自动化，我们需要使用 Selenium。我不想做的是必须管理两个单独的 UI 自动化解决方案，并且由于应用程序的两个版本几乎相同，我希望能够切换在我们的 CI 中运行测试的目标平台/CD 管道，这最终将改变正在执行的代码。

所以看来利用接口可能是这里的方法，而且我知道使用它们现在可以拥有如下所示的页面对象类结构

ILogin.cs  
LoginWeb.Actions.cs 
LoginWeb.Elements.cs 
LoginWPF.Actions.cs  
LoginWPF.Elements.cs

这样，我现在有 4 个部分类，其中 Actions 类继承接口并且它们使用相应 Elements 类中的元素。

我不明白的部分是如何让测试类现在执行所需 Actions 类中的代码。我实例化页面对象的部分是关键，因为在此示例中，WPF 和网页对象都需要共享名称登录。我是否必须为它们创建两个不同的 TestClassBase 类和某种接口，并让测试继承这两个类？或者我只是以完全错误的方式处理这个问题..

Answer 1

这可能是一项更大的重构工作，但值得付出努力。

首先，您需要为每个页面模型创建界面。我建议保持接口尽可能简单，以提供完整且灵活的抽象。考虑使用一个名为 SignIn 的方法，该方法接受用户名和密码作为参数，而不是必须按特定顺序调用三个单独的方法（EnterUsername、EnterPassword 和 ClickSignIn）。该方法将在内部处理输入用户名、密码并单击相应的按钮。

确实，如果你走这条路，请仔细考虑接口。尽量避免任何调用 order 方法的情况。尝试关注用例，而不是满足该用例所需的步骤。

public interface ILoginPage
{
    void SignIn(string username, string password);
}

接下来，在两个不同的类上实现该接口。每个课程都将专门研究 Selenium 或 WinAppDriver。考虑使用命名约定，其中处理 Web 应用程序的页面模型以“Web”为前缀，而桌面应用程序的页面模型以“Windows”或“桌面”为前缀。

public class WebLoginPage : ILoginPage
{
    private readonly IWebDriver driver;

    public WebLoginPage(IWebDriver driver)
    {
        this.driver = driver;
    }

    public void SignIn(string username, string password)
    {
        // Enter username
        // Enter password
        // Click sign-in button
    }
}

public class DesktopLoginPage : ILoginPage
{
    private readonly WindowsDriver<WindowsElement> session;

    public DesktopLoginPage (WindowsDriver<WindowsElement> session)
    {
        this.session = session;
    }

    public void SignIn(string username, string password)
    {
        // Enter username
        // Enter password
        // Click sign-in button
    }
}

一旦有了适当的抽象，您将需要一个用于创建页面模型的工厂类的接口，然后是两个实现类：

public interface IPageModelFactory
{
    ILoginPage CreateLoginPage();
}

public class WebPageModelFactory : IPageModelFactory
{
    private readonly IWebDriver driver;

    public PageModelFactory(IWebDriver driver)
    {
        this.driver = driver;
    }

    public ILoginPage CreateLoginPage()
    {
        return new WebLoginPage(driver);
    }
}

public class DesktopPageModelFactory : IPageModelFactory
{
    private readonly WindowsDriver<WindowsElement> session;

    public DesktopPageModelFactory(WindowsDriver<WindowsElement> session)
    {
        this.session = session;
    }

    public ILoginPage CreateLoginPage()
    {
        return new DesktopLoginPage(session);
    }
}

这是 抽象工厂模式，是一种无需诉诸类反射即可采用的方法。虽然类反射可能需要更少的代码，但它更难以理解。只是为了搞笑，这里尝试使用类反射来生成页面模型：

public class PageModelFactory
{
    private readonly object client;

    public PageModelFactory(object client)
    {
        this.client = client;
    }

    public ILoginPage CreateLoginPage()
    {
        var pageModelType = GetPageModelType<ILoginPage>();
        var constructor = pageModelType.GetConstructor(new Type[] { client.GetType() });

        return (ILoginPage)constructor.Invoke(new object[] { client });
    }

    private Type GetPageModelType<TPageModelInterface>()
    {
        return client.GetType()
                     .Assembly
                     .GetTypes()
                     .Single(type => type.IsClass && typeof(TPageModelInterface).IsAssignableFrom(type));
    }
}

您可以将它与任一驱动程序一起使用：

// Selenium
var driver = new ChromeDriver();

// WinApDriver (however you initialize it)
var session = new WindowsDriver<WindowsElement>();

PageModelFactory webPages = new PageModelFactory(driver);
PageModelFactory desktopPages = new PageModelFactory(session);
ILoginPage loginPage = null;

loginPage = webPages .CreateLoginPage();
loginPage.SignIn("user", "...");

loginPage = desktopPages.CreateLoginPage();
loginPage.SignIn("user", "...");

除非您或您的团队对类反射感到满意，否则我会推荐抽象工厂模式方法，因为它更容易理解。

无论哪种方式，您都需要确定您正在使用哪个客户端（Web 与桌面）。这应该在测试的设置方法中完成。建议将您的测试重构为基类以集中此决策代码。