dioxus-mirror/packages/ssr/tests/styles.rs

use dioxus::prelude::*;

#[test]
fn static_styles() {
    fn app() -> Element {
        rsx! { div { width: "100px" } }
    }

    let mut dom = VirtualDom::new(app);
    dom.rebuild(&mut dioxus_core::NoOpMutations);

    assert_eq!(
        dioxus_ssr::render(&dom),
        r#"<div style="width:100px;"></div>"#
    );
}

#[test]
fn partially_dynamic_styles() {
    let dynamic = 123;

    assert_eq!(
        dioxus_ssr::render_element(rsx! {
            div { width: "100px", height: "{dynamic}px" }
        }),
        r#"<div style="width:100px;height:123px;"></div>"#
    );
}

#[test]
fn dynamic_styles() {
    let dynamic = 123;

    assert_eq!(
        dioxus_ssr::render_element(rsx! {
            div { width: "{dynamic}px" }
        }),
        r#"<div style="width:123px;"></div>"#
    );
}