Jest Puppeteer-为其设置Visual Studio代码

Question

我计划在VisualStudioCodeIDE中设置env进行测试。我遇到的问题是，任何XXX.test.js文件中的VS Code都不知道什么是browser或page变量。我收到这样的错误：

'page' is not defined.eslint(no-undef)

这只是和我正在使用的IDE有关吗？这个IDE的插件？或者这对jest-puppeteer来说是正常的，我需要习惯它？

运行时的整个测试工作正常，但IDE似乎只是不知道什么是page。

我现在正在研究这个简单的例子，我只是在学习这个，但我正在尝试同时为它设置env。我的Network.test.js文件如下所示。文件顶部没有任何导入或要求。

describe("Google", () => {
beforeAll(async () => {
await page.goto("https://google.com");
});
it('should display "google" text on page', async () => {
await expect(page).toMatch("google");
});
});

稍后我需要将其转换为Typescript，我认为这也是一个挑战。现在我只想关注纯javascript方法。

如何消除这个IDE错误，而这些错误在现实中不是错误？

Answer 1

将Puppeter全局变量、页面和浏览器添加到ESLint配置中。

然后，将以下内容添加到.eslintrc文件中：

env: {
jest: true,
},
// Puppeteer globals
globals: {
page: true,
browser: true,
},

请参阅此处：链接