@jscutlery/playwright-ct-angular 0.1.4 → 0.2.1

package/hooks.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/hooks";

package/hooks.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./hooks.cjs.js').default;

package/hooks.cjs.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const __pw_hooks_before_mount = [];
+const __pw_hooks_after_mount = [];
+window['__pw_hooks_before_mount'] = __pw_hooks_before_mount;
+window['__pw_hooks_after_mount'] = __pw_hooks_after_mount;
+const beforeMount = (callback) => {
+    __pw_hooks_before_mount.push(callback);
+};
+const afterMount = (callback) => {
+    __pw_hooks_after_mount.push(callback);
+};
+
+exports.afterMount = afterMount;
+exports.beforeMount = beforeMount;

package/hooks.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './hooks.cjs.js';
+export { _default as default } from './hooks.cjs.default.js';

package/hooks.esm.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const __pw_hooks_before_mount = [];
+const __pw_hooks_after_mount = [];
+window['__pw_hooks_before_mount'] = __pw_hooks_before_mount;
+window['__pw_hooks_after_mount'] = __pw_hooks_after_mount;
+const beforeMount = (callback) => {
+    __pw_hooks_before_mount.push(callback);
+};
+const afterMount = (callback) => {
+    __pw_hooks_after_mount.push(callback);
+};
+
+export { afterMount, beforeMount };

package/index.cjs.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var mount = require('@playwright/experimental-ct-core/lib/mount');
 var playwright = require('@playwright/test');
-var mount = require('@playwright/test/lib/mount');
 var jestMock = require('jest-mock');
+var experimentalCtCore = require('@playwright/experimental-ct-core');
 var path = require('path');
 
 function _interopNamespace(e) {
@@ -28,15 +29,6 @@ function _interopNamespace(e) {
 var playwright__namespace = /*#__PURE__*/_interopNamespace(playwright);
 var path__namespace = /*#__PURE__*/_interopNamespace(path);
 
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {
-};
-playwright__namespace['_addRunnerPlugin'](() => {
-    /* Only fetch upon request to avoid resolution in workers. */
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
-    return createPlugin(path__namespace.join(__dirname, 'register-source.mjs'), noop);
-});
 const mountTest = playwright__namespace.test.extend(mount.fixtures);
 const test = mountTest.extend({
     /**
@@ -63,7 +55,7 @@ const test = mountTest.extend({
             const spies = options.spyOutputs?.reduce((acc, key) => {
                 return {
                     ...acc,
-                    [key]: jestMock.fn()
+                    [key]: jestMock.fn(),
                 };
             }, {}) ?? {};
             /* 2. ...then use it as an output... */
@@ -71,8 +63,8 @@ const test = mountTest.extend({
                 ...options,
                 outputs: {
                     ...options.outputs,
-                    ...spies
-                }
+                    ...spies,
+                },
             });
             /* Grab a locator to the TestBed's root element.
              * We are loading a fresh new page for each test
@@ -84,11 +76,37 @@ const test = mountTest.extend({
             /* Add spies to the returned locator. */
             return Object.assign(locator, { spies });
         });
-    }
+    },
 });
 const expect = playwright__namespace.expect;
 const devices = playwright__namespace.devices;
 
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function plugin() {
+    /* Only fetch upon request to avoid resolution in workers. */
+    const { createPlugin,
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+     } = require('@playwright/experimental-ct-core/lib/vitePlugin');
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return createPlugin(path__namespace.join(__dirname, 'register-source.mjs'), () => { });
+}
+const defineConfig = (config) => experimentalCtCore.defineConfig({ ...config, _plugins: [plugin] });
+
+exports.defineConfig = defineConfig;
 exports.devices = devices;
 exports.expect = expect;
 exports.test = test;

package/index.esm.js

@@ -1,17 +1,9 @@
+import { fixtures } from '@playwright/experimental-ct-core/lib/mount';
 import * as playwright from '@playwright/test';
-import { fixtures } from '@playwright/test/lib/mount';
 import { fn } from 'jest-mock';
+import { defineConfig as defineConfig$1 } from '@playwright/experimental-ct-core';
 import * as path from 'path';
 
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {
-};
-playwright['_addRunnerPlugin'](() => {
-    /* Only fetch upon request to avoid resolution in workers. */
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
-    return createPlugin(path.join(__dirname, 'register-source.mjs'), noop);
-});
 const mountTest = playwright.test.extend(fixtures);
 const test = mountTest.extend({
     /**
@@ -38,7 +30,7 @@ const test = mountTest.extend({
             const spies = options.spyOutputs?.reduce((acc, key) => {
                 return {
                     ...acc,
-                    [key]: fn()
+                    [key]: fn(),
                 };
             }, {}) ?? {};
             /* 2. ...then use it as an output... */
@@ -46,8 +38,8 @@ const test = mountTest.extend({
                 ...options,
                 outputs: {
                     ...options.outputs,
-                    ...spies
-                }
+                    ...spies,
+                },
             });
             /* Grab a locator to the TestBed's root element.
              * We are loading a fresh new page for each test
@@ -59,9 +51,34 @@ const test = mountTest.extend({
             /* Add spies to the returned locator. */
             return Object.assign(locator, { spies });
         });
-    }
+    },
 });
 const expect = playwright.expect;
 const devices = playwright.devices;
 
-export { devices, expect, test };
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function plugin() {
+    /* Only fetch upon request to avoid resolution in workers. */
+    const { createPlugin,
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+     } = require('@playwright/experimental-ct-core/lib/vitePlugin');
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return createPlugin(path.join(__dirname, 'register-source.mjs'), () => { });
+}
+const defineConfig = (config) => defineConfig$1({ ...config, _plugins: [plugin] });
+
+export { defineConfig, devices, expect, test };

package/package.json

@@ -1,17 +1,21 @@
 {
   "name": "@jscutlery/playwright-ct-angular",
-  "version": "0.1.4",
+  "version": "0.2.1",
   "dependencies": {
     "jest-mock": "^28.1.3",
     "rxjs": "^7.5.7",
     "vite": "^3.2.1"
   },
   "peerDependencies": {
-    "@angular/core": "*",
-    "@angular/platform-browser": "*",
-    "@angular/platform-browser-dynamic": "*",
-    "@playwright/test": "^1.28.0",
-    "tslib": "*"
+    "@angular/compiler": "^16.0.0 || ^17.0.0",
+    "@angular/core": "^16.0.0 || ^17.0.0",
+    "@angular/platform-browser": "^16.0.0 || ^17.0.0",
+    "@angular/platform-browser-dynamic": "^16.0.0 || ^17.0.0",
+    "@playwright/experimental-ct-core": "^1.39.0",
+    "@playwright/test": "^1.39.0",
+    "rxjs": "^7.0.0",
+    "tslib": "*",
+    "zone.js": "*"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -19,6 +23,16 @@
       "module": "./index.esm.js",
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
+    },
+    "./hooks": {
+      "module": "./hooks.esm.js",
+      "import": "./hooks.cjs.mjs",
+      "default": "./hooks.cjs.js"
+    },
+    "./register": {
+      "module": "./register.esm.js",
+      "import": "./register.cjs.mjs",
+      "default": "./register.cjs.js"
     }
   },
   "module": "./index.esm.js",

package/register-source.mjs

@@ -1,11 +1,14 @@
 import '@angular/compiler';
 import 'zone.js';
 import { getTestBed, TestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting,
+} from '@angular/platform-browser-dynamic/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Subscription } from 'rxjs';
 
-const _componentRegistryMap = new Map();
+const _componentLoaderMap = new Map();
 
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
@@ -16,9 +19,9 @@ getTestBed().initTestEnvironment(
  * This is the function used by Playwright CT to map each component to its symbol.
  * The key here is a slug generated by Playwright CT based on the component's module path + component's name.
  */
-function register(components) {
+export function pwRegister(components) {
   for (const [name, value] of Object.entries(components)) {
-    _componentRegistryMap.set(name, value);
+    _componentLoaderMap.set(name, value);
   }
 }
 
@@ -29,12 +32,13 @@ function register(components) {
 let subscription;
 
 globalThis.playwrightMount = async (component, rootElement, hooksConfig) => {
-  const cmpType = _componentRegistryMap.get(component.type);
+  const loader = _componentLoaderMap.get(component.type);
+  const cmpType = await loader();
 
   subscription = new Subscription();
 
   TestBed.configureTestingModule({
-    imports: [BrowserAnimationsModule]
+    imports: [BrowserAnimationsModule],
   });
   const fixture = TestBed.createComponent(cmpType);
 
@@ -44,7 +48,9 @@ globalThis.playwrightMount = async (component, rootElement, hooksConfig) => {
   }
 
   /* Subscribe to outputs. */
-  for (const [name, callback] of Object.entries(component.options.outputs ?? {})) {
+  for (const [name, callback] of Object.entries(
+    component.options.outputs ?? {}
+  )) {
     subscription.add(fixture.componentInstance[name].subscribe(callback));
   }
 

package/register.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/register";
+export { default } from "./src/register";

package/register.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./register.cjs.js').default;

package/register.cjs.js

@@ -0,0 +1,88 @@
+'use strict';
+
+require('@angular/compiler');
+require('zone.js');
+var testing = require('@angular/core/testing');
+var testing$1 = require('@angular/platform-browser-dynamic/testing');
+var animations = require('@angular/platform-browser/animations');
+var rxjs = require('rxjs');
+
+const _componentLoaderMap = new Map();
+
+testing.getTestBed().initTestEnvironment(
+  testing$1.BrowserDynamicTestingModule,
+  testing$1.platformBrowserDynamicTesting()
+);
+
+/**
+ * This is the function used by Playwright CT to map each component to its symbol.
+ * The key here is a slug generated by Playwright CT based on the component's module path + component's name.
+ */
+function pwRegister(components) {
+  for (const [name, value] of Object.entries(components)) {
+    _componentLoaderMap.set(name, value);
+  }
+}
+
+/**
+ * Container subscription holding all outputs subscription
+ * in order to unsubscribe when component is unmounted.
+ */
+let subscription;
+
+globalThis.playwrightMount = async (component, rootElement, hooksConfig) => {
+  const loader = _componentLoaderMap.get(component.type);
+  const cmpType = await loader();
+
+  subscription = new rxjs.Subscription();
+
+  testing.TestBed.configureTestingModule({
+    imports: [animations.BrowserAnimationsModule],
+  });
+  const fixture = testing.TestBed.createComponent(cmpType);
+
+  /* Set inputs. */
+  for (const [name, value] of Object.entries(component.options.inputs ?? {})) {
+    fixture.componentInstance[name] = value;
+  }
+
+  /* Subscribe to outputs. */
+  for (const [name, callback] of Object.entries(
+    component.options.outputs ?? {}
+  )) {
+    subscription.add(fixture.componentInstance[name].subscribe(callback));
+  }
+
+  fixture.autoDetectChanges();
+};
+
+globalThis.playwrightUnmount = async (rootElement) => {
+  subscription.unsubscribe();
+  subscription = null;
+  testing.getTestBed().resetTestingModule();
+};
+
+globalThis.playwrightUpdate = async (rootElement, component) => {
+  rootElement.innerHTML = component;
+};
+
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var register = (components) => {
+    pwRegister(components);
+};
+
+module.exports = register;

package/register.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './register.cjs.js';
+export { _default as default } from './register.cjs.default.js';

package/register.esm.js

@@ -0,0 +1,86 @@
+import '@angular/compiler';
+import 'zone.js';
+import { getTestBed, TestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { Subscription } from 'rxjs';
+
+const _componentLoaderMap = new Map();
+
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+
+/**
+ * This is the function used by Playwright CT to map each component to its symbol.
+ * The key here is a slug generated by Playwright CT based on the component's module path + component's name.
+ */
+function pwRegister(components) {
+  for (const [name, value] of Object.entries(components)) {
+    _componentLoaderMap.set(name, value);
+  }
+}
+
+/**
+ * Container subscription holding all outputs subscription
+ * in order to unsubscribe when component is unmounted.
+ */
+let subscription;
+
+globalThis.playwrightMount = async (component, rootElement, hooksConfig) => {
+  const loader = _componentLoaderMap.get(component.type);
+  const cmpType = await loader();
+
+  subscription = new Subscription();
+
+  TestBed.configureTestingModule({
+    imports: [BrowserAnimationsModule],
+  });
+  const fixture = TestBed.createComponent(cmpType);
+
+  /* Set inputs. */
+  for (const [name, value] of Object.entries(component.options.inputs ?? {})) {
+    fixture.componentInstance[name] = value;
+  }
+
+  /* Subscribe to outputs. */
+  for (const [name, callback] of Object.entries(
+    component.options.outputs ?? {}
+  )) {
+    subscription.add(fixture.componentInstance[name].subscribe(callback));
+  }
+
+  fixture.autoDetectChanges();
+};
+
+globalThis.playwrightUnmount = async (rootElement) => {
+  subscription.unsubscribe();
+  subscription = null;
+  getTestBed().resetTestingModule();
+};
+
+globalThis.playwrightUpdate = async (rootElement, component) => {
+  rootElement.innerHTML = component;
+};
+
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var register = (components) => {
+    pwRegister(components);
+};
+
+export { register as default };

package/src/hooks.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const beforeMount: (callback: any) => void;
+export declare const afterMount: (callback: any) => void;

package/src/index.d.ts

@@ -1,2 +1,19 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export { devices, expect, test } from './lib/playwright-ct-angular';
-export type { ComponentFixtures, PlaywrightTestConfig } from './lib/playwright-ct-angular';
+export type { ComponentFixtures } from './lib/playwright-ct-angular';
+import { defineConfig as originalDefineConfig } from '@playwright/experimental-ct-core';
+export declare const defineConfig: typeof originalDefineConfig;

package/src/lib/playwright-ct-angular.d.ts

@@ -8,7 +8,7 @@ export declare const test: playwright.TestType<playwright.PlaywrightTestArgs & p
 } & {
     mount: ComponentFixtures['mount'];
 }, playwright.PlaywrightWorkerArgs & playwright.PlaywrightWorkerOptions>;
-export declare const expect: playwright.Expect;
+export declare const expect: playwright.Expect<{}>;
 export declare const devices: {
     [key: string]: {
         viewport: playwright.ViewportSize;
@@ -162,6 +162,22 @@ export declare const devices: {
         hasTouch: boolean;
         defaultBrowserType: "chromium" | "firefox" | "webkit";
     };
+    "iPad (gen 5)": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPad (gen 5) landscape": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
     "iPad (gen 6)": {
         viewport: playwright.ViewportSize;
         userAgent: string;
@@ -546,6 +562,70 @@ export declare const devices: {
         hasTouch: boolean;
         defaultBrowserType: "chromium" | "firefox" | "webkit";
     };
+    "iPhone 14": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 landscape": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Plus": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Plus landscape": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Pro": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Pro landscape": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Pro Max": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
+    "iPhone 14 Pro Max landscape": {
+        viewport: playwright.ViewportSize;
+        userAgent: string;
+        deviceScaleFactor: number;
+        isMobile: boolean;
+        hasTouch: boolean;
+        defaultBrowserType: "chromium" | "firefox" | "webkit";
+    };
     "Kindle Fire HDX": {
         viewport: playwright.ViewportSize;
         userAgent: string;
@@ -954,7 +1034,7 @@ type Emitted<OBSERVABLE> = OBSERVABLE extends Observable<infer EMITTED> ? EMITTE
  Cf. https://github.com/microsoft/playwright/tree/20957f820d34a53003ab0722fa149c80fedec846/packages/playwright-test/types */
 declare global {
     export namespace PlaywrightTest {
-        interface Matchers<R, T = unknown> {
+        interface Matchers<R> {
             lastCalledWith(...args: Array<unknown>): R;
             lastReturnedWith(value: unknown): R;
             not: Matchers<R>;

package/src/register.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const _default: (components: any) => void;
+export default _default;