test: Fixed unit tests

agrawal-rohit · Dec 16, 2023 · 6034e18 · 6034e18
1 parent 6129684
commit 6034e18
Show file tree

Hide file tree

Showing 61 changed files with 23,594 additions and 14,337 deletions.
diff --git a/docs/docs/utils/hooks/useDimensions.mdx b/docs/docs/utils/hooks/useDimensions.mdx
diff --git a/docs/sidebars.js b/docs/sidebars.js
@@ -115,7 +115,6 @@ module.exports = {
         "utils/hooks/useTheme",
         "utils/hooks/useStyleProps",
         "utils/hooks/useMotiWithStyleProps",
-        "utils/hooks/useDimensions",
         "utils/hooks/useColorScheme",
         "utils/hooks/useColorModeValue",
         "utils/hooks/useResponsiveProp",

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -300,7 +300,6 @@ html[data-theme="dark"] .menu__link[href*="Badge"]:after {
 .menu__link[href*="Switch"]:before,
 .menu__link[href*="responsivity"]:before,
 .menu__link[href*="animation-support"]:before,
-.menu__link[href*="useDimensions"]:before,
 .menu__link[href*="useMotiWithStyleProps"]:before,
 .menu__link[href*="useDynamicStateStyle"]:before,
 .menu__link[href*="useFocusedState"]:before,

diff --git a/package.json b/package.json
@@ -135,10 +135,6 @@
       {
         "name": "beta",
         "prerelease": true
-      },
-      {
-        "name": "alpha",
-        "prerelease": true
       }
     ],
     "prepare": [

diff --git a/...ests/__snapshots__/pearlify.spec.tsx.snap → src/__snapshots__/pearl.spec.tsx.snap b/...ests/__snapshots__/pearlify.spec.tsx.snap → src/__snapshots__/pearl.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`pearl/atoms passes the snapshot test for a <Text> component 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
@@ -12,9 +12,12 @@ exports[`pearl/atoms passes the snapshot test for a <Text> component 1`] = `
     color="success.400"
     fontFamily="body"
     fontWeight="hairline"
-    style={
-      Object {
-        "display": "flex",
+    style={{}}
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   >
@@ -26,21 +29,21 @@ exports[`pearl/atoms passes the snapshot test for a <Text> component 1`] = `
 exports[`pearl/atoms passes the snapshot test for a <View> component 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <View
     box1={
-      Object {
+      {
         "backgroundColor": "success.500",
         "height": 50,
         "width": 50,
       }
     }
     root={
-      Object {
+      {
         "backgroundColor": "danger.400",
         "boxShadow": "4xl",
         "height": 200,
@@ -49,13 +52,12 @@ exports[`pearl/atoms passes the snapshot test for a <View> component 1`] = `
       }
     }
     style={
-      Object {
+      {
         "backgroundColor": "#FF8371",
-        "display": "flex",
         "elevation": 28,
         "height": 200,
         "shadowColor": "#1A2138",
-        "shadowOffset": Object {
+        "shadowOffset": {
           "height": 28,
           "width": 0,
         },
@@ -64,22 +66,32 @@ exports[`pearl/atoms passes the snapshot test for a <View> component 1`] = `
         "width": 200,
       }
     }
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
+      }
+    }
   />
 </View>
 `;
 
 exports[`pearl/basic passes the snapshot test for a <Text> component 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <Text
-    style={
-      Object {
-        "display": "flex",
+    style={{}}
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   >
@@ -91,15 +103,18 @@ exports[`pearl/basic passes the snapshot test for a <Text> component 1`] = `
 exports[`pearl/basic passes the snapshot test for a <View> component 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <View
-    style={
-      Object {
-        "display": "flex",
+    style={{}}
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   />
@@ -109,56 +124,59 @@ exports[`pearl/basic passes the snapshot test for a <View> component 1`] = `
 exports[`pearl/molecules passes the snapshot test for a <View> component 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <View
+    animate={{}}
     animatedStyle={
-      Object {
-        "value": Object {
-          "transform": Array [],
-        },
+      {
+        "value": {},
       }
     }
     collapsable={false}
-    style={
-      Object {
-        "display": "flex",
-        "transform": Array [],
+    style={{}}
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   >
     <View
+      animate={{}}
       animatedStyle={
-        Object {
-          "value": Object {
-            "transform": Array [],
-          },
+        {
+          "value": {},
         }
       }
       collapsable={false}
-      style={
-        Object {
-          "display": "flex",
-          "transform": Array [],
+      style={{}}
+      transition={
+        {
+          "dampingRatio": 1,
+          "duration": 100,
+          "type": "spring",
         }
       }
     />
     <View
+      animate={{}}
       animatedStyle={
-        Object {
-          "value": Object {
-            "transform": Array [],
-          },
+        {
+          "value": {},
         }
       }
       collapsable={false}
-      style={
-        Object {
-          "display": "flex",
-          "transform": Array [],
+      style={{}}
+      transition={
+        {
+          "dampingRatio": 1,
+          "duration": 100,
+          "type": "spring",
         }
       }
     />

diff --git a/src/components/Atoms/Box/__snapshots__/Box.spec.tsx.snap b/src/components/Atoms/Box/__snapshots__/Box.spec.tsx.snap
@@ -3,24 +3,25 @@
 exports[`Atoms/Box passes the basic snapshot test 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <View
+    animate={{}}
     animatedStyle={
-      Object {
-        "value": Object {
-          "transform": Array [],
-        },
+      {
+        "value": {},
       }
     }
     collapsable={false}
-    style={
-      Object {
-        "display": "flex",
-        "transform": Array [],
+    style={{}}
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   >

diff --git a/src/components/Atoms/Center/__snapshots__/Center.spec.tsx.snap b/src/components/Atoms/Center/__snapshots__/Center.spec.tsx.snap
@@ -3,26 +3,38 @@
 exports[`Atoms/Center passes the snapshot test 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
 >
   <View
+    animate={
+      {
+        "alignItems": "center",
+        "justifyContent": "center",
+      }
+    }
     animatedStyle={
-      Object {
-        "value": Object {
-          "transform": Array [],
+      {
+        "value": {
+          "alignItems": "center",
+          "justifyContent": "center",
         },
       }
     }
     collapsable={false}
     style={
-      Object {
+      {
         "alignItems": "center",
-        "display": "flex",
         "justifyContent": "center",
-        "transform": Array [],
+      }
+    }
+    transition={
+      {
+        "dampingRatio": 1,
+        "duration": 100,
+        "type": "spring",
       }
     }
   >