页面对象模型

介绍

¥Introduction

可以构建大型测试套件以优化创作和维护的便利性。页面对象模型是构建测试套件的一种方法。

¥Large test suites can be structured to optimize ease of authoring and maintenance. Page object models are one such approach to structure your test suite.

页面对象代表 Web 应用的一部分。电商 Web 应用可能有主页、列表页面和结账页面。它们中的每一个都可以由页面对象模型来表示。

¥A page object represents a part of your web application. An e-commerce web application might have a home page, a listings page and a checkout page. Each of them can be represented by page object models.

页面对象通过创建适合你的应用的更高级别 API 来简化创作，通过在一处捕获元素选择器并创建可重用代码以避免重复来简化维护。

¥Page objects simplify authoring by creating a higher-level API which suits your application and simplify maintenance by capturing element selectors in one place and create reusable code to avoid repetition.

执行

¥Implementation

页面对象模型封装在 Playwright Page 上。

¥Page object models wrap over a 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");
  }
}

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

¥Page objects can then be used inside a test.

using BigEcommerceApp.Tests.Models;

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