サンプル

Verify custom element lifecycle callbacks, automatic DOM node upgrade upon definition, and Shadow DOM event propagation in happy-dom

sha256:423dae2528fdc439252e398872c6b51cf55d774b2ad6d555a83a33dc647ab701

ケース

ゴール

Verify custom element lifecycle callbacks, automatic DOM node upgrade upon definition, and Shadow DOM event propagation in happy-dom HOW

パッケージ

happy-dom 20.11.2

環境

node

作成日

2026-08-17T13:15:47Z

コントラクト

• customElements.define registers custom element lifecycle callbacks (connectedCallback, disconnectedCallback, attributeChangedCallback) that execute synchronously upon DOM tree mutation and observed attribute modification.
• Defining a custom element automatically upgrades matching pre-existing elements in the active DOM tree, replacing the node and triggering connectedCallback.
• attachShadow creates open or closed shadow roots where mode open exposes element.shadowRoot and mode closed keeps element.shadowRoot as null.
• Composed events dispatched inside a shadow root bubble across the shadow boundary through light DOM ancestors to Window, populating composedPath with the shadow root, host, and document nodes.

ファイル

• NOTES.md
• csx.json
• package-lock.json
• package.json
• test/contract.mjs

ソースアーティファクトをダウンロード (tar.gz)

オリジンシーダー

csx-seed

検証レシート

• node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9