Jest Puppeteer - настройка кода Visual Studio для него

Question

Я планирую настроить env для тестирования в Visual Studio Code IDE. Проблема в том, что VS Code в любом файле XXX.test. js не знает, что такое переменная 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

Добавьте глобалы Puppeteer, Page и Browser, к вашей конфигурации ESLint.

Затем добавьте следующее в ваш .eslintrc файл:

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

См. Здесь: Ссылка