;; 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 tests: dom (215 tests)"
    (p :style "color:#57534e;margin-bottom:1rem"
      "Pick a category to see its live test cards.")
    (ul :style "list-style:disc;padding-left:1.5rem"
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-add))" :style "color:#7c3aed;text-decoration:underline"
          "add")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(19 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-remove))" :style "color:#7c3aed;text-decoration:underline"
          "remove")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(14 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-toggle))" :style "color:#7c3aed;text-decoration:underline"
          "toggle")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(30 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-set))" :style "color:#7c3aed;text-decoration:underline"
          "set")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(25 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-put))" :style "color:#7c3aed;text-decoration:underline"
          "put")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(38 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-hide))" :style "color:#7c3aed;text-decoration:underline"
          "hide")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(14 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-take))" :style "color:#7c3aed;text-decoration:underline"
          "take")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(12 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-append))" :style "color:#7c3aed;text-decoration:underline"
          "append")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(13 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-empty))" :style "color:#7c3aed;text-decoration:underline"
          "empty")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(13 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-focus))" :style "color:#7c3aed;text-decoration:underline"
          "focus")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(3 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-morph))" :style "color:#7c3aed;text-decoration:underline"
          "morph")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(10 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-reset))" :style "color:#7c3aed;text-decoration:underline"
          "reset")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(8 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-scroll))" :style "color:#7c3aed;text-decoration:underline"
          "scroll")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(8 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-swap))" :style "color:#7c3aed;text-decoration:underline"
          "swap")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(4 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-measure))" :style "color:#7c3aed;text-decoration:underline"
          "measure")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(2 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-dom-show))" :style "color:#7c3aed;text-decoration:underline"
          "show")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(2 tests)"))
      )))
