Test cases

Embeddable chat widget

Each page below loads the real built widget.js through a script tag — the same way a customer would embed it. No source imports, no dev shortcuts.

Floating

Bubble trigger with a fixed frame pinned to a corner. The default embed, and the one most sites use.

Docked into the page layout as a sidebar. No trigger — it is always open because the page gave it space.

Covers the viewport. Suited to mobile, or a dedicated support route.

Host page actively tries to break the widget with !important everywhere. Proves the Shadow DOM boundary holds.