Create a testing library for ui-extensions (proof of concept)

Author: kumar303

examples/testing/checkout-basic-testing-example/extensions/checkout-basic-testing-example/dist/checkout-basic-testing-example.js

@@ -0,0 +1,3 @@
+# @shopify/ui-extensions-tester
+
+A testing utility package for Shopify UI Extensions.

examples/testing/checkout-basic-testing-example/extensions/checkout-basic-testing-example/dist/checkout-basic-testing-example.js.map

@@ -0,0 +1,8 @@
+import {createPackage} from '@shopify/loom';
+import {defaultProjectPlugin} from '../../config/loom';
+
+export default createPackage((pkg) => {
+  pkg.entry({root: './src/index.ts'});
+  pkg.entry({name: 'checkout', root: './src/checkout/index.ts'});
+  pkg.use(defaultProjectPlugin());
+});

examples/testing/point-of-sale-testing-example/extensions/point-of-sale-testing-example/dist/point-of-sale-testing-example.js

@@ -0,0 +1,60 @@
+{
+  "name": "@shopify/ui-extensions-tester",
+  "version": "2026.4.0-rc.1",
+  "main": "index.js",
+  "module": "index.mjs",
+  "esnext": "index.esnext",
+  "types": "./build/ts/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/ts/index.d.ts",
+      "esnext": "./index.esnext",
+      "import": "./index.mjs",
+      "require": "./index.js"
+    },
+    "./checkout": {
+      "types": "./build/ts/checkout/index.d.ts",
+      "esnext": "./checkout.esnext",
+      "import": "./checkout.mjs",
+      "require": "./checkout.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "checkout": [
+        "./build/ts/checkout/index.d.ts"
+      ]
+    }
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@shopify/ui-extensions": "*"
+  },
+  "peerDependencies": {
+    "preact": "^10.0.0"
+  },
+  "peerDependenciesMeta": {
+    "preact": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "typescript": "^4.9.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "@shopify:registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Shopify/ui-extensions.git",
+    "directory": "packages/ui-extensions-tester"
+  },
+  "files": [
+    "build",
+    "src",
+    "index.*",
+    "checkout.*",
+    "README.md"
+  ]
+}

examples/testing/point-of-sale-testing-example/extensions/point-of-sale-testing-example/dist/point-of-sale-testing-example.js.map

@@ -0,0 +1,29 @@
+import type {
+  SubscribableSignalLike,
+  AppMetafieldEntry,
+} from '@shopify/ui-extensions/checkout';
+
+import type {AnyExtensionTarget, ApiForTarget} from '../targets';
+import {createSubscribableSignalLike} from '../mocks/signals';
+
+/**
+ * Creates a mock `SubscribableSignalLike<AppMetafieldEntry[]>` for use
+ * as the `appMetafields` override in `mockGlobalShopify`.
+ */
+export function createAppMetafields(
+  entries: AppMetafieldEntry[],
+): SubscribableSignalLike<AppMetafieldEntry[]> {
+  return createSubscribableSignalLike(entries);
+}
+
+/**
+ * Creates a mock API for checkout extension targets.
+ */
+export function createMockCheckoutTargetApi<T extends AnyExtensionTarget>(
+  _target: T,
+): Partial<ApiForTarget<T>> {
+  return {
+    appMetafields: createSubscribableSignalLike([]),
+    applyMetafieldChange: async () => ({type: 'success' as const}),
+  } as unknown as Partial<ApiForTarget<T>>;
+}