剧作家可以检查一个自定义名称的元素吗?

Question

我正在做一个angular/typescript应用程序，我们的页面使用的元素只是带出其他页面。例如，date-time元素仅用于显示日期和时间数据。

在剧作家中，我看到过沿着

行的示例代码await expect(page.locator('date-time').isVisible);

与不同的选择器和过滤器附加，但有没有一种方法，而不是div我可以让它期望包含日期-时间?

编辑:以防万一，这是我正在寻找的元素的html的一个例子:<date-time> [start]='startTime' [end]='endTime' [date]='date' </date-time>

Answer 1

您可以使用文本定位器，然后使用可见的expect断言，例如:

expect('text=06 Jul 2022').toBeVisible()

你可以检查date-time标签是否在dom上可见，

await expect(page.locator('date-time')).toBeVisible()

如果你只是想检查元素是否存在于DOM中，你可以这样做:

await expect(page.locator('date-time').count()).toBeTruthy()