puppeteer 在运行所有 Jest 测试之前关闭浏览器

Question

重现步骤

• git clone https://github.com/anikethsaha/docsify
• git checkout e2e-test-puppeteer`
• npm i
• npm run test:e2e
• 检查sideBar.spec.js的测试

运行 122 个测试中的 31 个测试将失败

告诉我们您的环境：

• 傀儡师版本：^2.0.0
• 平台/操作系统版本：windows 10
• URL（如果适用）： https : //travis-ci.org/docsifyjs/docsify/jobs/631003978?utm_medium=notification&utm_source=github_status
• Node.js 版本：v10.15.3

哪些步骤将重现该问题？ npm run test:e2e

请包含重现问题的代码。

1. https://github.com/anikethsaha/docsify/blob/e2e-test-puppeteer/e2e/测试/sideBar.spec.js 2. 3。

预期的结果是什么？ 它应该运行所有测试用例 122

会发生什么？ 但是相反，它只运行了 31 个测试，之后浏览器关闭，然后剩下的 91 个测试没有运行

语境

我正在使用live-server运行一个服务器来为我的文件提供服务，并且它是在自定义 jest 环境中完成的。 我有一个sideBar.spec.js文件，它通过单击所有侧边栏链接来测试它们，然后使用jest-image-snapshot 。 在这个测试中，我使用page.click方法点击每个可能的锚链接。 它没有运行剩余的 91 个测试。 我将超时增加到 300 秒，但仍然在此之前停止。

我看到了一个奇怪的行为，即侧边栏带有一个切换按钮。 所以默认情况下侧边栏是打开的。 但是在退出关闭浏览器之前，IDK 但是它正在切换侧边栏以关闭它然后关闭浏览器。 检查sideBar.spec.js的测试你可以在这里找到测试的行为https://travis-ci.org/docsifyjs/docsify/jobs/631003978?utm_medium=notification&utm_source=github_status

Answer 1

浏览器在执行所有测试之前没有关闭，事实并非如此。 在 beforeAll 钩子中添加参数browser = await puppeteer.launch({headless: false}) puppeteer.launch browser = await puppeteer.launch({headless: false}) ，当你看到发生的事情时总是更容易。

我用你的代码玩了一段时间，并在控制台中检查了你尝试点击的选择器是否真的存在，但看起来它们不存在。 （您也可以在您提供的日志中清楚地看到它： Node is either not visible or not an HTMLElement等）

例如：

const cdnIds = [
 'latest-version',
 'specific-version',
 'compressed-file',
 'other-cdn'
]
cdnIds.forEach(id => {
 test('go to #cdn?id=' + id, async done => {
   await page.click(`a.section-link[href='#/cdn?id=${id}']`)
   const ss = await page.screenshot()
   expectThres(ss)
   done()
 })
})

没有匹配的选择器，例如a.section-link[href='#/cdn?id=other-cdn']或a.section-link[href^='#/cdn'] <-- 第二个应该匹配每个每个 cdnIds 数组。 我想你需要重写你的测试。 祝你好运