Typescript 剧作家元素发现，但继续显示为隐藏

我认为有两个问题:

1. 你需要将所有返回promise的Playwright API调用设为await.如果不这样做会导致竞争条件和不确定性，这意味着脚本可能会随机失败，并产生令人困惑的错误或不可预测的行为.
2. 将css Select 器传递到定位器时，请使用.locator()而不是.getByLabel().

对我来说，应用这些修复程序可以通过测试(我使用的是JS，而不是TS，但这无关紧要):

import {expect, test} from "@playwright/test"; // ^1.39.0

class Register {
  constructor(page) {
    this.userName = page.locator("#username");
    this.pw = page.locator("#password");
    this.button = page.locator("#submit");
  }
}

test.describe("Registering", () => {
  test("has title", async ({page}) => {
    const regis = new Register(page);
    await page.goto(
      "https://practicetestautomation.com/practice-test-login/"
    );
    await regis.userName.fill("student");
    await regis.pw.fill("Password123");
    await regis.button.click();
    await page.waitForURL(
      "https://practicetestautomation.com/logged-in-successfully/"
    );
    await expect(
      page.getByRole("heading", {name: "Logged In Successfully"})
    ).toBeVisible();
  });
});

除了正确之外，这里的POM人可能应该比现在做更多的工作.在POM中有一些定位器和没有一些定位器是不一致的，通常情况下，添加抽象出一些"原始"编剧操作的方法是有用的.