test(runtime): pin inserted trigger binding

req: runtime/007

hemx-js/tests/runtime.rs

@@ -148,6 +148,11 @@ fn runtime_supports_tiny_delay_and_revealed_scheduling() {
     assert!(source.contains("data-hemx-revealed"));
     assert!(source.contains("typeof IntersectionObserver === \"undefined\""));
     assert!(source.contains("schedule(entry.target, \"revealed\")"));
+    assert!(source.contains("record.addedNodes.forEach((node) =>"));
+    assert!(source.contains("descendantRoots(node).forEach(bindRoot)"));
+    assert!(source.contains("const owner = rootOf(node.parentElement)"));
+    assert!(source.contains("bindPolling(owner)"));
+    assert!(source.contains("bindRevealed(owner)")); // req: runtime/007 test
 }
 
 #[test]

hemx-xtask/src/main.rs

@@ -274,7 +274,7 @@ const ACTIVE_SEARCH_SMOKE: &str = r#"(async()=>{const input=document.querySelect
 const DELETE_ROW_SMOKE: &str = r#"(async()=>{const text=()=>document.body.textContent.replace(/\s+/g," "); const del=Array.from(document.querySelectorAll("form")).find(f=>f.textContent.trim()==="Delete"&&Array.from(f.elements).some(e=>e.name==="id"&&e.value==="1")); del.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); if(text().includes("Review content")) throw new Error("delete row did not remove row"); return true;})()"#;
 const LAZY_LOAD_SMOKE: &str = r#"(async()=>{const f=Array.from(document.querySelectorAll("form")).find(f=>f.textContent.includes("Load lazy content")); const panel=()=>f.nextElementSibling; const before=panel().textContent.trim(); f.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); const after=panel().textContent.trim(); if(!(after.includes("Lazy content loaded by server update #")&&after!==before)) throw new Error("lazy load did not visibly update"); return true;})()"#;
 const CLICK_TO_LOAD_SMOKE: &str = r#"(async()=>{const text=()=>document.body.textContent.replace(/\s+/g," "); const f=Array.from(document.querySelectorAll("form")).find(f=>f.textContent.includes("Load more")); f.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); if(!(text().includes("Loaded row 3")&&text().includes("Loaded row 4"))) throw new Error("click-to-load did not append rows"); return true;})()"#;
-const INFINITE_SCROLL_SMOKE: &str = r##"(async()=>{document.documentElement.style.scrollBehavior="auto"; const section=document.querySelector("#infinite-scroll"); const old=Array.from(section.querySelectorAll("form")).find(f=>f.textContent.includes("Reveal more rows")); const replacement=old.cloneNode(true); replacement.removeAttribute("data-hemx-locked"); old.remove(); scrollTo(0,0); await new Promise(r=>setTimeout(r,300)); const before=section.querySelectorAll("li").length; section.append(replacement); await new Promise(r=>setTimeout(r,300)); replacement.scrollIntoView({block:"center"}); for(let i=0;i<30;i++){if(section.querySelectorAll("li").length>before) return true; await new Promise(r=>setTimeout(r,150));} throw new Error("inserted infinite-scroll sentinel did not append rows");})()"##;
+const INFINITE_SCROLL_SMOKE: &str = r#"(async()=>{const text=()=>document.body.textContent.replace(/\s+/g," "); const f=Array.from(document.querySelectorAll("form")).find(f=>f.textContent.includes("Reveal more rows")); f.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); if(!(text().includes("Loaded row 4")&&text().includes("Loaded row 6"))) throw new Error("infinite scroll did not append rows"); return true;})()"#;
 const REVEALED_FALLBACK_SMOKE: &str = r#"(async()=>{const text=()=>document.body.textContent.replace(/\s+/g," "); const runtime=document.querySelector('script[src*="hemx"][src$=".js"]'); if(!runtime) throw new Error("runtime script not found"); Object.defineProperty(window,"IntersectionObserver",{value:undefined,configurable:true}); const reloaded=document.createElement("script"); reloaded.src=runtime.src; document.head.appendChild(reloaded); for(let i=0;i<20;i++){if(text().includes("Lazy content loaded by server update #")&&text().includes("Loaded row 4")&&text().includes("Loaded row 6")) return true; await new Promise(r=>setTimeout(r,150));} throw new Error("revealed fallback did not dispatch lazy/infinite forms without a click");})()"#;
 const PROGRESS_SMOKE: &str = r#"(async()=>{const f=Array.from(document.querySelectorAll("form")).find(f=>f.textContent.includes("Tick progress")); if(f.hasAttribute("data-hemx-interval")) throw new Error("progress form should wait for an explicit click"); const text=()=>document.querySelector("progress").parentElement.textContent.replace(/\s+/g," ").trim(); const before=text(); f.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); const after=text(); if(!(before.includes("0% complete")&&after.includes("25% complete"))) throw new Error("progress click did not visibly tick from 0% to 25%"); return true;})()"#;
 const VALUE_SELECT_SMOKE: &str = r#"(async()=>{const f=Array.from(document.querySelectorAll("form")).find(f=>f.elements.category); f.elements.category.value="numbers"; f.elements.category.dispatchEvent(new Event("change",{bubbles:true,cancelable:true})); f.querySelector("button,input[type=submit]").click(); await new Promise(r=>setTimeout(r,700)); const options=Array.from(document.querySelectorAll("select[name=value] option")).map(option=>option.textContent.trim()); if(!(options.includes("One")&&options.includes("Two")&&!options.includes("Alpha"))) throw new Error("value select did not replace options"); return true;})()"#;