@jscutlery/playwright-ct-angular 0.3.0 → 0.5.0

package/transform-angular.cjs.js

@@ -0,0 +1,224 @@
+'use strict';
+
+var path = require('node:path');
+var core = require('@babel/core');
+var transform = require('playwright/lib/transform/transform');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+
+var lib = {};
+
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+var declare_1 = lib.declare = declare;
+lib.declarePreset = void 0;
+const apiPolyfills = {
+  assertVersion: api => range => {
+    throwVersionError(range, api.version);
+  }
+};
+{
+  Object.assign(apiPolyfills, {
+    targets: () => () => {
+      return {};
+    },
+    assumption: () => () => {
+      return undefined;
+    }
+  });
+}
+function declare(builder) {
+  return (api, options, dirname) => {
+    var _clonedApi2;
+    let clonedApi;
+    for (const name of Object.keys(apiPolyfills)) {
+      var _clonedApi;
+      if (api[name]) continue;
+      (_clonedApi = clonedApi) != null ? _clonedApi : clonedApi = copyApiObject(api);
+      clonedApi[name] = apiPolyfills[name](clonedApi);
+    }
+    return builder((_clonedApi2 = clonedApi) != null ? _clonedApi2 : api, options || {}, dirname);
+  };
+}
+lib.declarePreset = declare;
+function copyApiObject(api) {
+  let proto = null;
+  if (typeof api.version === "string" && /^7\./.test(api.version)) {
+    proto = Object.getPrototypeOf(api);
+    if (proto && (!hasOwnProperty.call(proto, "version") || !hasOwnProperty.call(proto, "transform") || !hasOwnProperty.call(proto, "template") || !hasOwnProperty.call(proto, "types"))) {
+      proto = null;
+    }
+  }
+  return Object.assign({}, proto, api);
+}
+function throwVersionError(range, version) {
+  if (typeof range === "number") {
+    if (!Number.isInteger(range)) {
+      throw new Error("Expected string or integer value.");
+    }
+    range = `^${range}.0.0-0`;
+  }
+  if (typeof range !== "string") {
+    throw new Error("Expected string or integer value.");
+  }
+  const limit = Error.stackTraceLimit;
+  if (typeof limit === "number" && limit < 25) {
+    Error.stackTraceLimit = 25;
+  }
+  let err;
+  if (version.slice(0, 2) === "7.") {
+    err = new Error(`Requires Babel "^7.0.0-beta.41", but was loaded with "${version}". ` + `You'll need to update your @babel/core version.`);
+  } else {
+    err = new Error(`Requires Babel "${range}", but was loaded with "${version}". ` + `If you are sure you have a compatible version of @babel/core, ` + `it is likely that something in your build process is loading the ` + `wrong version. Inspect the stack trace of this error to look for ` + `the first entry that doesn't mention "@babel/core" or "babel-core" ` + `to see what is calling Babel.`);
+  }
+  if (typeof limit === "number") {
+    Error.stackTraceLimit = limit;
+  }
+  throw Object.assign(err, {
+    code: "BABEL_VERSION_UNSUPPORTED",
+    version,
+    range
+  });
+}
+
+/**
+ * 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.
+ *
+ * Original file: https://github.com/microsoft/playwright/blob/8173cdc4857f8e0a98047e02e692c5da6544a170/packages/playwright-ct-core/src/tsxTransform.ts
+ */
+let classComponentNames;
+let importInfos;
+var transformAngular = declare_1((api) => {
+    api.assertVersion(7);
+    return {
+        name: 'jscutlery-playwright-angular-transform',
+        visitor: {
+            Program: {
+                enter(path) {
+                    classComponentNames = collectClassMountUsages(path);
+                    importInfos = new Map();
+                },
+                exit(path) {
+                    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    let firstDeclaration;
+                    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    let lastImportDeclaration;
+                    path.get('body').forEach((p) => {
+                        if (p.isImportDeclaration())
+                            lastImportDeclaration = p;
+                        else if (!firstDeclaration)
+                            firstDeclaration = p;
+                    });
+                    const insertionPath = lastImportDeclaration || firstDeclaration;
+                    if (!insertionPath)
+                        return;
+                    for (const [localName, componentImport] of [
+                        ...importInfos.entries(),
+                    ].reverse()) {
+                        insertionPath.insertAfter(core.types.variableDeclaration('const', [
+                            core.types.variableDeclarator(core.types.identifier(localName), core.types.objectExpression([
+                                core.types.objectProperty(core.types.identifier('__pw_type'), core.types.stringLiteral('importRef')),
+                                core.types.objectProperty(core.types.identifier('id'), core.types.stringLiteral(componentImport.id)),
+                            ])),
+                        ]));
+                    }
+                    transform.setTransformData('playwright-ct-core', [...importInfos.values()]);
+                },
+            },
+            ImportDeclaration(p) {
+                const importNode = p.node;
+                if (!core.types.isStringLiteral(importNode.source)) {
+                    return;
+                }
+                // Convert JS imports that are used as components in JSX expressions into refs.
+                let importCount = 0;
+                for (const specifier of importNode.specifiers) {
+                    if (core.types.isImportNamespaceSpecifier(specifier))
+                        continue;
+                    const { localName, info } = importInfo(importNode, specifier, 
+                    // @eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    this.filename);
+                    if (classComponentNames.has(localName)) {
+                        importInfos.set(localName, info);
+                        ++importCount;
+                    }
+                }
+                // All the imports were from JSX => delete.
+                if (importCount && importCount === importNode.specifiers.length) {
+                    p.skip();
+                    p.remove();
+                }
+            },
+        },
+    };
+});
+function collectClassMountUsages(path) {
+    const names = new Set();
+    let isInMountCall = false;
+    path.traverse({
+        CallExpression: {
+            enter(p) {
+                if (core.types.isIdentifier(p.node.callee) && p.node.callee.name === 'mount') {
+                    isInMountCall = true;
+                    return;
+                }
+                /* Ignore any function or method calls in `mount` args.
+                 * e.g. {inputs: {recipe: recipeMother.withBasicInfo()}}. */
+                if (isInMountCall) {
+                    p.skip();
+                }
+            },
+            exit() {
+                isInMountCall = false;
+            },
+        },
+        Identifier(p) {
+            if (isInMountCall) {
+                names.add(p.node.name);
+            }
+        },
+    });
+    return names;
+}
+function importInfo(importNode, specifier, filename) {
+    const importSource = importNode.source.value;
+    const idPrefix = path__default["default"]
+        .join(filename, '..', importSource)
+        .replace(/[^\w_\d]/g, '_');
+    const result = {
+        id: idPrefix,
+        filename,
+        importSource,
+        remoteName: undefined,
+    };
+    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const imported = specifier.imported;
+    if (!core.types.isImportDefaultSpecifier(specifier)) {
+        if (core.types.isIdentifier(imported)) {
+            result.remoteName = imported.name;
+        }
+        else {
+            result.remoteName = imported.value;
+        }
+    }
+    if (result.remoteName)
+        result.id += '_' + result.remoteName;
+    return { localName: specifier.local.name, info: result };
+}
+
+module.exports = transformAngular;

package/transform-angular.cjs.mjs

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

package/transform-angular.esm.d.ts

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

package/transform-angular.esm.js

@@ -0,0 +1,218 @@
+import path__default from 'node:path';
+import { types } from '@babel/core';
+import { setTransformData } from 'playwright/lib/transform/transform';
+
+var lib = {};
+
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+var declare_1 = lib.declare = declare;
+lib.declarePreset = void 0;
+const apiPolyfills = {
+  assertVersion: api => range => {
+    throwVersionError(range, api.version);
+  }
+};
+{
+  Object.assign(apiPolyfills, {
+    targets: () => () => {
+      return {};
+    },
+    assumption: () => () => {
+      return undefined;
+    }
+  });
+}
+function declare(builder) {
+  return (api, options, dirname) => {
+    var _clonedApi2;
+    let clonedApi;
+    for (const name of Object.keys(apiPolyfills)) {
+      var _clonedApi;
+      if (api[name]) continue;
+      (_clonedApi = clonedApi) != null ? _clonedApi : clonedApi = copyApiObject(api);
+      clonedApi[name] = apiPolyfills[name](clonedApi);
+    }
+    return builder((_clonedApi2 = clonedApi) != null ? _clonedApi2 : api, options || {}, dirname);
+  };
+}
+lib.declarePreset = declare;
+function copyApiObject(api) {
+  let proto = null;
+  if (typeof api.version === "string" && /^7\./.test(api.version)) {
+    proto = Object.getPrototypeOf(api);
+    if (proto && (!hasOwnProperty.call(proto, "version") || !hasOwnProperty.call(proto, "transform") || !hasOwnProperty.call(proto, "template") || !hasOwnProperty.call(proto, "types"))) {
+      proto = null;
+    }
+  }
+  return Object.assign({}, proto, api);
+}
+function throwVersionError(range, version) {
+  if (typeof range === "number") {
+    if (!Number.isInteger(range)) {
+      throw new Error("Expected string or integer value.");
+    }
+    range = `^${range}.0.0-0`;
+  }
+  if (typeof range !== "string") {
+    throw new Error("Expected string or integer value.");
+  }
+  const limit = Error.stackTraceLimit;
+  if (typeof limit === "number" && limit < 25) {
+    Error.stackTraceLimit = 25;
+  }
+  let err;
+  if (version.slice(0, 2) === "7.") {
+    err = new Error(`Requires Babel "^7.0.0-beta.41", but was loaded with "${version}". ` + `You'll need to update your @babel/core version.`);
+  } else {
+    err = new Error(`Requires Babel "${range}", but was loaded with "${version}". ` + `If you are sure you have a compatible version of @babel/core, ` + `it is likely that something in your build process is loading the ` + `wrong version. Inspect the stack trace of this error to look for ` + `the first entry that doesn't mention "@babel/core" or "babel-core" ` + `to see what is calling Babel.`);
+  }
+  if (typeof limit === "number") {
+    Error.stackTraceLimit = limit;
+  }
+  throw Object.assign(err, {
+    code: "BABEL_VERSION_UNSUPPORTED",
+    version,
+    range
+  });
+}
+
+/**
+ * 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.
+ *
+ * Original file: https://github.com/microsoft/playwright/blob/8173cdc4857f8e0a98047e02e692c5da6544a170/packages/playwright-ct-core/src/tsxTransform.ts
+ */
+let classComponentNames;
+let importInfos;
+var transformAngular = declare_1((api) => {
+    api.assertVersion(7);
+    return {
+        name: 'jscutlery-playwright-angular-transform',
+        visitor: {
+            Program: {
+                enter(path) {
+                    classComponentNames = collectClassMountUsages(path);
+                    importInfos = new Map();
+                },
+                exit(path) {
+                    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    let firstDeclaration;
+                    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    let lastImportDeclaration;
+                    path.get('body').forEach((p) => {
+                        if (p.isImportDeclaration())
+                            lastImportDeclaration = p;
+                        else if (!firstDeclaration)
+                            firstDeclaration = p;
+                    });
+                    const insertionPath = lastImportDeclaration || firstDeclaration;
+                    if (!insertionPath)
+                        return;
+                    for (const [localName, componentImport] of [
+                        ...importInfos.entries(),
+                    ].reverse()) {
+                        insertionPath.insertAfter(types.variableDeclaration('const', [
+                            types.variableDeclarator(types.identifier(localName), types.objectExpression([
+                                types.objectProperty(types.identifier('__pw_type'), types.stringLiteral('importRef')),
+                                types.objectProperty(types.identifier('id'), types.stringLiteral(componentImport.id)),
+                            ])),
+                        ]));
+                    }
+                    setTransformData('playwright-ct-core', [...importInfos.values()]);
+                },
+            },
+            ImportDeclaration(p) {
+                const importNode = p.node;
+                if (!types.isStringLiteral(importNode.source)) {
+                    return;
+                }
+                // Convert JS imports that are used as components in JSX expressions into refs.
+                let importCount = 0;
+                for (const specifier of importNode.specifiers) {
+                    if (types.isImportNamespaceSpecifier(specifier))
+                        continue;
+                    const { localName, info } = importInfo(importNode, specifier, 
+                    // @eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    this.filename);
+                    if (classComponentNames.has(localName)) {
+                        importInfos.set(localName, info);
+                        ++importCount;
+                    }
+                }
+                // All the imports were from JSX => delete.
+                if (importCount && importCount === importNode.specifiers.length) {
+                    p.skip();
+                    p.remove();
+                }
+            },
+        },
+    };
+});
+function collectClassMountUsages(path) {
+    const names = new Set();
+    let isInMountCall = false;
+    path.traverse({
+        CallExpression: {
+            enter(p) {
+                if (types.isIdentifier(p.node.callee) && p.node.callee.name === 'mount') {
+                    isInMountCall = true;
+                    return;
+                }
+                /* Ignore any function or method calls in `mount` args.
+                 * e.g. {inputs: {recipe: recipeMother.withBasicInfo()}}. */
+                if (isInMountCall) {
+                    p.skip();
+                }
+            },
+            exit() {
+                isInMountCall = false;
+            },
+        },
+        Identifier(p) {
+            if (isInMountCall) {
+                names.add(p.node.name);
+            }
+        },
+    });
+    return names;
+}
+function importInfo(importNode, specifier, filename) {
+    const importSource = importNode.source.value;
+    const idPrefix = path__default
+        .join(filename, '..', importSource)
+        .replace(/[^\w_\d]/g, '_');
+    const result = {
+        id: idPrefix,
+        filename,
+        importSource,
+        remoteName: undefined,
+    };
+    // @eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const imported = specifier.imported;
+    if (!types.isImportDefaultSpecifier(specifier)) {
+        if (types.isIdentifier(imported)) {
+            result.remoteName = imported.name;
+        }
+        else {
+            result.remoteName = imported.value;
+        }
+    }
+    if (result.remoteName)
+        result.id += '_' + result.remoteName;
+    return { localName: specifier.local.name, info: result };
+}
+
+export { transformAngular as default };

package/register.cjs.d.ts

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

package/register.cjs.default.js

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

package/register.cjs.js

@@ -1,88 +0,0 @@
-'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

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

package/register.esm.d.ts

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

package/register.esm.js

@@ -1,86 +0,0 @@
-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 };