为了回答您的问题，这里有一个相关的问题：“ shadow dom提供了哪些信息而不是原始html提供的信息？”

以下代码段创建了一个dom dom（通过chrome或firefox查看）：

<input type="date">

如果单击箭头，则会弹出一个包含所有日期的弹出窗口，您可以选择它。

现在想象一下，您正在构建一个酒店预订应用程序，并且制作了一个自定义的影子日期选择器，当房间不可用时，它将在这里遮蔽（不允许用户选择）日期。

查看原始html，您会看到<input type="date">，以及用户选择的值/日期。但是，您将如何测试中断的UI是否按预期工作？为此，您需要检查弹出窗口所在的影子dom。