dioxus-mirror/packages/router/tests/via_ssr/outlet.rs

#![allow(unused)]

use std::rc::Rc;

use dioxus::prelude::*;
use dioxus_history::{History, MemoryHistory};
use dioxus_router::components::HistoryProvider;
use dioxus_router::prelude::*;

fn prepare(path: impl Into<String>) -> VirtualDom {
    let mut vdom = VirtualDom::new_with_props(
        App,
        AppProps {
            path: path.into().parse().unwrap(),
        },
    );
    vdom.rebuild_in_place();
    return vdom;

    #[derive(Routable, Clone, PartialEq)]
    #[rustfmt::skip]
    enum Route {
        #[route("/")]
        RootIndex {},
        #[nest("/fixed")]
            #[layout(Fixed)]
                #[route("/")]
                FixedIndex {},
                #[route("/fixed")]
                FixedFixed {},
            #[end_layout]
        #[end_nest]
        #[nest("/:id")]
            #[layout(Parameter)]
                #[route("/")]
                ParameterIndex { id: u8 },
                #[route("/fixed")]
                ParameterFixed { id: u8 },
    }

    #[component]
    fn App(path: Route) -> Element {
        rsx! {
            h1 { "App" }
            HistoryProvider {
                history:  move |_| Rc::new(MemoryHistory::with_initial_path(path.clone())) as Rc<dyn History>,
                Router::<Route> {}
            }
        }
    }

    #[component]
    fn RootIndex() -> Element {
        rsx! { h2 { "Root Index" } }
    }

    #[component]
    fn Fixed() -> Element {
        rsx! {
            h2 { "Fixed" }
            Outlet::<Route> { }
        }
    }

    #[component]
    fn FixedIndex() -> Element {
        rsx! { h3 { "Fixed - Index" } }
    }

    #[component]
    fn FixedFixed() -> Element {
        rsx! { h3 { "Fixed - Fixed"} }
    }

    #[component]
    fn Parameter(id: u8) -> Element {
        rsx! {
            h2 { "Parameter {id}" }
            Outlet::<Route> { }
        }
    }

    #[component]
    fn ParameterIndex(id: u8) -> Element {
        rsx! { h3 { "Parameter - Index" } }
    }

    #[component]
    fn ParameterFixed(id: u8) -> Element {
        rsx! { h3 { "Parameter - Fixed" } }
    }
}

#[test]
fn root_index() {
    let vdom = prepare("/");
    let html = dioxus_ssr::render(&vdom);

    assert_eq!(html, "<h1>App</h1><h2>Root Index</h2>");
}

#[test]
fn fixed() {
    let vdom = prepare("/fixed");
    let html = dioxus_ssr::render(&vdom);

    assert_eq!(html, "<h1>App</h1><h2>Fixed</h2><h3>Fixed - Index</h3>");
}

#[test]
fn fixed_fixed() {
    let vdom = prepare("/fixed/fixed");
    let html = dioxus_ssr::render(&vdom);

    assert_eq!(html, "<h1>App</h1><h2>Fixed</h2><h3>Fixed - Fixed</h3>");
}

#[test]
fn parameter() {
    let vdom = prepare("/18");
    let html = dioxus_ssr::render(&vdom);

    assert_eq!(
        html,
        "<h1>App</h1><h2>Parameter 18</h2><h3>Parameter - Index</h3>"
    );
}

#[test]
fn parameter_fixed() {
    let vdom = prepare("/18/fixed");
    let html = dioxus_ssr::render(&vdom);

    assert_eq!(
        html,
        "<h1>App</h1><h2>Parameter 18</h2><h3>Parameter - Fixed</h3>"
    );
}