Compiler errors importing JestPuppeteerConfig interface

[colinrotherham]

🐛 Bug Report

I'm seeing TypeScript issues for properties not existing on JestPuppeteerConfig

To Reproduce

The issue can be seen when importing JestPuppeteerConfig into TypeScript:

import type { JestPuppeteerConfig } from "jest-environment-puppeteer";

For JavaScript, follow the Synchronous configuration README example but enable tsconfig.json checkJs: true

/** @type {import('jest-environment-puppeteer').JestPuppeteerConfig} */

Expected behavior

Compilation should complete without error but the following is shown:

node_modules/jest-environment-puppeteer/dist/index.d.ts:58:25 - error TS2339: Property 'browser' does not exist on type 'Global'.

58     var browser: Global["browser"];
                           ~~~~~~~~~

node_modules/jest-environment-puppeteer/dist/index.d.ts:59:22 - error TS2339: Property 'page' does not exist on type 'Global'.

59     var page: Global["page"];
                        ~~~~~~

node_modules/jest-environment-puppeteer/dist/index.d.ts:60:25 - error TS2339: Property 'context' does not exist on type 'Global'.

60     var context: Global["context"];
                           ~~~~~~~~~

node_modules/jest-environment-puppeteer/dist/index.d.ts:61:33 - error TS2339: Property 'puppeteerConfig' does not exist on type 'Global'.

61     var puppeteerConfig: Global["puppeteerConfig"];
                                   ~~~~~~~~~~~~~~~~~

node_modules/jest-environment-puppeteer/dist/index.d.ts:62:31 - error TS2339: Property 'jestPuppeteer' does not exist on type 'Global'.

62     var jestPuppeteer: Global["jestPuppeteer"];
                                 ~~~~~~~~~~~~~~~


Found 5 errors.

Link to repl or repo (highly encouraged)

Reproduced in example repo:
https://github.com/colinrotherham/jest-environment-puppeteeer-types

These types have // @ts-ignore so perhaps this is a known issue in jest-environment-puppeteer/src/env.ts?

declare global {
  // @ts-ignore
  var browser: Global["browser"];
  // @ts-ignore
  var page: Global["page"];
  // @ts-ignore
  var context: Global["context"];
  // @ts-ignore
  var puppeteerConfig: Global["puppeteerConfig"];
  // @ts-ignore
  var jestPuppeteer: Global["jestPuppeteer"];
}

[colinrotherham]

Also looks like puppeteer LaunchOptions should be PuppeteerLaunchOptions

[gregberge]

Hi @colinrotherham, sorry for the silence. I will give a look tomorrow and try to fix it! Thanks for the repro and all the details!