Create mocks for the entire checkout extension API

.github/workflows/ci.yml

@@ -58,6 +58,10 @@ jobs:
       - name: Test ui-extensions-tester
         run: npx loom test --no-watch packages/ui-extensions-tester/
 
+      - name: Testing example (checkout)
+        run: npm install && npm run typecheck && npm test
+        working-directory: examples/testing/checkout-basic-testing-example
+
   test-build:
     runs-on: ubuntu-latest
 

examples/testing/checkout-basic-testing-example/.gitignore

@@ -0,0 +1,29 @@
+# Environment Configuration
+.env
+.env.*
+
+# Dependency directory
+node_modules
+
+# Test coverage directory
+coverage
+
+# Ignore Apple macOS Desktop Services Store
+.DS_Store
+
+# Logs
+logs
+*.log
+
+# extensions build output
+extensions/*/build
+extensions/*/dist
+
+# lock files
+
+
+
+
+# Ignore shopify files created during app dev
+.shopify/*
+.shopify.lock

examples/testing/checkout-basic-testing-example/.graphqlrc.js

@@ -0,0 +1,30 @@
+const fs = require("node:fs");
+
+function getConfig() {
+  const config = {
+    projects: {},
+  };
+
+  let extensions = [];
+  try {
+    extensions = fs.readdirSync("./extensions");
+  } catch {
+    // ignore if no extensions
+  }
+
+  for (const entry of extensions) {
+    const extensionPath = `./extensions/${entry}`;
+    const schema = `${extensionPath}/schema.graphql`;
+    if (!fs.existsSync(schema)) {
+      continue;
+    }
+    config.projects[entry] = {
+      schema,
+      documents: [`${extensionPath}/**/*.graphql`],
+    };
+  }
+
+  return config;
+}
+
+module.exports = getConfig();

examples/testing/checkout-basic-testing-example/README.md

@@ -0,0 +1,24 @@
+This extension was created with:
+
+```
+shopify app init --name checkout-basic-testing-example
+cd checkout-basic-testing-example
+shopify app generate extension
+# I chose 'Checkout UI'
+```
+
+See it in action:
+
+Build the root package:
+
+```
+yarn build
+```
+
+Change into this example package and run:
+
+```
+npm install
+npm run typecheck
+npm test
+```

examples/testing/checkout-basic-testing-example/extensions/checkout-basic-testing-example/README.md

@@ -0,0 +1 @@
+Instructions are in [app's README](../../)

examples/testing/checkout-basic-testing-example/extensions/checkout-basic-testing-example/locales/en.default.json

@@ -0,0 +1,6 @@
+{
+  "welcome": "Welcome to the {{target}} extension!",
+  "iWouldLikeAFreeGiftWithMyOrder": "I would like to receive a free gift with my order",
+  "addAFreeGiftToMyOrder": "Add a free gift to my order",
+  "attributeChangesAreNotSupported": "Attribute changes are not supported in this checkout"
+}

examples/testing/checkout-basic-testing-example/extensions/checkout-basic-testing-example/locales/fr.json

@@ -0,0 +1,6 @@
+{
+  "welcome": "Bienvenue dans l'extension {{target}}!",
+  "iWouldLikeAFreeGiftWithMyOrder": "Je souhaite recevoir un cadeau gratuit avec ma commande",
+  "addAFreeGiftToMyOrder": "Ajouter un cadeau gratuit à ma commande",
+  "attributeChangesAreNotSupported": "Les modifications d'attribut ne sont pas prises en charge dans cette commande"
+}