;; AUTO-GENERATED from spec/tests/hyperscript-upstream-tests.json
;; DO NOT EDIT — regenerate with:
;;   python3 tests/playwright/generate-sx-tests.py --emit-pages

(defcomp ()
  (~docs/page :title "Hyperscript: resize (3 tests — 0 runnable)"
    (p :style "color:#57534e;margin-bottom:1rem" "Live cards for the upstream resize tests. 0 of 3 are reproducible in-browser; the remainder show their source for reference.")
    (p :style "color:#78716c;font-size:0.875rem;margin-bottom:1rem"
      "Theme: " (a :href "/sx/(applications.(hyperscript.gallery-reactivity))"
        :style "color:#7c3aed" "reactivity"))
    (div :style "display:flex;flex-direction:column"
      (~hyperscript/hs-test-card
  :name "fires when element is resized"
  :html "<div id='box' style='width:100px; height:100px' _='on resize put detail.width into #out'></div><div id='out'></div>"
  :action ""
  :check "toHaveText(\"200\")"
  :run-src "(fn (sandbox) (error \"not yet runnable in gallery — see test suite\"))")
(~hyperscript/hs-test-card
  :name "provides height in detail"
  :html "<div id='box' style='width:100px; height:100px' _='on resize put detail.height into #out'></div><div id='out'></div>"
  :action ""
  :check "toHaveText(\"300\")"
  :run-src "(fn (sandbox) (error \"not yet runnable in gallery — see test suite\"))")
(~hyperscript/hs-test-card
  :name "works with from clause"
  :html "<div id='box' style='width:100px; height:100px'></div><div id='out' _='on resize from #box put detail.width into me'></div>"
  :action ""
  :check "toHaveText(\"150\")"
  :run-src "(fn (sandbox) (error \"not yet runnable in gallery — see test suite\"))"))))
