hirola 0.3.0

Hirola is an un-opinionated web framework that is focused on simplicity and predictability
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

#![allow(unused_variables)]
use hirola::prelude::*;
use hirola_core::dom_test_utils::next_tick;
use wasm_bindgen::JsCast;
use wasm_bindgen_test::*;
use web_sys::{Element, Node};

wasm_bindgen_test_configure!(run_in_browser);

fn body() -> Node {
    let doc = web_sys::window().unwrap().document().unwrap();
    let element = doc.create_element("div").unwrap().into();
    element
}

fn inner_html(element: &Node) -> String {
    let element = element.dyn_ref::<Element>().unwrap();
    element.inner_html()
}

#[wasm_bindgen_test]
fn router_pushes() {
    let mut app: App<()> = App::new(());
    app.route("/", |_| {
        html! {
            <main>"Main"</main>
        }
    });
    app.route("/page", |_| {
        html! {
            <main>"Page"</main>
        }
    });
    let router = app.router().clone();
    let node = body();
    let root = app.mount_to(&node);
    assert_eq!("<main>Main</main>", inner_html(&node));
    router.push("/page");

    next_tick(move || {
        assert_eq!("<main>Page</main>", inner_html(&node));
    });
}

#[wasm_bindgen_test]
fn app_renders() {
    let mut app: App<()> = App::new(());
    fn test_app(app: &App<()>) -> Dom {
        html! {
            <span>"Test"</span>
        }
    }
    let node = &body();
    app.route("/", test_app);
    app.mount_to(&node);
    assert_eq!("<span>Test</span>", inner_html(&node));
}

#[wasm_bindgen_test]
fn router_renders() {
    let mut app: App<()> = App::new(());
    app.route("/", |_| {
        html! {
            <main>"Main"</main>
        }
    });
    let node = &body();
    let dom = app.mount_to(&node);
    assert_eq!("<main>Main</main>", inner_html(&node));
}