css_ast 0.0.28

CSS Abstract Syntax Trees with visitable nodes and style value types.
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

use super::prelude::*;

/// <https://drafts.csswg.org/css-shapes/#funcdef-basic-shape-inset>
///
/// ```text,ignore
/// <inset()> = inset(
///   <length-percentage>{1,4}
///   [ round <'border-radius'> ]?
/// )
/// ```
#[derive(Parse, Peek, ToCursors, ToSpan, SemanticEq, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
#[cfg_attr(feature = "serde", derive(serde::Serialize), serde())]
#[cfg_attr(feature = "visitable", derive(csskit_derives::Visitable), visit(self))]
#[derive(csskit_derives::NodeWithMetadata)]
pub struct InsetFunction<'a> {
	#[atom(CssAtomSet::Inset)]
	pub name: T![Function],
	pub params: InsetFunctionParams<'a>,
	#[semantic_eq(skip)]
	pub close: T![')'],
}

#[syntax(" <length-percentage>{1,4} [ round <'border-radius'> ]? ")]
#[derive(Parse, Peek, ToSpan, ToCursors, SemanticEq, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
#[cfg_attr(feature = "serde", derive(serde::Serialize), serde())]
pub struct InsetFunctionParams<'a>;

#[cfg(test)]
mod tests {
	use super::*;
	use crate::CssAtomSet;
	use css_parse::{assert_parse, assert_parse_error, assert_peek_false};

	#[test]
	fn test_parses() {
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(100%)");
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(10px 20px)");
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(10px 20px 30px)");
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(10px 20px 30px 40px)");
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(10px round 5px)");
		assert_parse!(CssAtomSet::ATOMS, InsetFunction, "inset(10px round 5px / 10px)");
	}

	#[test]
	fn test_errors() {
		assert_peek_false!(CssAtomSet::ATOMS, InsetFunction, "circle(10px)");
		assert_parse_error!(CssAtomSet::ATOMS, InsetFunction, "inset()");
		assert_parse_error!(CssAtomSet::ATOMS, InsetFunction, "inset(10px 20px 30px 40px 50px)");
	}
}