关于Playwright中page.locator('article')的含义及页面无对应元素的疑问

• article在这里是HTML5语义化标签，既不是CSS类（类选择器写法是.article），也不是自定义标签。HTML5引入这类标签，用来标记页面中独立、完整的内容块，比如博客文章、新闻条目这类内容通常会用它包裹。
• 你找不到它的原因大概率是这两点：
  • 页面是动态渲染的：你查看的“网页源码”是服务器返回的初始HTML，而Playwright操作的是浏览器渲染后的实时DOM。如果<article>是通过JavaScript动态加载添加的，初始源码里就看不到，这时候应该用浏览器F12的“检查元素”功能查看实时DOM结构。
  • 查看位置有误：可能<article>嵌套在其他标签层级里，或者你当前查看的页面和Playwright文档示例对应的页面不是同一处？比如POM文档页确实存在<article>标签，用检查工具就能找到。
• 结合你给出的代码来看：
  • page.locator('article div.markdown ul > li > a')是定位<article>标签下，class为markdown的div内部、ul的直接子li里的a标签。
  • expect(page.locator('article')).toContainText('Page Object Model is a common pattern')是断言这个<article>标签包含指定的文本内容。

内容的提问来源于stack exchange，提问作者hpr