如何检查HTML日期选择器日历的dom？

Question

我正在使用 本机 HTML 日期选择器，我用 HTML

showPicker()

方法显示它。我需要编写一个 e2e 测试（使用 Playwright），我可以在其中打开日历并单击不同的日期数字。

我遇到的问题是我无法保持日历打开来检查 dom。我一点击任何地方它就会消失。

我尝试通过子树修改在输入元素上放置断点，但没有帮助。我还尝试了剧作家的代码生成器。我能够单击日期数字元素，但 Playwrights codgen 调试器没有为其输出任何定位器。

知道如何检查 HTML 日期选择器的 DOM 吗？

Answer 1

您不关心“单击日期选择器”，您已经知道这是有效的。相反，您可以直接使用其 JS API 设置日期选择器输入值，以便您可以测试该值 - 假设输入元素执行其应该执行的操作（您使用 https://caniuse.com 检查） - 您自己的代码做它应该做的事。

你用正常剧作家的动作来做到这一点：

...

await page.getByLabel('Birth date').fill('2020-02-02');

...