Playwright 1.32测试Oracle Apex应用：页面提交后元素校验异常求助

你的测试出现“正常运行通过、调试才失败”的核心原因是测试执行速度快于页面状态更新：点击两次Create按钮后，页面会触发服务器提交并重载，黄色提示框是重载完成后才渲染的，但正常测试时断言代码可能在页面未完成重载、提示框未出现时就已执行，导致误判通过；调试时节奏放慢，页面有足够时间完成更新，断言能正确捕捉到提示框，因此测试失败符合预期。

以下是具体解决方案：

• 等待页面重载完成
  点击Create按钮会触发页面导航/重载，需明确等待这一过程完成，避免断言提前执行。可以在点击时指定等待选项：

  // 第一次点击并等待页面导航完成
  await page.click('button:text("Create")', { waitFor: 'navigation' });
  // 第二次点击同样等待导航完成
  await page.click('button:text("Create")', { waitFor: 'navigation' });
  

  若存在连续导航，也可监听framenavigated事件，确保所有页面重载流程结束后再执行断言。

• 显式等待错误提示框出现
  页面重载完成后，不要立刻断言，需显式等待黄色提示框元素加载并可见：

  // 替换为你实际的提示框选择器（可通过浏览器DevTools获取）
  await page.waitForSelector('.t-Alert--warning', { state: 'visible', timeout: 5000 });
  // 执行断言验证提示框存在
  const errorAlert = page.locator('.t-Alert--warning');
  await expect(errorAlert).toBeVisible();
  

  注意：Oracle Apex的错误提示框通常带有t-Alert--warning类名，可根据实际页面结构调整选择器。

• 调整超时设置
  若默认超时时间不足以支撑页面重载和渲染，可全局调整测试超时，或在单个等待/断言中指定更长超时：

  // 全局设置测试超时为10秒
  test.setTimeout(10000);
  

• 模拟真实操作间隔（备选方案）
  若上述方法无效，可在两次点击间加入短暂固定等待（不推荐依赖，但可作为临时方案）：

  await page.click('button:text("Create")');
  await page.waitForTimeout(800); // 模拟用户点击间隔
  await page.click('button:text("Create")', { waitFor: 'navigation' });
  

内容的提问来源于stack exchange，提问作者JoseAróstegui