使用Playwright(DotNet)点击Signup/Login按钮失败的技术求助

错误日志里的<div class="fc-dialog-overlay">是Cookie授权弹窗的遮罩层，它覆盖在页面上方拦截了所有指针事件，导致你的点击操作无法触达目标元素。

方法1：先处理Cookie授权弹窗（推荐） #

先定位并点击Cookie弹窗的同意按钮，关闭遮罩层后再执行后续操作：

var page = await Browser.NewPageAsync();
await page.GotoAsync("https://automationexercise.com/");

// 处理Cookie授权弹窗（根据实际按钮样式调整定位器）
var cookieConsentButton = page.Locator(".fc-cta-consent");
if (await cookieConsentButton.IsVisibleAsync())
{
    await cookieConsentButton.ClickAsync();
    // 等待遮罩层完全消失
    await page.Locator(".fc-dialog-overlay").WaitForAsync(new LocatorWaitForOptions { State = WaitForSelectorState.Hidden });
}

await Expect(page.Locator("text= Signup / Login")).ToBeVisibleAsync();
await page.Locator("text= Signup / Login").ClickAsync();
await Expect(page.Locator("h2:has-text('New User Signup!')")).ToBeVisibleAsync();

如果.fc-cta-consent定位不到，可尝试用文本定位，比如page.Locator("text=Accept All")或text=I Accept，根据页面实际显示的按钮文本调整。

方法2：强制点击元素（临时调试方案） #

如果暂时无法处理弹窗，可使用ClickAsync的Force参数强制点击，忽略遮挡：

await page.Locator("text= Signup / Login").ClickAsync(new LocatorClickOptions { Force = true });

注意：该方法会绕过页面正常交互逻辑，仅适合临时调试，不建议在正式测试中使用。

方法3：等待遮罩层自动消失 #

若弹窗会自动关闭，可先等待遮罩层隐藏后再执行点击：

await page.Locator(".fc-dialog-overlay").WaitForAsync(new LocatorWaitForOptions { State = WaitForSelectorState.Hidden });
await page.Locator("text= Signup / Login").ClickAsync();

• 定位器优化：你当前使用的text= Signup / Login带有开头空格，可简化为text=Signup / Login，或用更可靠的属性定位：page.Locator("a[href='/login']")，避免文本空格导致的定位不稳定问题。
• 等待逻辑：Playwright默认会等待元素可见、可点击，但遮罩层存在时，即使元素可见也无法触发点击，因此必须优先处理遮罩层。

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