Merge pull request #269 from dev-five-git/add-testcase

Add keyframe test code

Author: owjs3901

libs/sheet/src/lib.rs

@@ -755,6 +755,27 @@ mod tests {
         assert_debug_snapshot!(sheet.create_css());
     }
 
+    #[test]
+    fn test_selector_with_query() {
+        let mut sheet = StyleSheet::default();
+        sheet.add_property(
+            "test",
+            "my",
+            0,
+            "40px",
+            Some(
+                &StyleSelector::Media {
+                    query: "(min-width: 1024px)".to_string(),
+                    selector: Some("&:hover".to_string()),
+                }
+                .into(),
+            ),
+            None,
+        );
+
+        assert_debug_snapshot!(sheet.create_css());
+    }
+
     #[test]
     fn test_deserialize() {
         {
@@ -906,6 +927,30 @@ mod tests {
             Some(255),
         );
         assert_debug_snapshot!(sheet.create_css());
+
+        sheet.add_property(
+            "test",
+            "background-color",
+            0,
+            "red",
+            Some(&StyleSelector::Global(
+                "div".to_string(),
+                "test2.tsx".to_string(),
+            )),
+            Some(255),
+        );
+
+        sheet.add_property(
+            "test2",
+            "background-color",
+            0,
+            "red",
+            Some(&StyleSelector::Selector("&:hover".to_string()).into()),
+            Some(255),
+        );
+
+        sheet.rm_global_css("test.tsx");
+        assert_debug_snapshot!(sheet.create_css());
     }
 
     #[test]
@@ -988,4 +1033,69 @@ mod tests {
             "import \"package\";declare module \"package\"{interface ColorInterface{[`$(primary)`]:null;}interface TypographyInterface{[`prim\\`\\`ary`]:null;}interface ThemeInterface{dark:null;}}"
         );
     }
+
+    #[test]
+    fn test_keyframes() {
+        let mut sheet = StyleSheet::default();
+        let mut keyframes: BTreeMap<String, Vec<(String, String)>> = BTreeMap::new();
+
+        let mut from_props = BTreeSet::new();
+        from_props.insert(StyleSheetProperty {
+            class_name: String::from("test"),
+            property: String::from("opacity"),
+            value: String::from("0"),
+            selector: None,
+        });
+        keyframes.insert(
+            String::from("from"),
+            vec![(String::from("opacity"), String::from("0"))],
+        );
+
+        let mut to_props = BTreeSet::new();
+        to_props.insert(StyleSheetProperty {
+            class_name: String::from("test"),
+            property: String::from("opacity"),
+            value: String::from("1"),
+            selector: None,
+        });
+        keyframes.insert(
+            String::from("to"),
+            vec![(String::from("opacity"), String::from("1"))],
+        );
+
+        sheet.add_keyframes("fadeIn", keyframes);
+        let past = sheet.create_css();
+        assert_debug_snapshot!(past);
+
+        let mut keyframes: BTreeMap<String, Vec<(String, String)>> = BTreeMap::new();
+        let mut from_props = BTreeSet::new();
+        from_props.insert(StyleSheetProperty {
+            class_name: String::from("test"),
+            property: String::from("opacity"),
+            value: String::from("0"),
+            selector: None,
+        });
+        keyframes.insert(
+            String::from("from"),
+            vec![(String::from("opacity"), String::from("0"))],
+        );
+
+        let mut to_props = BTreeSet::new();
+        to_props.insert(StyleSheetProperty {
+            class_name: String::from("test"),
+            property: String::from("opacity"),
+            value: String::from("1"),
+            selector: None,
+        });
+        keyframes.insert(
+            String::from("to"),
+            vec![(String::from("opacity"), String::from("1"))],
+        );
+
+        sheet.add_keyframes("fadeIn", keyframes);
+
+        let now = sheet.create_css();
+        assert_debug_snapshot!(now);
+        assert_eq!(past, now);
+    }
 }

libs/sheet/src/snapshots/sheet__tests__create_css_with_global_selector-5.snap

@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: sheet.create_css()
+---
+"div{background-color:red}.test2:hover{background-color:red}"

libs/sheet/src/snapshots/sheet__tests__keyframes-2.snap

@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: now
+---
+"@keyframes fadeIn{from{opacity:0}to{opacity:1}}"

libs/sheet/src/snapshots/sheet__tests__keyframes-3.snap

@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: sheet.create_css()
+---
+"@keyframes fadeIn{from{opacity:0}to{opacity:1}}"

libs/sheet/src/snapshots/sheet__tests__keyframes.snap

@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: sheet.create_css()
+---
+"@keyframes fadeIn{from{opacity:0}to{opacity:1}}"

libs/sheet/src/snapshots/sheet__tests__selector_with_query.snap

@@ -0,0 +1,5 @@
+---
+source: libs/sheet/src/lib.rs
+expression: sheet.create_css()
+---
+"@media(min-width: 1024px){.test:hover{margin-top:40px;margin-bottom:40px}}"