sam/Quill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Observed Object reactivity with array

Browse Source
This commit is contained in:
metacryst
2024-03-27 14:30:28 -05:00
parent 7231a5bdac
commit ec2ae3229a
3 changed files with 126 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Test/observedobject.test.js
View File

@@ -26,6 +26,19 @@ window.testSuites.push( class testObservedObject {
}
}
// MustInitAllFields() {
// class Form extends ObservedObject {
// id
// path
// $canvasPosition
// }
// let obj = Form.decode({id: "123", path: "/", canvasPosition: "25|25"})
// if(!(obj && obj["id"] === "123" && obj["path"] === "/" && obj["canvasPosition"] === "25|25")) {
// return "Not all fields initialized!"
// }
// }
// ChangingObjChangesInstance() {
// class Form extends ObservedObject {
// id

54
Test/render.test.js
View File

@@ -98,11 +98,10 @@ window.testSuites.push( class testRender {
let Form = class Form extends ObservedObject {
id
$path
$children
$canvasPosition
}
let object = Form.decode({id: "123", path: "/", children: [], canvasPosition: "25|25"});
let object = Form.decode({id: "123", path: "/", canvasPosition: "25|25"});
register(class File extends Shadow {
$$form
@@ -127,39 +126,34 @@ window.testSuites.push( class testRender {
}
}
// ObservedObjectWithArray() {
// let Form = class Form extends ObservedObject {
// id
// $path
// $children
// $canvasPosition
// }
ObservedObjectWithArray() {
let Form = class Form extends ObservedObject {
id
$children
}
// let object = Form.decode({id: "123", path: "/", children: [], canvasPosition: "25|25"});
let object = Form.decode({id: "123", children: [{path: "berry"}, {path: "blue"}]});
// register(class File extends Shadow {
// $$form
register(class File extends Shadow {
$$form
// render = () => {
// p(this.form.path)
// }
// }, randomName("file"))
render = () => {
ForEach(this.form.children, (child) => {
p(child.path)
})
}
}, randomName("file"))
// let file = File(object)
let file = File(object)
// if(file.firstChild?.innerText !== "/") {
// return "Path is not inside of paragraph tag"
// }
if(file.firstChild?.innerText !== "berry" || file.children[1].innerText !== "blue") {
return "Paths did not render correctly in children"
}
// file.form.children.push("hello")
// object.path = "/asd"
// if(file.form.path !== "/asd") {
// return "Path did not change when changing original object"
// }
// if(file.firstChild?.innerText !== "/asd") {
// return "Observed Object did not cause a reactive change"
// }
// }
file.form.children.push({path: "hello"})
if(file.children.length !== 3) {
return "No reactivity for adding children"
}
}
})