@drip-apex/sdk 0.1.0

package/src/commerce-offers-display.test.ts

@@ -0,0 +1,154 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import type { Experiment, InitConfig } from "./types";
+
+const offersCommerce: NonNullable<InitConfig["commerce"]> = {
+  offers: {
+    authorization: {
+      version: 1,
+      revision: 1,
+      checksum: "a".repeat(64),
+      experimentIds: ["exp_offer"],
+    },
+    experiments: [{
+      experiment_id: "exp_offer",
+      assignment_epoch: 1,
+      currency: "EUR",
+      variants: {
+        treatment: {
+          offer_type: "discount_depth",
+          percent_off: 10,
+          target: { productGids: [], variantGids: [] },
+        },
+      },
+    }],
+  },
+};
+
+const offerExperiments: Experiment[] = [{
+  id: "exp_offer",
+  assignmentEpoch: 1,
+  status: "running",
+  trafficAllocation: 1,
+  variations: [{
+    id: "treatment",
+    weight: 1,
+    isControl: false,
+    mutations: [{
+      selector: ".companion",
+      action: "text",
+      text: "Bundle & save 10%",
+    }],
+  }],
+}];
+
+const offersToken = JSON.stringify({
+  v: 2,
+  p: { offers: { v: 1, a: [{ e: "exp_offer", v: "treatment", ep: 1 }] } },
+});
+
+const assignResponse = {
+  assignments: [{
+    experiment_id: "exp_offer",
+    variation_id: "treatment",
+    assignment_epoch: 1,
+  }],
+  commerce_authorization: offersToken,
+};
+
+describe("offers display authorization gating", () => {
+  const originalFetch = globalThis.fetch;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    vi.resetModules();
+    delete (globalThis as any).__drip;
+    delete (globalThis as any).drip;
+    delete (globalThis as any).Apex;
+    localStorage.clear();
+    sessionStorage.clear();
+    document.head.innerHTML = "";
+    document.body.innerHTML = '<div class="companion">Control companion</div>';
+    Object.assign(window, { Shopify: { currency: { active: "EUR" } } });
+  });
+
+  afterEach(async () => {
+    // The wait/mutation observers are module-level; without disconnecting
+    // them the previous test's tracked mutations re-apply into this test's
+    // fresh DOM after vi.resetModules().
+    const wait = await import("./wait");
+    const mutate = await import("./mutate");
+    wait.resetWaitEntries();
+    mutate.resetAppliedMutations();
+    vi.clearAllTimers();
+    vi.useRealTimers();
+    vi.restoreAllMocks();
+    globalThis.fetch = originalFetch;
+    delete (globalThis as any).__drip;
+    delete (globalThis as any).drip;
+    delete (globalThis as any).Apex;
+    delete (window as Window & { Shopify?: unknown }).Shopify;
+    document.head.innerHTML = "";
+    document.body.innerHTML = "";
+  });
+
+  it("applies offer companion DOM only after the cart stamp succeeds", async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL) =>
+      String(input).endsWith("/cart.js")
+        ? Response.json({ token: "cart-runtime?key=runtime-secret" })
+        : String(input).includes("/v1/assign")
+        ? Response.json(assignResponse)
+        : new Response("ok", { status: 200 }));
+    globalThis.fetch = fetchMock as typeof fetch;
+    const { init } = await import("./index");
+
+    init({
+      antiFlickerMode: "off",
+      commerce: offersCommerce,
+      endpoint: "https://events.test",
+      experiments: offerExperiments,
+      ingestSignature: "ingest-token",
+      shopId: "shop_123",
+      trackingStart: "immediate",
+      userId: "visitor_123",
+    });
+
+    // Before the stamped cart write completes, the treatment stays withheld.
+    expect(document.querySelector(".companion")?.textContent).toBe("Control companion");
+    await vi.waitFor(() => {
+      expect(fetchMock.mock.calls.some(([url]) => url === "/cart/update.js")).toBe(true);
+      expect(document.querySelector(".companion")?.textContent).toBe("Bundle & save 10%");
+    });
+  });
+
+  it("never shows offer companion DOM when the cart stamp fails", async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL) =>
+      String(input).endsWith("/cart.js")
+        ? Response.json({ token: "cart-runtime?key=runtime-secret" })
+        : String(input).includes("/v1/assign")
+        ? Response.json(assignResponse)
+        : String(input) === "/cart/update.js"
+        ? new Response("no", { status: 500 })
+        : new Response("ok", { status: 200 }));
+    globalThis.fetch = fetchMock as typeof fetch;
+    const { getDiagnostics, init } = await import("./index");
+
+    init({
+      antiFlickerMode: "off",
+      commerce: offersCommerce,
+      endpoint: "https://events.test",
+      experiments: offerExperiments,
+      ingestSignature: "ingest-token",
+      shopId: "shop_123",
+      trackingStart: "immediate",
+      userId: "visitor_123",
+    });
+
+    await vi.waitFor(() => {
+      expect(fetchMock.mock.calls.some(([url]) => url === "/cart/update.js")).toBe(true);
+      expect(getDiagnostics().spa.lastShopifyCartSync?.status).toBe("failed");
+    });
+    // Shopify holds no authorization for this offer, so no treatment renders.
+    expect(document.querySelector(".companion")?.textContent).toBe("Control companion");
+  });
+});