velox-style 0.1.2

CSS parsing and styling for the Velox UI framework
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

use velox_dom::{Props, VNode, h, text};
use velox_style::{Stylesheet, apply_styles_with_hover};

#[test]
fn hover_selector_applies_conditionally() {
    let css = r#"
div:hover { color: blue; }
.btn:hover { background: yellow; }
"#;
    let ss = Stylesheet::parse(css);
    let vnode = h("div", Props::new().set("class", "btn"), vec![text("x")]);

    // Not hovered
    let styled = apply_styles_with_hover(&vnode, &ss, &|_, _| false);
    if let VNode::Element { props, .. } = styled {
        assert!(!props.attrs.contains_key("style"));
    }

    // Hovered
    let styled2 = apply_styles_with_hover(&vnode, &ss, &|tag, _| tag == "div");
    if let VNode::Element { props, .. } = styled2 {
        let style = props.attrs.get("style").unwrap();
        assert!(style.contains("color: blue;"));
        assert!(style.contains("background: yellow;"));
    } else {
        panic!("expected element");
    }
}