Playwright遍历页面链接元素时触发30000ms超时，不延长超时如何解决

你修改的都是页面/上下文的操作默认超时，没有命中本次超时的核心原因，主要问题有3个：

• 每次校验链接都打开一个新页面但没有主动关闭，页面开多了之后资源占用飙升，后续页面加载速度越来越慢，自然会触发超时
• 通过模拟点击打开新页面的方式校验链接本身效率极低，还要等页面全量资源加载、渲染，远不如直接请求链接地址快
• 原有代码存在笔误：函数内定义的局部变量allLinks被误写为this.allLinks，会导致定位失败卡住；且循环中使用allLinks.nth(i)动态定位元素，如果页面DOM在循环过程中有变动，后续的nth定位也会失败直到超时
• Playwright 测试用例默认单用例最大执行时长为30秒，你之前修改的都是操作级超时，没有覆盖用例级的超时限制（如果不需要延长总阈值可忽略这条，优先优化执行速度即可）

方案1：直接提取href发请求校验（最优，速度提升10倍以上） #

不用打开页面渲染，直接提取所有a标签的href属性，去重后通过Playwright自带的请求API校验状态码即可，几十上百个链接执行耗时通常不超过10秒：

async testAllLinks() {
  const linkElements = await this.page.locator('a[href]').all();
  const uniqueHrefs = new Set();
  // 先提取所有唯一有效链接，过滤不需要校验的类型
  for (const el of linkElements) {
    const href = await el.getAttribute('href');
    if (
      href 
      && !href.startsWith('#') // 过滤页内锚点
      && !href.startsWith('javascript:') // 过滤js伪协议
      && !href.startsWith('mailto:') // 过滤邮件链接
      && !href.startsWith('tel:') // 过滤电话链接
    ) {
      // 相对路径转成绝对路径
      const absoluteUrl = new URL(href, this.page.url()).href;
      uniqueHrefs.add(absoluteUrl);
    }
  }
  // 遍历校验链接有效性
  for (const url of uniqueHrefs) {
    const response = await this.page.request.get(url, { 
      failOnStatusCode: false,
      timeout: 5000 // 单个请求5秒超时足够
    });
    if (response.status() >= 400) {
      console.log(`死链发现：${url}, 状态码：${response.status()}`);
      // 在这里添加你的断言逻辑
    }
  }
}

方案2：如果必须保留打开页面校验的逻辑，修改如下 #

async testAllLinks() {
  const context = this.page.context();
  // 先一次性提取所有有效链接去重，避免循环中DOM变动导致定位失效
  const linkElements = await this.page.locator("a[href]").all();
  const uniqueHrefs = new Set();
  for (const el of linkElements) {
    const href = await el.getAttribute('href');
    if (href && !href.startsWith('#') && !href.startsWith('javascript:')) {
      uniqueHrefs.add(new URL(href, this.page.url()).href);
    }
  }
  // 逐个打开页面校验，用完及时关闭释放资源
  for (const url of uniqueHrefs) {
    const newPage = await context.newPage();
    // 单个页面设置短超时，异常直接抛出不要卡住
    await newPage.goto(url, { timeout: 10000 });
    await newPage.waitForLoadState('domcontentloaded', { timeout: 5000 });
    const page404 = new Page404(newPage);
    page404.testPageForVariousProblems();
    // 用完立刻关闭页面，避免资源堆积
    await newPage.close();
  }
}

额外可选配置 #

如果后续链接量级变大，确实需要延长单用例的总超时，可以单独给该用例配置，不影响全局默认配置：

test("Test all links do not 404", async ({ page }) => {
  // 单独给当前用例设置5分钟超时
  test.setTimeout(1000 * 60 * 5);
  const genericTests = new GenericTests(page);
  await genericTests.testAllLinks()
});

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