module ViewEngine

open Expecto
open Giraffe.ViewEngine
open Giraffe.ViewEngine.Htmx

/// Tests for the HxEncoding module
let hxEncoding =
    testList "HxEncoding" [
        test "Form is correct" {
            Expect.equal HxEncoding.Form "application/x-www-form-urlencoded" "Form encoding not correct"
        }
        test "MultipartForm is correct" {
            Expect.equal HxEncoding.MultipartForm "multipart/form-data" "Multipart form encoding not correct"
        }
    ]

/// Tests for the HxHeaders module
let hxHeaders =
    testList "HxHeaders" [
        testList "From" [
            test "succeeds with an empty list" {
                Expect.equal (HxHeaders.From []) "{  }" "Empty headers not correct"
            }
            test "succeeds and escapes quotes" {
                Expect.equal
                    (HxHeaders.From [ "test", "one two three"; "again", """four "five" six""" ])
                    """{ "test": "one two three", "again": "four \"five\" six" }""" "Headers not correct"
            }
        ]
    ]

/// Tests for the HxParams module
let hxParams =
    testList "HxParams" [
        test "All is correct" {
            Expect.equal HxParams.All "*" "All is not correct"
        }
        test "None is correct" {
            Expect.equal HxParams.None "none" "None is not correct"
        }
        testList "With" [
            test "succeeds with empty list" {
                Expect.equal (HxParams.With []) "" "With with empty list should have been blank"
            }
            test "succeeds with one list item" {
                Expect.equal (HxParams.With [ "boo" ]) "boo" "With single item incorrect"
            }
            test "succeeds with multiple list items" {
                Expect.equal (HxParams.With [ "foo"; "bar"; "baz" ]) "foo,bar,baz" "With multiple items incorrect"
            }
        ]
        testList "Except" [
            test "succeeds with empty list" {
                Expect.equal (HxParams.Except []) "not " "Except with empty list incorrect"
            }
            test "succeeds with one list item" {
                Expect.equal (HxParams.Except [ "that" ]) "not that" "Except single item incorrect"
            }
            test "succeeds with multiple list items" {
                Expect.equal (HxParams.Except [ "blue"; "green" ]) "not blue,green" "Except multiple items incorrect"
            }
        ]
    ]

/// Tests for the HxRequest module
let hxRequest =
    testList "HxRequest" [
        testList "Configure" [
            test "succeeds with an empty list" {
                Expect.equal (HxRequest.Configure []) "{  }" "Configure with empty list incorrect"
            }
            test "succeeds with a non-empty list" {
                Expect.equal
                    (HxRequest.Configure [ "\"a\": \"b\""; "\"c\": \"d\"" ]) """{ "a": "b", "c": "d" }"""
                    "Configure with a non-empty list incorrect"
            }
            test "succeeds with all known params configured" {
                Expect.equal
                    (HxRequest.Configure
                        [ HxRequest.Timeout 1000; HxRequest.Credentials false; HxRequest.NoHeaders true ])
                    """{ "timeout": 1000, "credentials": false, "noHeaders": true }"""
                    "Configure with all known params incorrect"
            }
        ]
        test "Timeout succeeds" {
            Expect.equal (HxRequest.Timeout 50) "\"timeout\": 50" "Timeout value incorrect"
        }
        testList "Credentials" [
            test "succeeds when set to true" {
                Expect.equal (HxRequest.Credentials true) "\"credentials\": true" "Credentials value incorrect"
            }
            test "succeeds when set to false" {
                Expect.equal (HxRequest.Credentials false) "\"credentials\": false" "Credentials value incorrect"
            }
        ]
        testList "NoHeaders" [
            test "succeeds when set to true" {
                Expect.equal (HxRequest.NoHeaders true) "\"noHeaders\": true" "NoHeaders value incorrect"
            }
            test "succeeds when set to false" {
                Expect.equal (HxRequest.NoHeaders false) "\"noHeaders\": false" "NoHeaders value incorrect"
            }
        ]
    ]

/// Tests for the HxTrigger module
let hxTrigger =
    testList "HxTrigger" [
        test "Click is correct" {
            Expect.equal HxTrigger.Click "click" "Click is incorrect"
        }
        test "Load is correct" {
            Expect.equal HxTrigger.Load "load" "Load is incorrect"
        }
        test "Revealed is correct" {
            Expect.equal HxTrigger.Revealed "revealed" "Revealed is incorrect"
        }
        test "Every succeeds" {
            Expect.equal (HxTrigger.Every "3s") "every 3s" "Every is incorrect"
        }
        testList "Filter" [
            test "Alt succeeds" {
                Expect.equal (HxTrigger.Filter.Alt HxTrigger.Click) "click[altKey]" "Alt filter incorrect"
            }
            test "Ctrl succeeds" {
                Expect.equal (HxTrigger.Filter.Ctrl HxTrigger.Click) "click[ctrlKey]" "Ctrl filter incorrect"
            }
            test "Shift succeeds" {
                Expect.equal (HxTrigger.Filter.Shift HxTrigger.Click) "click[shiftKey]" "Shift filter incorrect"
            }
            test "CtrlAlt succeeds" {
                Expect.equal
                    (HxTrigger.Filter.CtrlAlt HxTrigger.Click) "click[ctrlKey&&altKey]" "Ctrl+Alt filter incorrect"
            }
            test "CtrlShift succeeds" {
                Expect.equal
                    (HxTrigger.Filter.CtrlShift HxTrigger.Click) "click[ctrlKey&&shiftKey]"
                    "Ctrl+Shift filter incorrect"
            }
            test "CtrlAltShift succeeds" {
                Expect.equal
                    (HxTrigger.Filter.CtrlAltShift HxTrigger.Click) "click[ctrlKey&&altKey&&shiftKey]"
                    "Ctrl+Alt+Shift filter incorrect"
            }
            test "AltShift succeeds" {
                Expect.equal
                    (HxTrigger.Filter.AltShift HxTrigger.Click) "click[altKey&&shiftKey]" "Alt+Shift filter incorrect"
            }
        ]
        testList "Once" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Once "") "once" "Once modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Once "click") "click once" "Once modifier incorrect"
            }
        ]
        testList "Changed" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Changed "") "changed" "Changed modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Changed "click") "click changed" "Changed modifier incorrect"
            }
        ]
        testList "Delay" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Delay "1s" "") "delay:1s" "Delay modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Delay "2s" "click") "click delay:2s" "Delay modifier incorrect"
            }
        ]
        testList "Throttle" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Throttle "4s" "") "throttle:4s" "Throttle modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Throttle "7s" "click") "click throttle:7s" "Throttle modifier incorrect"
            }
        ]
        testList "From" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.From ".nav" "") "from:.nav" "From modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.From "#somewhere" "click") "click from:#somewhere" "From modifier incorrect"
            }
        ]
        testList "FromDocument" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.FromDocument "") "from:document" "FromDocument modifier incorrect"
            } 
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.FromDocument "click") "click from:document" "FromDocument modifier incorrect"
            }
        ]
        testList "FromWindow" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.FromWindow "") "from:window" "FromWindow modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.FromWindow "click") "click from:window" "FromWindow modifier incorrect"
            }
        ]
        testList "FromClosest" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.FromClosest "div" "") "from:closest div" "FromClosest modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.FromClosest "p" "click") "click from:closest p" "FromClosest modifier incorrect"
            }
        ]
        testList "FromFind" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.FromFind "li" "") "from:find li" "FromFind modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.FromFind ".spot" "click") "click from:find .spot" "FromFind modifier incorrect"
            }
        ]
        testList "Target" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Target "main" "") "target:main" "Target modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Target "footer" "click") "click target:footer" "Target modifier incorrect"
            }
        ]
        testList "Consume" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Consume "") "consume" "Consume modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Consume "click") "click consume" "Consume modifier incorrect"
            }
        ]
        testList "Queue" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.Queue "abc" "") "queue:abc" "Queue modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.Queue "def" "click") "click queue:def" "Queue modifier incorrect"
            }
        ]
        testList "QueueFirst" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.QueueFirst "") "queue:first" "QueueFirst modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.QueueFirst "click") "click queue:first" "QueueFirst modifier incorrect"
            }
        ]
        testList "QueueLast" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.QueueLast "") "queue:last" "QueueLast modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.QueueLast "click") "click queue:last" "QueueLast modifier incorrect"
            }
        ]
        testList "QueueAll" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.QueueAll "") "queue:all" "QueueAll modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.QueueAll "click") "click queue:all" "QueueAll modifier incorrect"
            }
        ]
        testList "QueueNone" [
            test "succeeds when it is the first modifier" {
                Expect.equal (HxTrigger.QueueNone "") "queue:none" "QueueNone modifier incorrect"
            }
            test "succeeds when it is not the first modifier" {
                Expect.equal (HxTrigger.QueueNone "click") "click queue:none" "QueueNone modifier incorrect"
            }
        ]
    ]

/// Tests for the HxVals module
let hxVals =
    testList "HxVals" [
        testList "From" [
            test "succeeds with an empty list" {
                Expect.equal (HxVals.From []) "{  }" "From with an empty list is incorrect"
            }
            test "succeeds and escapes quotes" {
                Expect.equal
                    (HxVals.From [ "test", """a "b" c"""; "2", "d e f" ])
                    """{ "test": "a \"b\" c", "2": "d e f" }""" "From value is incorrect"
            }
        ]
    ]

/// Tests for the HtmxAttrs module
let attributes =
    testList "Attributes" [

        /// Pipe-able assertion for a rendered node 
        let shouldRender expected node =
            Expect.equal (RenderView.AsString.htmlNode node) expected "Rendered HTML incorrect"

        test "_hxBoost succeeds" {
            div [ _hxBoost ] [] |> shouldRender """<div hx-boost="true"></div>"""
        }
        test "_hxConfirm succeeds" {
            button [ _hxConfirm "REALLY?!?" ] [] |> shouldRender """<button hx-confirm="REALLY?!?"></button>"""
        }
        test "_hxDelete succeeds" {
            span [ _hxDelete "/this-endpoint" ] [] |> shouldRender """<span hx-delete="/this-endpoint"></span>"""
        }
        test "_hxDisable succeeds" {
            p [ _hxDisable ] [] |> shouldRender """<p hx-disable></p>"""
        }
        test "_hxDisinherit succeeds" {
            strong [ _hxDisinherit "*" ] [] |> shouldRender """<strong hx-disinherit="*"></strong>"""
        }
        test "_hxEncoding succeeds" {
            form [ _hxEncoding "utf-7" ] [] |> shouldRender """<form hx-encoding="utf-7"></form>"""
        }
        test "_hxExt succeeds" {
            section [ _hxExt "extendme" ] [] |> shouldRender """<section hx-ext="extendme"></section>"""
        }
        test "_hxGet succeeds" {
            article [ _hxGet "/the-text" ] [] |> shouldRender """<article hx-get="/the-text"></article>"""
        }
        test "_hxHeaders succeeds" {
            figure [ _hxHeaders """{ "X-Special-Header": "some-header" }""" ] []
            |> shouldRender """<figure hx-headers="{ &quot;X-Special-Header&quot;: &quot;some-header&quot; }"></figure>"""
        }
        test "_hxHistory succeeds" {
            span [ _hxHistory "false" ] [] |> shouldRender """<span hx-history="false"></span>"""
        }
        test "_hxHistoryElt succeeds" {
            table [ _hxHistoryElt ] [] |> shouldRender """<table hx-history-elt></table>"""
        }
        test "_hxInclude succeeds" {
            a [ _hxInclude ".extra-stuff" ] [] |> shouldRender """<a hx-include=".extra-stuff"></a>"""
        }
        test "_hxIndicator succeeds" {
            aside [ _hxIndicator "#spinner" ] [] |> shouldRender """<aside hx-indicator="#spinner"></aside>"""
        }
        test "_hxNoBoost succeeds" {
            td [ _hxNoBoost ] [] |> shouldRender """<td hx-boost="false"></td>"""
        }
        test "_hxOn succeeds" {
            let newLine = "\n"
            strong [ _hxOn "submit: alert('oops')\nclick: alert('howdy!')" ] []
            |> shouldRender $"""<strong hx-on="submit: alert(&#39;oops&#39;){newLine}click: alert(&#39;howdy!&#39;)"></strong>"""
        }
        test "_hxParams succeeds" {
            br [ _hxParams "[p1,p2]" ] |> shouldRender """<br hx-params="[p1,p2]">"""
        }
        test "_hxPatch succeeds" {
            div [ _hxPatch "/arrrgh" ] [] |> shouldRender """<div hx-patch="/arrrgh"></div>"""
        }
        test "_hxPost succeeds" {
            hr [ _hxPost "/hear-ye-hear-ye" ] |> shouldRender """<hr hx-post="/hear-ye-hear-ye">"""
        }
        test "_hxPreserve succeeds" {
            img [ _hxPreserve ] |> shouldRender """<img hx-preserve="true">"""
        }
        test "_hxPrompt succeeds" {
            strong [ _hxPrompt "Who goes there?" ] []
            |> shouldRender """<strong hx-prompt="Who goes there?"></strong>"""
        }
        test "_hxPushUrl succeeds" {
            dl [ _hxPushUrl "/a-b-c" ] [] |> shouldRender """<dl hx-push-url="/a-b-c"></dl>"""
        }
        test "_hxPut succeeds" {
            s [ _hxPut "/take-this" ] [] |> shouldRender """<s hx-put="/take-this"></s>"""
        }
        test "_hxReplaceUrl succeeds" {
            p [ _hxReplaceUrl "/something-else" ] [] |> shouldRender """<p hx-replace-url="/something-else"></p>"""
        }
        test "_hxRequest succeeds" {
            u [ _hxRequest "noHeaders" ] [] |> shouldRender """<u hx-request="noHeaders"></u>"""
        }
        test "_hxSelect succeeds" {
            nav [ _hxSelect "#navbar" ] [] |> shouldRender """<nav hx-select="#navbar"></nav>"""
        }
        test "_hxSelectOob succeeds" {
            section [ _hxSelectOob "#oob" ] [] |> shouldRender """<section hx-select-oob="#oob"></section>"""
        }
        test "_hxSse succeeds" {
            footer [ _hxSse "connect:/my-events" ] []
            |> shouldRender """<footer hx-sse="connect:/my-events"></footer>"""
        }
        test "_hxSwap succeeds" {
            del [ _hxSwap "innerHTML" ] [] |> shouldRender """<del hx-swap="innerHTML"></del>"""
        }
        test "_hxSwapWithTransition succeeds" {
            del [ _hxSwapWithTransition "innerHTML" ] []
            |> shouldRender """<del hx-swap="innerHTML transition:true"></del>"""
        }
        test "_hxSwapOob succeeds" {
            li [ _hxSwapOob "true" ] [] |> shouldRender """<li hx-swap-oob="true"></li>"""
        }
        test "_hxSync succeeds" {
            nav [ _hxSync "closest form:abort" ] [] |> shouldRender """<nav hx-sync="closest form:abort"></nav>"""
        }
        test "_hxTarget succeeds" {
            header [ _hxTarget "#somewhereElse" ] [] |> shouldRender """<header hx-target="#somewhereElse"></header>"""
        }
        test "_hxTrigger succeeds" {
            figcaption [ _hxTrigger "load" ] [] |> shouldRender """<figcaption hx-trigger="load"></figcaption>"""
        }
        test "_hxVals succeeds" {
            dt [ _hxVals """{ "extra": "values" }""" ] []
            |> shouldRender """<dt hx-vals="{ &quot;extra&quot;: &quot;values&quot; }"></dt>"""
        }
        test "_hxWs succeeds" {
            ul [ _hxWs "connect:/web-socket" ] [] |> shouldRender """<ul hx-ws="connect:/web-socket"></ul>"""
        }
    ]

/// Tests for the Script module
let script =
    testList "Script" [
        test "minified succeeds" {
            let html = RenderView.AsString.htmlNode Script.minified
            Expect.equal
                html
                """<script src="https://unpkg.com/htmx.org@1.9.4" integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV" crossorigin="anonymous"></script>"""
                "Minified script tag is incorrect"
        }
        test "unminified succeeds" {
            let html = RenderView.AsString.htmlNode Script.unminified
            Expect.equal
                html
                """<script src="https://unpkg.com/htmx.org@1.9.4/dist/htmx.js" integrity="sha384-2caa3Jf+wayjuHAc9J3mR3xz191GzmIDNYVBsE8LetbkJn4wjLrO6Ht9rRMuEjIo" crossorigin="anonymous"></script>"""
                "Unminified script tag is incorrect"
        }
    ]

open System.Text

/// Tests for the RenderFragment module
let renderFragment =
    testList "RenderFragment" [
        
        /// Validate that the two object references are the same object
        let isSame obj1 obj2 message =
            Expect.isTrue (obj.ReferenceEquals (obj1, obj2)) message
        
        testList "findIdNode" [
            test "fails with a Text node" {
                Expect.isNone (RenderFragment.findIdNode "blue" (Text "")) "There should not have been a node found"
            }
            test "fails with a VoidElement without a matching ID" {
                Expect.isNone
                    (RenderFragment.findIdNode "purple" (br [ _id "mauve" ])) "There should not have been a node found"
            }
            test "fails with a ParentNode with no children with a matching ID" {
                Expect.isNone
                    (RenderFragment.findIdNode "green" (p [] [ str "howdy"; span [] [ str "huh" ] ]))
                    "There should not have been a node found"
            }
            test "succeeds with a VoidElement with a matching ID" {
                let leNode = hr [ _id "groovy" ]
                let foundNode = RenderFragment.findIdNode "groovy" leNode
                Expect.isSome foundNode "There should have been a node found"
                isSame leNode foundNode.Value "The node should have been the same object"
            }
            test "succeeds with a ParentNode with a child with a matching ID" {
                let leNode = span [ _id "its-me" ] [ str "Mario" ]
                let foundNode =
                    RenderFragment.findIdNode "its-me" (p [] [ str "test"; str "again"; leNode; str "un mas" ])
                Expect.isSome foundNode "There should have been a node found"
                isSame leNode foundNode.Value "The node should have been the same object"
            }
        ]

        /// Generate a message if the requested ID node is not found
        let nodeNotFound (nodeId : string) =
            $"<em>&ndash; ID {nodeId} not found &ndash;</em>"

        testList "AsString" [
            testList "htmlFromNodes" [
                test "succeeds when an ID is matched" {
                    let html =
                        RenderFragment.AsString.htmlFromNodes "needle"
                            [   p [] []
                                p [ _id "haystack" ] [ str "hay"; span [ _id "needle" ] [ str "ouch" ]; str "hay" ]
                            ]
                    Expect.equal html """<span id="needle">ouch</span>""" "HTML is incorrect"
                }
                test "fails when an ID is not matched" {
                    Expect.equal
                        (RenderFragment.AsString.htmlFromNodes "oops" []) (nodeNotFound "oops") "HTML is incorrect"
                }
            ]
            testList "htmlFromNode" [
                test "succeeds when ID is matched at top level" {
                    let html = RenderFragment.AsString.htmlFromNode "wow" (p [ _id "wow" ] [ str "found it" ])
                    Expect.equal html """<p id="wow">found it</p>""" "HTML is incorrect"
                }
                test "succeeds when ID is matched in child element" {
                    let html =
                        div [] [ p [] [ str "not it" ]; p [ _id "hey" ] [ str "ta-da" ]]
                        |> RenderFragment.AsString.htmlFromNode "hey"
                    Expect.equal html """<p id="hey">ta-da</p>""" "HTML is incorrect"
                }
                test "fails when an ID is not matched" {
                    Expect.equal
                        (RenderFragment.AsString.htmlFromNode "me" (hr [])) (nodeNotFound "me") "HTML is incorrect"
                }
            ]
        ]
        testList "AsBytes" [
            
            /// Alias for UTF-8 encoding
            let utf8 = Encoding.UTF8

            testList "htmlFromNodes" [
                test "succeeds when an ID is matched" {
                    let bytes =
                        RenderFragment.AsBytes.htmlFromNodes "found"
                            [   p [] []
                                p [ _id "not-it" ] [ str "nope"; span [ _id "found" ] [ str "boo" ]; str "nope" ]
                            ]
                    Expect.equal bytes (utf8.GetBytes """<span id="found">boo</span>""") "HTML bytes are incorrect"
                }
                test "fails when an ID is not matched" {
                    Expect.equal
                        (RenderFragment.AsBytes.htmlFromNodes "whiff" []) (utf8.GetBytes (nodeNotFound "whiff"))
                        "HTML bytes are incorrect"
                }
            ]
            testList "htmlFromNode" [
                test "succeeds when ID is matched at top level" {
                    let bytes = RenderFragment.AsBytes.htmlFromNode "first" (p [ _id "first" ] [ str "!!!" ])
                    Expect.equal bytes (utf8.GetBytes """<p id="first">!!!</p>""") "HTML bytes are incorrect"
                }
                test "succeeds when ID is matched in child element" {
                    let bytes =
                        div [] [ p [] [ str "not me" ]; p [ _id "child" ] [ str "node" ]]
                        |> RenderFragment.AsBytes.htmlFromNode "child"
                    Expect.equal bytes (utf8.GetBytes """<p id="child">node</p>""") "HTML bytes are incorrect"
                }
                test "fails when an ID is not matched" {
                    Expect.equal
                        (RenderFragment.AsBytes.htmlFromNode "foo" (hr [])) (utf8.GetBytes (nodeNotFound "foo"))
                        "HTML bytes are incorrect"
                }
            ]
        ]
        testList "IntoStringBuilder" [
            testList "htmlFromNodes" [
                test "succeeds when an ID is matched" {
                    let sb = StringBuilder ()
                    RenderFragment.IntoStringBuilder.htmlFromNodes sb "find-me"
                        [ p [] []; p [ _id "peekaboo" ] [ str "bzz"; str "nope"; span [ _id "find-me" ] [ str ";)" ] ]]
                    Expect.equal (string sb) """<span id="find-me">;)</span>""" "HTML is incorrect"
                }
                test "fails when an ID is not matched" {
                    let sb = StringBuilder ()
                    RenderFragment.IntoStringBuilder.htmlFromNodes sb "missing" []
                    Expect.equal (string sb) (nodeNotFound "missing") "HTML is incorrect"
                }
            ]
            testList "htmlFromNode" [
                test "succeeds when ID is matched at top level" {
                    let sb = StringBuilder ()
                    RenderFragment.IntoStringBuilder.htmlFromNode sb "top" (p [ _id "top" ] [ str "pinnacle" ])
                    Expect.equal (string sb) """<p id="top">pinnacle</p>""" "HTML is incorrect"
                }
                test "succeeds when ID is matched in child element" {
                    let sb = StringBuilder ()
                    div [] [ p [] [ str "nada" ]; p [ _id "it" ] [ str "is here" ]]
                    |> RenderFragment.IntoStringBuilder.htmlFromNode sb "it"
                    Expect.equal (string sb) """<p id="it">is here</p>""" "HTML is incorrect"
                }
                test "fails when an ID is not matched" {
                    let sb = StringBuilder ()
                    RenderFragment.IntoStringBuilder.htmlFromNode sb "bar" (hr [])
                    Expect.equal (string sb) (nodeNotFound "bar") "HTML is incorrect"
                }
            ]
        ]
    ]

/// All tests in this module
let allTests =
    testList "ViewEngine.Htmx"
             [ hxEncoding; hxHeaders; hxParams; hxRequest; hxTrigger; hxVals; attributes; script; renderFragment ]