fc-dioxus 0.1.1

Typed, accessible Dioxus components over future-css
Documentation 
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

//! The diff view draws upstream's fc-diff output with every non-colour cue.
#![forbid(unsafe_code)]

use fc_dioxus::prelude::*;

#[test]
fn every_change_carries_a_glyph_a_label_and_data_fc_diff() {
    let html = dioxus_ssr::render_element(rsx! {
        FutureCss { stylesheets: Stylesheets::External,
            DiffView { before: "a\nb\n", after: "a\nc\n" }
        }
    });
    assert!(html.contains(r#"data-fc-diff="add""#), "{html}");
    assert!(html.contains(r#"data-fc-diff="remove""#), "{html}");
    assert!(html.contains(r#"aria-label="Added: c""#), "{html}");
    assert!(html.contains(r#"aria-label="Removed: b""#), "{html}");
    assert!(html.contains("+1") && html.contains("−1"), "{html}");
}

#[test]
fn folded_lines_stay_in_the_dom() {
    let before: String = (1..=20).map(|n| n.to_string() + "\n").collect();
    let after = before.replace("10\n", "ten\n");
    let html = dioxus_ssr::render_element(rsx! {
        FutureCss { stylesheets: Stylesheets::External,
            DiffView { before: before.clone(), after, context: 1 }
        }
    });
    assert!(html.contains("unchanged lines"), "{html}");
    assert_eq!(
        html.matches("fc-diff__line").count(),
        21,
        "every line is still rendered"
    );
}