Playwright无法捕获sl-alert提示消息，已尝试代码无效求解决方案

问题根因 #

你尝试的page.onDialog API仅适用于监听浏览器原生的alert()/confirm()/prompt()系统弹窗，而你要捕获的提示是前端组件库渲染的自定义DOM元素（sl-alert属于Shoelace组件库的提示组件），不属于系统级弹窗，所以无法通过Dialog事件捕获。

解决方法 #

你只需要通过元素选择器定位到sl-alert组件，等待组件渲染可见后提取内部文本即可，参考Java代码如下：

// 点击提交按钮
page.click("zero-button:has-text('Submit') >> visible=true");

// 定位sl-alert组件
Locator alertLocator = page.locator("sl-alert").first();
// 等待组件渲染可见，可根据实际情况调整超时时间
alertLocator.waitFor(new Locator.WaitForOptions()
        .setState(WaitForSelectorState.VISIBLE)
        .setTimeout(3000));

// 提取提示文本
String alertText = alertLocator.textContent();
System.out.println("捕获到的提示内容：" + alertText);

注意事项 #

• 如果页面存在多个sl-alert组件，可根据属性（比如类名、提示类型属性）进一步过滤选择器，例如sl-alert[type="warning"]
• 如果提示组件会自动消失，可适当调大waitFor的超时阈值，避免还没捕获到就已销毁
• 若组件文本是放在内部子元素中（比如.sl-alert__content类下），可调整定位路径到对应子元素再提取文本

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