71 lines
1.8 KiB
JavaScript
71 lines
1.8 KiB
JavaScript
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!"
|
|
}
|
|
|
|
}) |