Visual studio code Jest Puppeter-为其设置Visual Studio代码

Visual studio code Jest Puppeter-为其设置Visual Studio代码,visual-studio-code,jestjs,jest-puppeteer,Visual Studio Code,Jestjs,Jest Puppeteer,我计划在VisualStudioCodeIDE中设置env进行测试。 我的问题是,任何XXX.test.js文件中的VS代码都不知道什么是浏览器或页面变量。我收到这样的错误: 'page' is not defined.eslint(no-undef) 这是否只与我正在使用的IDE有关?这个IDE的插件?或者这对于《代码》中的玩偶演员来说是很正常的,我需要习惯吗 整个测试在运行时运行正常,但IDE似乎只知道什么是page 我现在正在做这个简单的例子,我只是在学习这个,但我试图在同一时间为它设置

我计划在VisualStudioCodeIDE中设置env进行测试。 我的问题是,任何XXX.test.js文件中的VS代码都不知道什么是浏览器页面变量。我收到这样的错误:

'page' is not defined.eslint(no-undef)
这是否只与我正在使用的IDE有关?这个IDE的插件?或者这对于《代码》中的玩偶演员来说是很正常的,我需要习惯吗

整个测试在运行时运行正常,但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错误?

将Puppeter全局文件、页面和浏览器添加到您的ESLint配置中

然后,将以下内容添加到
.eslintrc
文件中:

env: {
    jest: true,
},
// Puppeteer globals
globals: {
    page: true,
    browser: true,
},
请看这里: