npm - @elliemae/ssf-host - Versions diffs - 2.23.4 → 2.24.0 - Mend

@elliemae/ssf-host 2.23.4 → 2.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/dist/cjs/callchain-host.html +262 -0
package/dist/cjs/callchain-intermediate.html +92 -0
package/dist/cjs/e2e-host.html +603 -0
package/dist/cjs/e2e-index.html +234 -0
package/dist/cjs/host.js +100 -43
package/dist/cjs/index.html +304 -151
package/dist/cjs/popup-focus-host.html +318 -0
package/dist/cjs/utils.js +14 -1
package/dist/cjs/v2-host-v1-guest.html +3 -0
package/dist/esm/callchain-host.html +262 -0
package/dist/esm/callchain-intermediate.html +92 -0
package/dist/esm/e2e-host.html +603 -0
package/dist/esm/e2e-index.html +234 -0
package/dist/esm/host.js +101 -44
package/dist/esm/index.html +304 -151
package/dist/esm/popup-focus-host.html +318 -0
package/dist/esm/utils.js +14 -1
package/dist/esm/v2-host-v1-guest.html +3 -0
package/dist/public/callchain-host.html +34 -0
package/dist/public/callchain-host.js +3 -0
package/dist/public/callchain-host.js.br +0 -0
package/dist/public/callchain-host.js.gz +0 -0
package/dist/public/callchain-host.js.map +1 -0
package/dist/public/callchain-intermediate.html +1 -0
package/dist/public/e2e-host.html +5 -0
package/dist/public/e2e-host.js +8 -0
package/dist/public/e2e-host.js.br +0 -0
package/dist/public/e2e-host.js.gz +0 -0
package/dist/public/e2e-host.js.map +1 -0
package/dist/public/e2e-index.html +1 -0
package/dist/public/index.html +1 -1
package/dist/public/init.js +1 -1
package/dist/public/init.js.br +0 -0
package/dist/public/init.js.gz +0 -0
package/dist/public/init.js.map +1 -1
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js +3 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.br +0 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.gz +0 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.map +1 -0
package/dist/public/loan-object.js +1 -1
package/dist/public/loan-object.js.br +0 -0
package/dist/public/loan-object.js.gz +0 -0
package/dist/public/loan-object.js.map +1 -1
package/dist/public/popup-focus-host.html +1 -0
package/dist/public/popup-focus-host.js +6 -0
package/dist/public/popup-focus-host.js.br +0 -0
package/dist/public/popup-focus-host.js.gz +0 -0
package/dist/public/popup-focus-host.js.map +1 -0
package/dist/public/v1-guest-v2-host.html +1 -1
package/dist/public/v2-host-v1-guest.html +1 -1
package/dist/types/lib/host.d.ts +1 -0
package/dist/types/lib/ihost.d.ts +15 -0
package/dist/types/lib/tests/timingDedup.test.d.ts +1 -0
package/dist/types/lib/utils.d.ts +1 -0
package/dist/types/tsconfig.tsbuildinfo +1 -1
package/dist/umd/callchain-host.html +34 -0
package/dist/umd/callchain-host.js +3 -0
package/dist/umd/callchain-host.js.br +0 -0
package/dist/umd/callchain-host.js.gz +0 -0
package/dist/umd/callchain-host.js.map +1 -0
package/dist/umd/callchain-intermediate.html +1 -0
package/dist/umd/e2e-host.html +5 -0
package/dist/umd/e2e-host.js +8 -0
package/dist/umd/e2e-host.js.br +0 -0
package/dist/umd/e2e-host.js.gz +0 -0
package/dist/umd/e2e-host.js.map +1 -0
package/dist/umd/e2e-index.html +1 -0
package/dist/umd/index.html +1 -1
package/dist/umd/index.js +1 -1
package/dist/umd/index.js.br +0 -0
package/dist/umd/index.js.gz +0 -0
package/dist/umd/index.js.map +1 -1
package/dist/umd/init.js +1 -1
package/dist/umd/init.js.br +0 -0
package/dist/umd/init.js.gz +0 -0
package/dist/umd/init.js.map +1 -1
package/dist/umd/loan-object.js +1 -1
package/dist/umd/loan-object.js.br +0 -0
package/dist/umd/loan-object.js.gz +0 -0
package/dist/umd/loan-object.js.map +1 -1
package/dist/umd/popup-focus-host.html +1 -0
package/dist/umd/popup-focus-host.js +6 -0
package/dist/umd/popup-focus-host.js.br +0 -0
package/dist/umd/popup-focus-host.js.gz +0 -0
package/dist/umd/popup-focus-host.js.map +1 -0
package/dist/umd/v2-host-v1-guest.html +1 -1
package/package.json +5 -5
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js +0 -3
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.br +0 -0
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.gz +0 -0
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.map +0 -1

package/dist/cjs/e2e-host.html ADDED Viewed

@@ -0,0 +1,603 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>SSF E2E — Comprehensive Host Test</title>
+    <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
+    <script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script>
+  </head>
+  <body class="bg-gray-50 text-sm">
+    <header
+      class="bg-indigo-700 text-white px-4 py-3 flex items-center justify-between"
+    >
+      <h1 class="text-lg font-semibold">Comprehensive E2E Host Test</h1>
+      <a
+        href="./e2e-index.html"
+        class="text-indigo-200 hover:text-white text-sm"
+        >&larr; Test Suite</a
+      >
+    </header>
+    <main class="mx-auto max-w-7xl px-4 py-3">
+      <!-- Instructions -->
+      <div class="grid grid-cols-2 gap-3 mb-3">
+        <div class="bg-blue-50 border border-blue-200 rounded-md p-3">
+          <h2 class="text-sm font-bold text-blue-900 mb-1">
+            How to Use This Page
+          </h2>
+          <ol class="text-xs text-blue-800 space-y-1 list-decimal list-inside">
+            <li>
+              Start the host dev server (port 4000) and guest dev server (port
+              4001).
+            </li>
+            <li>
+              Buttons in <strong>Column 1</strong> (left) execute host-side
+              actions.
+            </li>
+            <li>
+              <strong>Column 2</strong> (center) shows embedded guest iframes —
+              interact with them to invoke methods, subscribe to events, etc.
+            </li>
+            <li>
+              <strong>Column 3</strong> (right) shows live results: Event Log,
+              callContext, dispatch results, and the guest list.
+            </li>
+            <li>
+              Work through the buttons <strong>top to bottom</strong> for the
+              recommended flow. Each button is labelled with a test case ID
+              (TC-xxx).
+            </li>
+          </ol>
+        </div>
+        <div class="bg-amber-50 border border-amber-200 rounded-md p-3">
+          <h2 class="text-sm font-bold text-amber-900 mb-1">
+            Recommended Flow
+          </h2>
+          <ol class="text-xs text-amber-800 space-y-1 list-decimal list-inside">
+            <li>
+              <strong>Load guests</strong>: TC-LOAD-01 (embed) → TC-LOAD-02
+              (popup) → TC-LOAD-04 (with params). Check Event Log for "loaded"
+              messages.
+            </li>
+            <li>
+              <strong>Scripting objects</strong>: TC-SO-01 (add Inventory). In
+              the guest iframe, call <code>getObject("Inventory")</code> and
+              invoke <code>getStock()</code>. Check return value and
+              callContext.
+            </li>
+            <li>
+              <strong>Events</strong>: In the guest, subscribe to
+              <code>Loan.onPreSave</code>. Then click TC-EVT-01 on the host.
+              Guest should receive the event.
+            </li>
+            <li>
+              <strong>Lifecycle</strong>: TC-LIFE-01 (unload), TC-LIFE-03 (close
+              host). Verify guests are removed and host is destroyed.
+            </li>
+          </ol>
+        </div>
+      </div>
+      <div class="grid grid-cols-3 gap-3">
+        <!-- Column 1: Host Controls -->
+        <div class="space-y-3">
+          <!-- Section: Guest Loading -->
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Guest Loading
+            </h2>
+            <div class="space-y-2">
+              <button
+                data-testid="btn-load-embed"
+                id="btnLoadEmbed"
+                class="w-full rounded bg-indigo-600 px-3 py-1.5 text-xs text-white hover:bg-indigo-700"
+              >
+                TC-LOAD-01: Load Embedded Guest
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: guest iframe appears in center column, log shows
+                "loaded"
+              </p>
+              <button
+                data-testid="btn-load-popup"
+                id="btnLoadPopup"
+                class="w-full rounded bg-indigo-600 px-3 py-1.5 text-xs text-white hover:bg-indigo-700"
+              >
+                TC-LOAD-02: Load Popup Guest
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: new browser popup window opens
+              </p>
+              <button
+                data-testid="btn-load-multiple"
+                id="btnLoadMultiple"
+                class="w-full rounded bg-indigo-600 px-3 py-1.5 text-xs text-white hover:bg-indigo-700"
+              >
+                TC-LOAD-03: loadGuests (3 instances)
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: 3 guest iframes load, "List all guests" shows 3+
+                entries
+              </p>
+              <button
+                data-testid="btn-load-with-params"
+                id="btnLoadWithParams"
+                class="w-full rounded bg-indigo-600 px-3 py-1.5 text-xs text-white hover:bg-indigo-700"
+              >
+                TC-LOAD-04: Load with searchParams
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: guest shows URL params in its "Params:" line
+              </p>
+              <button
+                data-testid="btn-load-with-metadata"
+                id="btnLoadWithMetadata"
+                class="w-full rounded bg-indigo-600 px-3 py-1.5 text-xs text-white hover:bg-indigo-700"
+              >
+                TC-META-01: Load with metadata
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: when guest invokes a method, callContext.callChain
+                shows metadata
+              </p>
+              <button
+                data-testid="btn-load-bad-url"
+                id="btnLoadBadUrl"
+                class="w-full rounded bg-red-600 px-3 py-1.5 text-xs text-white hover:bg-red-700"
+              >
+                TC-LOAD-05: Load invalid URL (onError)
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: log shows "ERROR" or onError callback fires
+              </p>
+            </div>
+          </div>
+          <!-- Section: Scripting Object Management -->
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Scripting Object Management
+            </h2>
+            <div class="space-y-2">
+              <button
+                data-testid="btn-add-so"
+                id="btnAddSO"
+                class="w-full rounded bg-green-600 px-3 py-1.5 text-xs text-white hover:bg-green-700"
+              >
+                TC-SO-01: Add "Inventory" Object
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: guest can now <code>getObject("Inventory")</code> and
+                invoke its methods
+              </p>
+              <button
+                data-testid="btn-add-guest-so"
+                id="btnAddGuestSO"
+                class="w-full rounded bg-green-600 px-3 py-1.5 text-xs text-white hover:bg-green-700"
+              >
+                TC-SO-04: Add Guest-Scoped Object
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: only the target guest can access this object, others
+                get "not available"
+              </p>
+              <button
+                data-testid="btn-remove-so"
+                id="btnRemoveSO"
+                class="w-full rounded bg-yellow-600 px-3 py-1.5 text-xs text-white hover:bg-yellow-700"
+              >
+                TC-SO-02: Remove "Inventory" Object
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: guest's <code>getObject("Inventory")</code> now fails
+              </p>
+              <button
+                data-testid="btn-remove-all-so"
+                id="btnRemoveAllSO"
+                class="w-full rounded bg-yellow-600 px-3 py-1.5 text-xs text-white hover:bg-yellow-700"
+              >
+                TC-SO-02b: Remove All Objects
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: all getObject calls fail until objects are re-added
+              </p>
+            </div>
+          </div>
+          <!-- Section: Event Dispatching -->
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Event Dispatching
+            </h2>
+            <div class="space-y-2">
+              <button
+                data-testid="btn-dispatch-all"
+                id="btnDispatchAll"
+                class="w-full rounded bg-purple-600 px-3 py-1.5 text-xs text-white hover:bg-purple-700"
+              >
+                TC-EVT-01: Dispatch onPreSave to all
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: all guests subscribed to onPreSave receive the event
+              </p>
+              <button
+                data-testid="btn-dispatch-targeted"
+                id="btnDispatchTargeted"
+                class="w-full rounded bg-purple-600 px-3 py-1.5 text-xs text-white hover:bg-purple-700"
+              >
+                TC-EVT-02: Dispatch to specific guest
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: only the targeted guest receives the event
+              </p>
+              <button
+                data-testid="btn-dispatch-feedback"
+                id="btnDispatchFeedback"
+                class="w-full rounded bg-purple-600 px-3 py-1.5 text-xs text-white hover:bg-purple-700"
+              >
+                TC-EVT-03: Dispatch with timeout (feedback)
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: Dispatch Results shows the guest's feedback return
+                value
+              </p>
+              <button
+                data-testid="btn-dispatch-amount"
+                id="btnDispatchAmount"
+                class="w-full rounded bg-purple-600 px-3 py-1.5 text-xs text-white hover:bg-purple-700"
+              >
+                TC-EVT-04: Dispatch onAmountChanged (criteria)
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: only guests subscribed with matching criteria receive
+                it
+              </p>
+            </div>
+          </div>
+          <!-- Section: Guest Lifecycle -->
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Guest Lifecycle
+            </h2>
+            <div class="space-y-2">
+              <button
+                data-testid="btn-unload-guest"
+                id="btnUnloadGuest"
+                class="w-full rounded bg-orange-600 px-3 py-1.5 text-xs text-white hover:bg-orange-700"
+              >
+                TC-LIFE-01: Unload first embedded guest
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: guest iframe removed, "List all guests" count
+                decreases
+              </p>
+              <button
+                data-testid="btn-register-close"
+                id="btnRegisterClose"
+                class="w-full rounded bg-orange-600 px-3 py-1.5 text-xs text-white hover:bg-orange-700"
+              >
+                TC-LIFE-02: Register onGuestClose
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: log shows callback registered; fires when guest calls
+                close()
+              </p>
+              <button
+                data-testid="btn-list-guests"
+                id="btnListGuests"
+                class="w-full rounded bg-gray-600 px-3 py-1.5 text-xs text-white hover:bg-gray-700"
+              >
+                List all guests
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: Guest List panel shows all currently loaded guests
+              </p>
+              <button
+                data-testid="btn-set-loglevel"
+                id="btnSetLogLevel"
+                class="w-full rounded bg-gray-600 px-3 py-1.5 text-xs text-white hover:bg-gray-700"
+              >
+                Set Log Level (Debug)
+              </button>
+              <button
+                data-testid="btn-close-host"
+                id="btnCloseHost"
+                class="w-full rounded bg-red-700 px-3 py-1.5 text-xs text-white hover:bg-red-800"
+              >
+                TC-LIFE-03: Close host
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: all guests unloaded, host destroyed, further actions
+                fail
+              </p>
+            </div>
+          </div>
+          <!-- Section: Sandbox Configuration -->
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Sandbox Configuration
+            </h2>
+            <div class="space-y-2">
+              <button
+                data-testid="btn-sandbox-default"
+                id="btnSandboxDefault"
+                class="w-full rounded bg-teal-600 px-3 py-1.5 text-xs text-white hover:bg-teal-700"
+              >
+                TC-SB-01: Default sandbox
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: iframe has standard sandbox attributes
+              </p>
+              <button
+                data-testid="btn-sandbox-custom"
+                id="btnSandboxCustom"
+                class="w-full rounded bg-teal-600 px-3 py-1.5 text-xs text-white hover:bg-teal-700"
+              >
+                TC-SB-02: Custom sandbox values
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: iframe sandbox attribute reflects custom permissions
+              </p>
+              <button
+                data-testid="btn-sandbox-disabled"
+                id="btnSandboxDisabled"
+                class="w-full rounded bg-teal-600 px-3 py-1.5 text-xs text-white hover:bg-teal-700"
+              >
+                TC-SB-03: Sandbox disabled
+              </button>
+              <p class="text-[10px] text-gray-400 -mt-1">
+                Expected: iframe has no sandbox attribute (full permissions)
+              </p>
+            </div>
+          </div>
+        </div>
+        <!-- Column 2: Guest Containers -->
+        <div class="space-y-3">
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Embedded Guests
+            </h2>
+            <div
+              data-testid="embed-container"
+              id="embedContainer"
+              class="border-2 border-dashed border-indigo-300 rounded min-h-[300px] space-y-2"
+            ></div>
+          </div>
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Sandbox Test Container
+            </h2>
+            <div
+              data-testid="sandbox-container"
+              id="sandboxContainer"
+              class="border-2 border-dashed border-teal-300 rounded min-h-[150px] space-y-2"
+            ></div>
+          </div>
+        </div>
+        <!-- Column 3: Results -->
+        <div class="space-y-3">
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Event Log
+            </h2>
+            <div
+              data-testid="event-log"
+              id="eventLog"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[200px] max-h-[350px] overflow-y-auto font-mono"
+            ></div>
+            <button
+              data-testid="btn-clear-log"
+              id="btnClearLog"
+              class="mt-1 text-xs text-gray-400 hover:text-gray-600"
+            >
+              Clear
+            </button>
+          </div>
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              callContext (last invocation)
+            </h2>
+            <div data-testid="callcontext-panel">
+              <h3 class="text-xs text-gray-500">callContext.guest</h3>
+              <pre
+                data-testid="callcontext-guest"
+                id="callContextGuest"
+                class="text-xs bg-gray-100 rounded p-1 mb-1 whitespace-pre-wrap min-h-[30px]"
+              >
+—</pre
+              >
+              <h3 class="text-xs text-gray-500">callContext.callChain</h3>
+              <pre
+                data-testid="callcontext-chain"
+                id="callContextChain"
+                class="text-xs bg-gray-100 rounded p-1 mb-1 whitespace-pre-wrap min-h-[30px]"
+              >
+—</pre
+              >
+            </div>
+          </div>
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Dispatch Results
+            </h2>
+            <pre
+              data-testid="dispatch-result"
+              id="dispatchResult"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[60px] whitespace-pre-wrap"
+            >
+—</pre
+            >
+          </div>
+          <div class="bg-white rounded-lg shadow p-3">
+            <h2 class="font-semibold text-gray-700 mb-2 border-b pb-1">
+              Guest List
+            </h2>
+            <pre
+              data-testid="guest-list"
+              id="guestList"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[60px] whitespace-pre-wrap"
+            >
+—</pre
+            >
+          </div>
+        </div>
+      </div>
+      <!-- Verification Checklist -->
+      <div class="bg-gray-100 border border-gray-300 rounded-md p-3 mt-4">
+        <h2 class="text-sm font-bold text-gray-800 mb-2">
+          Verification Checklist
+        </h2>
+        <div class="grid grid-cols-3 gap-2 text-xs">
+          <div>
+            <p class="font-semibold text-gray-600 mb-1">Guest Loading</p>
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LOAD-01:</strong> Embedded guest loads in
+                iframe</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LOAD-02:</strong> Popup guest opens in new
+                window</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LOAD-03:</strong> loadGuests loads 3 guests at
+                once</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LOAD-04:</strong> searchParams visible in
+                guest</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LOAD-05:</strong> Bad URL triggers onError</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-META-01:</strong> Metadata appears in
+                callChain</span
+              ></label
+            >
+          </div>
+          <div>
+            <p class="font-semibold text-gray-600 mb-1">
+              Scripting Objects & Events
+            </p>
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SO-01:</strong> Guest can getObject after add</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SO-02:</strong> Guest can't getObject after
+                remove</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SO-04:</strong> Scoped object only visible to one
+                guest</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-EVT-01:</strong> All subscribed guests receive
+                event</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-EVT-02:</strong> Only targeted guest receives
+                event</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-EVT-03:</strong> Feedback return value in Dispatch
+                Results</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-EVT-04:</strong> Criteria filtering works</span
+              ></label
+            >
+          </div>
+          <div>
+            <p class="font-semibold text-gray-600 mb-1">Lifecycle & Sandbox</p>
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LIFE-01:</strong> Unload removes guest iframe</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LIFE-02:</strong> onGuestClose fires on guest
+                disconnect</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-LIFE-03:</strong> Close host destroys all
+                guests</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SB-01:</strong> Default sandbox attrs present</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SB-02:</strong> Custom sandbox attrs applied</span
+              ></label
+            >
+            <label class="flex items-start gap-1"
+              ><input type="checkbox" class="mt-0.5" />
+              <span
+                ><strong>TC-SB-03:</strong> No sandbox attr when disabled</span
+              ></label
+            >
+          </div>
+        </div>
+      </div>
+    </main>
+    <script src="./e2e-host.js" type="module"></script>
+  </body>
+</html>