Setup Instructions
- Install dependencies:
pnpm install - Start SSF Host dev server:
pnpm nx run ssf-host:start-server(port 4000) - Start SSF Guest dev server:
pnpm nx run ssf-guest:start(port 4001) - Open
http://localhost:4000/e2e-index.htmlin the browser - Each test page has
data-testidattributes for Playwright/Cypress selectors
1. Core Host-Guest Communication
Comprehensive E2E Host
All host-guest scenarios: guest loading, scripting objects, events, lifecycle, metadata, sandbox, guest-scoped objects.
What to verify: Guests load in iframes/popups. Scripting objects can be added/removed/invoked. Events reach subscribed guests. Unload/close cleans up properly. Sandbox attrs applied.
Main Demo App
Original Loan Application demo with embedded and popup guests, events, scripting objects.
What to verify: Loan form data flows to guests. Events (onLoanAmountChanged, etc.) update guest UIs. Popup guests open and interact with the Loan object.
2. Call Chain & Metadata Propagation
3. Popup Guest Behavior
4. V1 / V2 Interoperability
V2 Host → V1 Guest
V2 host loads V1 guest. Loan object, save flow, event feedback.
What to verify: V1 guest connects, gets objects, subscribes to events, and returns feedback correctly.
V2 Host → V1 Guest → V2 Host → V2 Guest
Full mixed-version chain. V1 guest acts as intermediate host for a V2 grandchild.
What to verify: Scripting objects are cloned across V1/V2 boundary. Events flow through all layers.