Playwright自动化点击Cookie弹窗按钮无响应问题求助

针对你遇到的点击ACEPTAR按钮只有悬停无实际点击的问题，可从以下几个方向排查修复：

• 调整操作顺序，避免并行执行导致的元素未就绪
  你当前用Promise.all同时执行页面跳转和点击操作，这会导致页面还没完全加载、Cookie弹窗或按钮还未渲染完成时，点击命令就已经发出，自然无法触发有效点击。应该先等待页面跳转完成，再处理弹窗：

  test('test', async ({ page }) => {
    await page.goto('https://*********');
    // 等待Cookie弹窗出现
    await page.locator('#popUpCookies').waitFor({ state: 'visible' });
    // 定位并点击授权按钮
    await page.getByRole('button', { name: 'ACEPTAR' }).click();
  });
  

• 显式等待元素可交互状态
  有时候元素虽然可见，但还未绑定点击事件或处于不可用状态，可强制等待元素进入可交互状态后再点击：

  test('test', async ({ page }) => {
    await page.goto('https://*********');
    const acceptBtn = page.getByRole('button', { name: 'ACEPTAR' });
    // 等待按钮可点击
    await acceptBtn.waitFor({ state: 'enabled' });
    await acceptBtn.click();
  });
  

• 检查定位器准确性
  确认getByRole('button', {name:'ACEPTAR'})是否真的能匹配到目标按钮：

  • 可能按钮的role属性不是button，可以换用文本定位器：page.locator('text=ACEPTAR')
  • 注意文本的大小写、空格是否完全匹配，比如按钮文本是Aceptar而非全大写，可加exact: false忽略大小写：page.getByRole('button', { name: 'ACEPTAR', exact: false })

• 尝试强制点击（最后手段）
  如果按钮被其他元素覆盖、或者页面事件绑定有异常，可使用force: true跳过Playwright的可交互性检查，直接触发点击：

  await page.getByRole('button', { name: 'ACEPTAR' }).click({ force: true });
  

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