Storybook interaction test で Headless UI Dialog を検証するコツ
React
Storybook
Testing
Headless UI の Dialog は Storybook の canvas 外に portal 表示され、元の story root が aria-hidden/inert になることがある。そのため play 関数では canvasElement だけでなく document.body を within(document.body) で対象にし、findByRole('dialog') で Dialog を取得してから操作・検証する。本文に <br> が含まれる場合は完全一致より正規表現や textContent ベースの matcher を使うと安定する。