页面对象模型

简介

大型测试套件可以进行结构化，以优化编写和维护的便捷性。页面对象模型就是这样一种组织测试套件的方法。

页面对象代表了您的 Web 应用程序的一部分。一个电子商务 Web 应用程序可能有一个主页、一个商品列表页和一个结账页。每个页面都可以由页面对象模型来表示。

页面对象通过创建更高级别的 API 来简化编写，使其更适合您的应用程序，并通过将元素选择器集中在一处并创建可重用代码来避免重复，从而简化维护。

实现

页面对象模型封装了 Playwright 的 Page。

using System.Threading.Tasks;
using Microsoft.Playwright;

namespace BigEcommerceApp.Tests.Models;

public class SearchPage
{
  private readonly IPage _page;
  private readonly ILocator _searchTermInput;

  public SearchPage(IPage page)
  {
    _page = page;
    _searchTermInput = page.Locator("[aria-label='Enter your search term']");
  }

  public async Task GotoAsync()
  {
    await _page.GotoAsync("https://bing.com");
  }

  public async Task SearchAsync(string text)
  {
    await _searchTermInput.FillAsync(text);
    await _searchTermInput.PressAsync("Enter");
  }
}

然后，页面对象可以在测试中使用。

using BigEcommerceApp.Tests.Models;

// in the test
var page = new SearchPage(await browser.NewPageAsync());
await page.GotoAsync();
await page.SearchAsync("search query");