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,9 +1,11 @@
-import type {ExtensionTarget} from '@shopify/ui-extensions/checkout';
+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 ExtensionTarget {
+function isCheckoutTarget(target: string): target is CheckoutExtensionTarget {
   return (
     target.startsWith('purchase.checkout') ||
     target.startsWith('purchase.thank-you') ||
@@ -12,6 +14,10 @@ function isCheckoutTarget(target: string): target is ExtensionTarget {
   );
 }
 
+function isPosTarget(target: string): target is PosExtensionTarget {
+  return target.startsWith('pos.');
+}
+
 /**
  * Returns the default mock API values for a given target, or an empty
  * object if no mock has been implemented yet.
@@ -22,5 +28,8 @@ export function createMockTargetApi<T extends AnyExtensionTarget>(
   if (isCheckoutTarget(target)) {
     return createMockCheckoutTargetApi(target) as Partial<ApiForTarget<T>>;
   }
+  if (isPosTarget(target)) {
+    return createMockPosTargetApi(target) as Partial<ApiForTarget<T>>;
+  }
   return {} as Partial<ApiForTarget<T>>;
 }