dioxus-mirror/packages/core/tests/kitchen_sink.rs

use dioxus::dioxus_core::{ElementId, Mutation};
use dioxus::prelude::*;
use pretty_assertions::assert_eq;

fn basic_syntax_is_a_template() -> Element {
    let asd = 123;
    let var = 123;

    rsx! {
        div {
            key: "{asd}",
            class: "asd",
            class: "{asd}",
            class: if true { "{asd}" },
            class: if false { "{asd}" },
            onclick: move |_| {},
            div { "{var}" }
            div {
                h1 { "var" }
                p { "you're great!" }
                div { background_color: "red",
                    h1 { "var" }
                    div {
                        b { "asd" }
                        "not great"
                    }
                }
                p { "you're great!" }
            }
        }
    }
}

#[test]
fn dual_stream() {
    let mut dom = VirtualDom::new(basic_syntax_is_a_template);
    let edits = dom.rebuild_to_vec();

    use Mutation::*;
    assert_eq!(edits.edits, {
        [
            LoadTemplate { index: 0, id: ElementId(1) },
            SetAttribute {
                name: "class",
                value: "asd 123 123 ".into_value(),
                id: ElementId(1),
                ns: None,
            },
            NewEventListener { name: "click".to_string(), id: ElementId(1) },
            CreateTextNode { value: "123".to_string(), id: ElementId(2) },
            ReplacePlaceholder { path: &[0, 0], m: 1 },
            AppendChildren { id: ElementId(0), m: 1 },
        ]
    });
}