@meetelise/chat 1.56.0 → 1.58.0

package/src/orgLevelNavigation.test.ts

@@ -1,6 +1,6 @@
 import { expect } from "@esm-bundle/chai";
 import { restore, stub, useFakeXMLHttpRequest } from "sinon/pkg/sinon-esm";
-import "../public/dist/index";
+import MEChat from "../public/dist/index";
 import type MyPubnub from "./MyPubnub";
 import type { SimpleChatMessage } from "./MyPubnub";
 import type { PubnubChat } from "./WebComponent/pubnub-chat";
@@ -623,3 +623,116 @@ it("still opens a per-building widget's tour scheduler from its tour link", asyn
   expect(widgetTakesOverClick(buildingTourLink)).to.equal(true);
   [buildingTourLink, ...others].forEach((link) => link.remove());
 });
+
+// --- Org mode on an Elise Studio site ---
+
+const STUDIO_SITE = "site-1";
+
+const studioOrgContext = (declaredBuildingId: number | null) => ({
+  source: "elise_studio" as const,
+  siteId: STUDIO_SITE,
+  organization: "test-org",
+  sessionScope: { type: "org" as const, key: "org:test-org" },
+  declaredBuildingId,
+});
+
+const studioWidget = async (): Promise<MeChatInternals> => {
+  for (let i = 0; i < 200; i++) {
+    const meChat = document.querySelector("me-chat") as MeChatInternals | null;
+    if (meChat && !meChat.isLoading) {
+      await meChat.updateComplete;
+      return meChat;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 10));
+  }
+  throw new Error("Studio widget never finished loading");
+};
+
+it("runs a Studio site's org scope as org-level webchat, one widget across pages", async () => {
+  const requests = fakeBackend(inRollout);
+  MEChat.start({
+    studio: { siteId: STUDIO_SITE, mode: "host_managed_context" },
+  });
+  try {
+    // The homepage: no building.
+    MEChat.updateStudioContext(studioOrgContext(null));
+    const meChat = await studioWidget();
+
+    expect(initBodies(requests)).to.deep.equal([
+      { building_slug: "", org_slug: "test-org", central_convo: true },
+    ]);
+    expect(meChat.buildingSlug).to.equal(GENERAL_BUILDING);
+    expect(meChat.myPubnub?.declaredBuildingId).to.equal(null);
+
+    // A property page: same widget and conversation, with the page's building.
+    MEChat.updateStudioContext(studioOrgContext(445038));
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(document.querySelectorAll("me-chat")).to.have.length(1);
+    expect(document.querySelector("me-chat")).to.equal(meChat);
+    expect(initBodies(requests)).to.have.length(1);
+    const message = await publishedMessage(meChat.myPubnub as MyPubnub);
+    expect(message).to.include({ declaredBuildingId: 445038 });
+
+    // Back to a page with no building.
+    MEChat.updateStudioContext(studioOrgContext(null));
+    expect(meChat.myPubnub?.declaredBuildingId).to.equal(null);
+  } finally {
+    await MEChat.remove();
+  }
+});
+
+it("swaps a Studio site's building widget for org-level webchat", async () => {
+  const requests = fakeBackend(inRollout);
+  MEChat.start({
+    studio: { siteId: STUDIO_SITE, mode: "host_managed_context" },
+  });
+  try {
+    MEChat.updateStudioContext({
+      source: "elise_studio",
+      siteId: STUDIO_SITE,
+      organization: "test-org",
+      building: "test-building",
+      sessionScope: { type: "building", key: "building:test-building" },
+    });
+    const buildingWidget = await studioWidget();
+    expect(buildingWidget.myPubnub?.centralConvo).to.not.equal(true);
+
+    MEChat.updateStudioContext(studioOrgContext(445038));
+    for (
+      let i = 0;
+      i < 100 && document.querySelector("me-chat") === buildingWidget;
+      i++
+    ) {
+      await new Promise((resolve) => setTimeout(resolve, 10));
+    }
+    const orgWidget = await studioWidget();
+
+    expect(orgWidget).to.not.equal(buildingWidget);
+    expect(document.querySelectorAll("me-chat")).to.have.length(1);
+    expect(orgWidget.myPubnub?.centralConvo).to.equal(true);
+    expect(orgWidget.myPubnub?.declaredBuildingId).to.equal(445038);
+    expect(initBodies(requests).at(-1)).to.deep.equal({
+      building_slug: "",
+      org_slug: "test-org",
+      central_convo: true,
+    });
+  } finally {
+    await MEChat.remove();
+  }
+});
+
+it("clears a Studio site's org scope without an organization", async () => {
+  fakeBackend(inRollout);
+  MEChat.start({
+    studio: { siteId: STUDIO_SITE, mode: "host_managed_context" },
+  });
+  try {
+    MEChat.updateStudioContext({ ...studioOrgContext(null), organization: "" });
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(document.querySelector("me-chat")).to.equal(null);
+  } finally {
+    await MEChat.remove();
+  }
+});