css_ast/rules/media/features/
width.rs

1use super::prelude::*;
2use crate::units::Length;
3
4ranged_feature!(
5	#[derive(ToCursors, ToSpan, SemanticEq, Debug, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
6	#[cfg_attr(feature = "serde", derive(serde::Serialize), serde())]
7	#[derive(csskit_derives::FeatureMetadata)]
8	#[feature_metadata(CssAtomSet::Width)]
9	#[cfg_attr(feature = "visitable", derive(csskit_derives::Visitable), visit)]
10	#[derive(csskit_derives::NodeWithMetadata)]
11	pub enum WidthMediaFeature{CssAtomSet::Width | CssAtomSet::MinWidth | CssAtomSet::MaxWidth, Length}
12);
13
14#[cfg(test)]
15mod tests {
16	use super::*;
17	use crate::{CssAtomSet, FeatureMetadata, RangedForm};
18	use css_parse::{assert_parse, assert_parse_error};
19
20	#[test]
21	fn size_test() {
22		assert_eq!(std::mem::size_of::<WidthMediaFeature>(), 124);
23	}
24
25	#[test]
26	fn test_feature_metadata_exact() {
27		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width:360px)", |node| {
28			assert!(matches!(
29				node.feature_metadata(),
30				crate::ConditionalFeature::Ranged { name: CssAtomSet::Width, form: RangedForm::Exact { .. } }
31			));
32		});
33	}
34
35	#[test]
36	fn test_feature_metadata_legacy_min() {
37		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(min-width:35rem)", |node| {
38			assert!(matches!(
39				node.feature_metadata(),
40				crate::ConditionalFeature::Ranged { name: CssAtomSet::Width, form: RangedForm::LegacyMin { .. } }
41			));
42		});
43	}
44
45	#[test]
46	fn test_feature_metadata_legacy_max() {
47		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(max-width:35rem)", |node| {
48			assert!(matches!(
49				node.feature_metadata(),
50				crate::ConditionalFeature::Ranged { name: CssAtomSet::Width, form: RangedForm::LegacyMax { .. } }
51			));
52		});
53	}
54
55	#[test]
56	fn test_feature_metadata_left_comparison() {
57		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width<=800px)", |node| {
58			let crate::ConditionalFeature::Ranged { name, form: RangedForm::Left { comparison, .. } } =
59				node.feature_metadata()
60			else {
61				panic!("expected Ranged::Left");
62			};
63			assert_eq!(name, CssAtomSet::Width);
64			assert_eq!(comparison.to_string(), "<=");
65		});
66	}
67
68	#[test]
69	fn test_feature_metadata_right_comparison() {
70		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px<=width)", |node| {
71			let crate::ConditionalFeature::Ranged { name, form: RangedForm::Right { comparison, .. } } =
72				node.feature_metadata()
73			else {
74				panic!("expected Ranged::Right");
75			};
76			assert_eq!(name, CssAtomSet::Width);
77			assert_eq!(comparison.to_string(), "<=");
78		});
79	}
80
81	#[test]
82	fn test_feature_metadata_range() {
83		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px<width<1400px)", |node| {
84			let crate::ConditionalFeature::Ranged { name, form: RangedForm::Range { left_cmp, right_cmp, .. } } =
85				node.feature_metadata()
86			else {
87				panic!("expected Ranged::Range");
88			};
89			assert_eq!(name, CssAtomSet::Width);
90			assert_eq!(left_cmp.to_string(), "<");
91			assert_eq!(right_cmp.to_string(), "<");
92		});
93	}
94
95	#[test]
96	fn test_writes() {
97		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width:360px)");
98		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width:35rem)");
99		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(min-width:35rem)");
100		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(max-width:35rem)");
101		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width<=800px)");
102		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width>=1400px)");
103		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width>=1400px)");
104		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(width=1400px)");
105		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(1400px=width)");
106		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px<=width)");
107		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px<width<1400px)");
108		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px>width<1400px)");
109		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px>=width<=1400px)");
110		assert_parse!(CssAtomSet::ATOMS, WidthMediaFeature, "(100px<=width>1400px)");
111	}
112
113	#[test]
114	fn test_errors() {
115		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(width:)");
116		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(width: > 10px)");
117		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(max-width > 10px)");
118		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(min-width > 10px)");
119		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(width: 1%)");
120		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(width: 1%)");
121		assert_parse_error!(CssAtomSet::ATOMS, WidthMediaFeature, "(pointer: 1px)");
122	}
123}
css_ast/rules/media/features/width.rs

css_ast/rules/media/features/
width.rs
