Playwright中断言文本可见：两种方式哪个正确及原因

先看你给出的目标元素：

<div data-testid="textid">some text</div>

两种断言方式都能生效，但优先推荐使用await expect(page.getByTestId("textid")).toBeVisible();，原因如下：

• 稳定性更强：页面文本是面向用户的内容，产品迭代中很容易被修改（比如文案优化、更新内容），一旦文本变了，用getByText的断言会直接失效。而data-testid是专门给测试用的标识，只要测试需求不变，开发一般不会随意修改它，能大幅减少维护测试用例的成本。
• 定位更精准：如果页面上存在多个包含"some text"的元素，getByText可能会匹配到错误的元素，导致断言结果不准确。而data-testid在规范中会被设置为唯一标识，能精准定位到目标元素。
• 适配多场景：如果页面需要支持多语言，文本会随语言切换而变化，用文本断言的话，不同语言环境下的测试都会失败。但data-testid不受语言影响，能在多语言场景下稳定工作。

如果你的测试需求不仅要验证元素可见，还要确保显示的文本是"some text"，可以把两个断言结合起来：

await expect(page.getByTestId("textid")).toBeVisible();
await expect(page.getByTestId("textid")).toHaveText("some text");

内容的提问来源于stack exchange，提问作者utkarsh-k