@session-services/web-elements 0.1.24 → 0.1.26

package/dist/collection/components/session-services-ticketing/session-services-ticketing.test.js

@@ -138,6 +138,7 @@ function widget() {
     const item = new SessionsTicketing();
     item.eventId = "evt_1";
     item.event = event();
+    item.enableAnalytics = true;
     item.host = {
         getBoundingClientRect: () => ({ top: 0 }),
     };
@@ -197,6 +198,44 @@ describe("session-services-ticketing component", () => {
         expect(item.couponError).toBe("Failed to apply coupon. Please check the code.");
         expect(item.client.order.quote).toHaveBeenCalledWith(expect.objectContaining({ couponCode: "BAD" }));
     });
+    it("does not commit preview coupons when event reload fails", async () => {
+        const item = widget();
+        item.appliedCouponCode = "SAVE10";
+        item.couponInput = "bad";
+        item.loadEventData = vi.fn().mockRejectedValue(new Error("Down"));
+        await item.applyCoupon();
+        expect(item.appliedCouponCode).toBe("SAVE10");
+        expect(item.couponInput).toBe("BAD");
+        expect(item.couponError).toBe("Failed to apply coupon. Please check the code.");
+    });
+    it("does not apply stale cart coupons as preview coupons", async () => {
+        const item = widget();
+        const firstLoad = deferred();
+        const secondLoad = deferred();
+        item.couponInput = "old";
+        item.selectedItems = new Map([[selectionKey("adm_general", null), 1]]);
+        item.loadEventData = vi
+            .fn()
+            .mockReturnValueOnce(firstLoad.promise)
+            .mockReturnValueOnce(secondLoad.promise)
+            .mockResolvedValue(undefined);
+        item.client.order.quote = vi.fn().mockResolvedValue({ quote: quote() });
+        const stale = item.applyCoupon();
+        await Promise.resolve();
+        expect(item.appliedCouponCode).toBe("OLD");
+        item.couponInput = "new";
+        const latest = item.applyCoupon();
+        await Promise.resolve();
+        expect(item.appliedCouponCode).toBe("NEW");
+        item.selectedItems = new Map();
+        firstLoad.resolve();
+        await stale;
+        expect(item.appliedCouponCode).toBe("NEW");
+        expect(item.client.order.quote).not.toHaveBeenCalledWith(expect.objectContaining({ couponCode: "OLD" }));
+        secondLoad.resolve();
+        await latest;
+        expect(item.appliedCouponCode).toBe("NEW");
+    });
     it("keeps preview quote loading separate from cart quote loading", async () => {
         const item = widget();
         const next = deferred();
@@ -269,6 +308,18 @@ describe("session-services-ticketing component", () => {
         });
         expect(item.getCheckoutButtonText()).toBe("Continue");
     });
+    it("renders stable checkout e2e hooks", () => {
+        const item = widget();
+        const view = item.renderReadyState();
+        const cards = rendered(view, (node) => node.props["data-testid"] === "event-admission-card");
+        const inputs = rendered(view, (node) => node.props["data-testid"] === "event-admission-quantity-input");
+        const increments = rendered(view, (node) => node.props["data-testid"] === "event-admission-increment");
+        const checkout = rendered(view, (node) => node.props["data-testid"] === "event-checkout-cta-desktop");
+        expect(cards[0].props["data-admission-id"]).toBe("adm_general");
+        expect(inputs).toHaveLength(1);
+        expect(increments).toHaveLength(1);
+        expect(checkout).toHaveLength(1);
+    });
     it("renders external ticketing in the sticky checkout bar", () => {
         const item = widget();
         item.event = event({ url: "https://tickets.example" });
@@ -296,6 +347,35 @@ describe("session-services-ticketing component", () => {
         expect(links.some((link) => hasClass(link, "inline-external-ticket-button"))).toBe(true);
         expect(links.some((link) => hasClass(link, "sticky-checkout-btn"))).toBe(true);
     });
+    it("tracks external ticket clicks by surface", () => {
+        const item = widget();
+        const track = vi.fn();
+        item.analytics = { track };
+        item.event = event({ url: "https://tickets.example/event" });
+        item.stickyCheckout = true;
+        const links = rendered(item.renderReadyState(), (node) => node.tag === "a");
+        const inline = links.find((link) => hasClass(link, "inline-external-ticket-button"));
+        const sticky = links.find((link) => hasClass(link, "sticky-checkout-btn"));
+        expect(typeof inline?.props.onClick).toBe("function");
+        expect(typeof sticky?.props.onClick).toBe("function");
+        (inline?.props.onClick)();
+        (sticky?.props.onClick)();
+        expect(track).toHaveBeenCalledWith("Checkout Started", expect.objectContaining({
+            event_id: "evt_1",
+            team_id: "team_1",
+            promoter_id: "pro_1",
+            ticketing_mode: "external",
+            external_ticket_url: "https://tickets.example/event",
+            external_ticket_domain: "tickets.example",
+            cta_surface: "inline",
+        }));
+        expect(track).toHaveBeenCalledWith("Checkout Started", expect.objectContaining({
+            ticketing_mode: "external",
+            external_ticket_url: "https://tickets.example/event",
+            external_ticket_domain: "tickets.example",
+            cta_surface: "sticky",
+        }));
+    });
     it("scrolls to the ticket selector with a 100px top offset", () => {
         const item = widget();
         const scrollTo = vi.fn();