window.testSuites.push( class testState {
    SimpleState() {
        class Home extends Shadow {
            state = {
                pathname: "/"
            }

            render() {
                VStack(() => {
                    p("hi")
                        .top(() => {return (this.state.pathname === "/" ? [11, vw] : [7, vw])})
                })
                .onAppear(() => {
                    this.state.pathname = "/asd"
                })
            }
        }

        register(Home, randomName("home"))
        window.Home()
        if(!($("p").style.top === "7vw")) return "state was not respeccted"
    }

    StateArrayPush() {
        class Home extends Shadow {
            state = {
                logs: []
            }

            render() {
                VStack(() => {
                    p("hi")
                        .fontSize(() => {return this.state.logs.length > 0 ? [2, em] : [1, em]})
                })
                .onAppear(() => {
                    this.state.logs = ["one", "two"]
                })
            }
        }

        register(Home, randomName("home"))
        window.Home()

        if(!($("p").style.fontSize === "2em")) return "state did not update!"
    }

    SimpleStack() {
        class Home extends Shadow {
            state = {
                logs: []
            }

            render() {
                VStack(() => {
                    let asd = this.state.logs.length * 2
                    p("hi")
                        .fontSize(asd, vw)
                })
                .onAppear(() => {
                    this.state.logs = ["one", "two"]
                })
            }
        }

        register(Home, randomName("home"))
        window.Home()
        
        if(!($("p").style.fontSize === "4vw")) return "state did not update!"
    }

})