Jest Puppeteer - 为其设置 Visual Studio Code

Question

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

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

这仅与我正在使用的 IDE 有关吗？这个 IDE 的一些插件？或者也许这是正常的jest-puppeteer，我需要习惯它？

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

我现在正在研究这个简单的示例，我刚刚学习这个，但我正在尝试同时为其设置环境。我的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

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

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

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

请参阅此处：链接