ev_lib 0.3.5

EV-invest shared Rust libraries, one per feature
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

use dioxus::prelude::*;

use crate::cn;

const LABEL_BASE: &str = "flex items-center gap-2 text-sm leading-none font-medium select-none \
                          group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 \
                          peer-disabled:cursor-not-allowed peer-disabled:opacity-50";

#[component]
pub fn Label(#[props(default)] class: String, #[props(default)] r#for: String, children: Element) -> Element {
	let cls = cn!(LABEL_BASE, class);
	rsx! {
		label { class: cls, "data-slot": "label", r#for, {children} }
	}
}

#[cfg(test)]
mod tests {
	use super::*;
	use crate::uikit::test_util::render;

	#[test]
	fn renders_base_and_slot() {
		fn app() -> Element {
			rsx! { Label { "Name" } }
		}
		let html = render(app);
		assert!(html.contains("data-slot=\"label\""), "{html}");
		assert!(html.contains("select-none"), "{html}");
		assert!(html.contains("Name"), "{html}");
	}

	#[test]
	fn maps_for_attribute() {
		fn app() -> Element {
			rsx! {
				Label { r#for: "email", "Email" }
			}
		}
		let html = render(app);
		assert!(html.contains("for=\"email\""), "{html}");
	}

	#[test]
	fn class_override_wins() {
		fn app() -> Element {
			rsx! {
				Label { class: "text-base", "x" }
			}
		}
		let html = render(app);
		assert!(html.contains("text-base"), "{html}");
		assert!(!html.contains("text-sm"), "override should drop base text-sm: {html}");
	}
}