tailwind_fuse 0.3.2

Tailwind Merge and Variants
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

use tailwind_fuse::merge::{tw_merge_options, tw_merge_override, MergeOptions};

#[test]
fn test_collisions() {
    pub fn tw_merge(class: &str) -> String {
        tw_merge_override(
            &[class],
            Default::default(),
            collision_id_fn,
            get_collisions,
        )
    }

    pub fn collision_id_fn(elements: &[&str], _: Option<&str>) -> Option<&'static str> {
        match elements {
            ["bg", "red", _] => Some("america"),
            ["bg", "white"] => Some("america"),
            ["bg", "blue", _] => Some("america"),
            ["flex"] => Some("florida"),
            _ => None,
        }
    }

    pub fn get_collisions(collision_id: &str) -> Option<Vec<&'static str>> {
        match collision_id {
            "florida" => Some(vec!["america"]),
            _ => None,
        }
    }

    let class = "bg-red-500 bg-black";
    let result = tw_merge(class);
    assert_eq!(class, result);

    let result = tw_merge("bg-white bg-red-500");
    assert_eq!("bg-red-500", result);

    let result = tw_merge("bg-white flex");
    assert_eq!("flex", result);
}

#[test]
fn test_override_config() {
    let config = MergeOptions {
        prefix: "tw-",
        separator: "|",
    };

    let class = "hover|lg|tw-bg-blue-100 hover|lg|tw-bg-red-500";
    let result = tw_merge_options(class, config);
    assert_eq!("hover|lg|tw-bg-red-500", result);

    let class = "tw-bg-blue-100 bg-red-500";
    let result = tw_merge_options(class, config);
    assert_eq!(
        class, result,
        "No conflict because non-prefix is not considered tailwind class"
    )
}