101 lines
2.5 KiB
Rust
101 lines
2.5 KiB
Rust
#![allow(unused, non_upper_case_globals)]
|
|
#![allow(non_snake_case)]
|
|
|
|
//! Diffing Tests
|
|
//!
|
|
//! These tests only verify that the diffing algorithm works properly for single components.
|
|
//!
|
|
//! It does not validated that component lifecycles work properly. This is done in another test file.
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn new_dom() -> VirtualDom {
|
|
VirtualDom::new(|cx| render!("hi"))
|
|
}
|
|
|
|
use dioxus_core::DomEdit::*;
|
|
|
|
/// Should push the text node onto the stack and modify it
|
|
#[test]
|
|
fn nested_passthru_creates() {
|
|
fn app(cx: Scope) -> Element {
|
|
cx.render(rsx! {
|
|
Child {
|
|
Child {
|
|
Child {
|
|
div {
|
|
"hi"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
};
|
|
|
|
#[inline_props]
|
|
fn Child<'a>(cx: Scope, children: Element<'a>) -> Element {
|
|
cx.render(rsx! { children })
|
|
};
|
|
|
|
let mut dom = VirtualDom::new(app);
|
|
let mut channel = dom.get_scheduler_channel();
|
|
assert!(dom.has_work());
|
|
|
|
let edits = dom.rebuild();
|
|
assert_eq!(
|
|
edits.edits,
|
|
[
|
|
CreateElement { tag: "div", root: 1 },
|
|
CreateTextNode { text: "hi", root: 2 },
|
|
AppendChildren { many: 1 },
|
|
AppendChildren { many: 1 },
|
|
]
|
|
)
|
|
}
|
|
|
|
/// Should push the text node onto the stack and modify it
|
|
#[test]
|
|
fn nested_passthru_creates_add() {
|
|
fn app(cx: Scope) -> Element {
|
|
cx.render(rsx! {
|
|
Child {
|
|
"1"
|
|
Child {
|
|
"2"
|
|
Child {
|
|
"3"
|
|
div {
|
|
"hi"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
};
|
|
|
|
#[inline_props]
|
|
fn Child<'a>(cx: Scope, children: Element<'a>) -> Element {
|
|
cx.render(rsx! {
|
|
children
|
|
})
|
|
};
|
|
|
|
let mut dom = VirtualDom::new(app);
|
|
let mut channel = dom.get_scheduler_channel();
|
|
assert!(dom.has_work());
|
|
|
|
let edits = dom.rebuild();
|
|
assert_eq!(
|
|
edits.edits,
|
|
[
|
|
CreateTextNode { text: "1", root: 1 },
|
|
CreateTextNode { text: "2", root: 2 },
|
|
CreateTextNode { text: "3", root: 3 },
|
|
CreateElement { tag: "div", root: 4 },
|
|
CreateTextNode { text: "hi", root: 5 },
|
|
AppendChildren { many: 1 },
|
|
AppendChildren { many: 4 },
|
|
]
|
|
)
|
|
}
|