Create mocks for the entire point-of-sale extension API

Author: kumar303

packages/ui-extensions-tester/loom.config.ts

@@ -4,5 +4,6 @@ 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.entry({name: 'point-of-sale', root: './src/point-of-sale/index.ts'});
   pkg.use(defaultProjectPlugin());
 });

packages/ui-extensions-tester/package.json

@@ -17,12 +17,21 @@
       "esnext": "./checkout.esnext",
       "import": "./checkout.mjs",
       "require": "./checkout.js"
+    },
+    "./point-of-sale": {
+      "types": "./build/ts/point-of-sale/index.d.ts",
+      "esnext": "./point-of-sale.esnext",
+      "import": "./point-of-sale.mjs",
+      "require": "./point-of-sale.js"
     }
   },
   "typesVersions": {
     "*": {
       "checkout": [
         "./build/ts/checkout/index.d.ts"
+      ],
+      "point-of-sale": [
+        "./build/ts/point-of-sale/index.d.ts"
       ]
     }
   },

packages/ui-extensions-tester/src/mocks/signals.ts

@@ -14,3 +14,24 @@ export function createSubscribableSignalLike<T>(
     destroy: async () => {},
   };
 }
+
+/**
+ * A minimal read-only signal for surfaces (like POS) that use
+ * `ReadonlySignalLike` instead of `SubscribableSignalLike`.
+ */
+export interface MockReadonlySignalLike<T> {
+  readonly value: T;
+  subscribe(fn: (value: T) => void): () => void;
+}
+
+/**
+ * Creates a mock `ReadonlySignalLike` that wraps a static value.
+ */
+export function createReadonlySignalLike<T>(
+  value: T,
+): MockReadonlySignalLike<T> {
+  return {
+    value,
+    subscribe: () => () => {},
+  };
+}

packages/ui-extensions-tester/src/mocks/target-apis.ts

@@ -1,7 +1,9 @@
 import type {ExtensionTarget as CheckoutExtensionTarget} from '@shopify/ui-extensions/checkout';
+import type {ExtensionTarget as PosExtensionTarget} from '@shopify/ui-extensions/point-of-sale';
 
 import type {AnyExtensionTarget, ApiForTarget} from '../targets';
 import {createMockCheckoutTargetApi} from '../checkout';
+import {createMockPosTargetApi} from '../point-of-sale';
 
 function isCheckoutTarget(target: string): target is CheckoutExtensionTarget {
   return (
@@ -12,17 +14,27 @@ function isCheckoutTarget(target: string): target is CheckoutExtensionTarget {
   );
 }
 
+function isPosTarget(target: string): target is PosExtensionTarget {
+  return target.startsWith('pos.');
+}
+
 /**
  * Returns the default mock API values for a given target.
  */
 export function createMockTargetApi<T extends CheckoutExtensionTarget>(
   target: T,
 ): ApiForTarget<T>;
+export function createMockTargetApi<T extends PosExtensionTarget>(
+  target: T,
+): ApiForTarget<T>;
 export function createMockTargetApi(target: AnyExtensionTarget): never;
 export function createMockTargetApi(target: AnyExtensionTarget): object {
   if (isCheckoutTarget(target)) {
     return createMockCheckoutTargetApi(target);
   }
+  if (isPosTarget(target)) {
+    return createMockPosTargetApi(target);
+  }
   throw new Error(
     `Unsupported target: "${target}". No mock factory is available for this target.`,
   );