@jscutlery/playwright-ct-angular 0.1.3 → 0.2.0

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;

package/index.cjs

@@ -1,123 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var playwright = require('@playwright/test');
-var mount = require('@playwright/test/lib/mount');
-var jestMock = require('jest-mock');
-var path = require('path');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var playwright__namespace = /*#__PURE__*/_interopNamespace(playwright);
-var path__namespace = /*#__PURE__*/_interopNamespace(path);
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-
-function _await(value, then, direct) {
-  if (direct) {
-    return then ? then(value) : value;
-  }
-  if (!value || !value.then) {
-    value = Promise.resolve(value);
-  }
-  return then ? value.then(then) : value;
-}
-const noop = () => {};
-function _async(f) {
-  return function () {
-    for (var args = [], i = 0; i < arguments.length; i++) {
-      args[i] = arguments[i];
-    }
-    try {
-      return Promise.resolve(f.apply(this, args));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-}
-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({
-  /**
-   * Override mount to return output spies and enjoy type inference.
-   * This allows this:
-   *
-   * const { spies } = mount(..., {outputs: {citySelect: jest.fn()}})
-   *
-   * instead of this:
-   *
-   * const citySelectSpy: jest.MockedFunction<(city: string) => void> = jest.fn();
-   * mount(..., {outputs: {citySelect: citySelectSpy}});
-   *
-   * @hack we are willingly not using `async mount(...)` syntax here
-   * because it would be transpiled to `_async(function mount() { ... }`
-   * by Nx's default rollout config.
-   * Playwright dynamically parses the given function so converting
-   * async / await to a wrapped function would simply break the library causing
-   * a `TypeError: mount is not a function` error.
-   */
-  mount({
-    mount,
-    page
-  }, use) {
-    return use(_async(function (component, options = {}) {
-      /* 1. Create a spy for each output in `spyOutputs`... */
-      const spies = options.spyOutputs?.reduce((acc, key) => {
-        return {
-          ...acc,
-          [key]: jestMock.fn()
-        };
-      }, {}) ?? {};
-      /* 2. ...then use it as an output... */
-      return _await(mount(component, {
-        ...options,
-        outputs: {
-          ...options.outputs,
-          ...spies
-        }
-      }), function () {
-        /* Grab a locator to the TestBed's root element.
-         * We are loading a fresh new page for each test
-         * so the id should always be "root0".
-         * Otherwise, we'd have to hack our way and somehow grab all
-         * the `#root*`, sort them and grab the last one.
-         * As a matter of fact, we can't grab a reference to the fixture. */
-        const locator = page.locator('#root0');
-        /* Add spies to the returned locator. */
-        return Object.assign(locator, {
-          spies
-        });
-      });
-    }));
-  }
-});
-const expect = playwright__namespace.expect;
-const devices = playwright__namespace.devices;
-
-exports.devices = devices;
-exports.expect = expect;
-exports.test = test;

package/index.js

@@ -1,73 +0,0 @@
-import * as playwright from '@playwright/test';
-import { fixtures } from '@playwright/test/lib/mount';
-import { fn } from 'jest-mock';
-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({
-  /**
-   * Override mount to return output spies and enjoy type inference.
-   * This allows this:
-   *
-   * const { spies } = mount(..., {outputs: {citySelect: jest.fn()}})
-   *
-   * instead of this:
-   *
-   * const citySelectSpy: jest.MockedFunction<(city: string) => void> = jest.fn();
-   * mount(..., {outputs: {citySelect: citySelectSpy}});
-   *
-   * @hack we are willingly not using `async mount(...)` syntax here
-   * because it would be transpiled to `_async(function mount() { ... }`
-   * by Nx's default rollout config.
-   * Playwright dynamically parses the given function so converting
-   * async / await to a wrapped function would simply break the library causing
-   * a `TypeError: mount is not a function` error.
-   */
-  mount({
-    mount,
-    page
-  }, use) {
-    return use(async (component, options = {}) => {
-      /* 1. Create a spy for each output in `spyOutputs`... */
-      const spies = options.spyOutputs?.reduce((acc, key) => {
-        return {
-          ...acc,
-          [key]: fn()
-        };
-      }, {}) ?? {};
-      /* 2. ...then use it as an output... */
-      await mount(component, {
-        ...options,
-        outputs: {
-          ...options.outputs,
-          ...spies
-        }
-      });
-      /* Grab a locator to the TestBed's root element.
-       * We are loading a fresh new page for each test
-       * so the id should always be "root0".
-       * Otherwise, we'd have to hack our way and somehow grab all
-       * the `#root*`, sort them and grab the last one.
-       * As a matter of fact, we can't grab a reference to the fixture. */
-      const locator = page.locator('#root0');
-      /* Add spies to the returned locator. */
-      return Object.assign(locator, {
-        spies
-      });
-    });
-  }
-});
-const expect = playwright.expect;
-const devices = playwright.devices;
-
-export { devices, expect, test };