fix(app): fix tests for createstyles

lad-tech · Apr 19, 2024 · 894144e · 894144e
1 parent 82cc18a
commit 894144e
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 34 deletions.
diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInput.test.tsx.snap
@@ -54,9 +54,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = `
         style={
           [
             {
-              "alignItems": "center",
+              "alignItems": undefined,
               "backgroundColor": "#EEEFF1",
-              "borderColor": "rgba(32, 36, 45, 0.3)",
+              "borderColor": "transparent",
               "borderRadius": 12,
               "borderWidth": 1.5,
               "flexDirection": "row",
@@ -101,7 +101,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly 1`] = `
                 "paddingLeft": 27,
                 "paddingRight": 24,
                 "paddingVertical": 18,
-                "textAlignVertical": undefined,
+                "textAlignVertical": "top",
               },
               {
                 "color": "#20242D",
@@ -234,9 +234,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = `
         style={
           [
             {
-              "alignItems": "center",
+              "alignItems": undefined,
               "backgroundColor": "#EEEFF1",
-              "borderColor": "rgba(32, 36, 45, 0.3)",
+              "borderColor": "transparent",
               "borderRadius": 12,
               "borderWidth": 1.5,
               "flexDirection": "row",
@@ -281,7 +281,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly android 1`] = `
                 "paddingLeft": 27,
                 "paddingRight": 24,
                 "paddingVertical": 18,
-                "textAlignVertical": undefined,
+                "textAlignVertical": "top",
               },
               [
                 {
@@ -419,9 +419,9 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle
         style={
           [
             {
-              "alignItems": "center",
+              "alignItems": undefined,
               "backgroundColor": "#EEEFF1",
-              "borderColor": "rgba(32, 36, 45, 0.3)",
+              "borderColor": "transparent",
               "borderRadius": 12,
               "borderWidth": 1.5,
               "flexDirection": "row",
@@ -466,7 +466,7 @@ exports[`@lad-tech/mobydick-core/ChatInput renders correctly with containerStyle
                 "paddingLeft": 27,
                 "paddingRight": 24,
                 "paddingVertical": 18,
-                "textAlignVertical": undefined,
+                "textAlignVertical": "top",
               },
               {
                 "color": "#20242D",

diff --git a/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap b/packages/core/src/chat/components/__tests__/__snapshots__/ChatInputField.test.tsx.snap
@@ -23,9 +23,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = `
     style={
       [
         {
-          "alignItems": "center",
+          "alignItems": undefined,
           "backgroundColor": "#EEEFF1",
-          "borderColor": "rgba(32, 36, 45, 0.3)",
+          "borderColor": "transparent",
           "borderRadius": 12,
           "borderWidth": 1.5,
           "flexDirection": "row",
@@ -71,7 +71,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly 1`] = `
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": undefined,
+            "textAlignVertical": "top",
           },
           {
             "color": "#20242D",
@@ -211,9 +211,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2
     style={
       [
         {
-          "alignItems": "center",
+          "alignItems": undefined,
           "backgroundColor": "#EEEFF1",
-          "borderColor": "rgba(32, 36, 45, 0.3)",
+          "borderColor": "transparent",
           "borderRadius": 12,
           "borderWidth": 1.5,
           "flexDirection": "row",
@@ -258,7 +258,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly focused/blur 2
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": undefined,
+            "textAlignVertical": "top",
           },
           {
             "color": "#20242D",
@@ -304,9 +304,9 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`]
     style={
       [
         {
-          "alignItems": "center",
+          "alignItems": undefined,
           "backgroundColor": "#EEEFF1",
-          "borderColor": "rgba(32, 36, 45, 0.3)",
+          "borderColor": "transparent",
           "borderRadius": 12,
           "borderWidth": 1.5,
           "flexDirection": "row",
@@ -354,7 +354,7 @@ exports[`@lad-tech/mobydick-core/ChatInputField renders correctly with props 1`]
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": undefined,
+            "textAlignVertical": "top",
           },
           {
             "color": "#20242D",

diff --git a/...es/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap b/...es/core/src/inputs/components/InputField/__tests__/__snapshots__/InputField.test.tsx.snap
@@ -217,7 +217,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = `
     style={
       [
         {
-          "alignItems": undefined,
+          "alignItems": "center",
           "backgroundColor": "#D1D4DB",
           "borderColor": "#D1D4DB",
           "borderRadius": 12,
@@ -252,7 +252,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly disabled 2`] = `
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": "top",
+            "textAlignVertical": undefined,
           },
           {
             "color": "#20242D",
@@ -285,9 +285,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] =
     style={
       [
         {
-          "alignItems": undefined,
+          "alignItems": "center",
           "backgroundColor": "#EEEFF1",
-          "borderColor": "transparent",
+          "borderColor": "rgba(32, 36, 45, 0.3)",
           "borderRadius": 12,
           "borderWidth": 1.5,
           "flexDirection": "row",
@@ -320,7 +320,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly focused/blur 1`] =
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": "top",
+            "textAlignVertical": undefined,
           },
           {
             "color": "#20242D",
@@ -539,9 +539,9 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1
     style={
       [
         {
-          "alignItems": "center",
+          "alignItems": undefined,
           "backgroundColor": "#EEEFF1",
-          "borderColor": "rgba(32, 36, 45, 0.3)",
+          "borderColor": "transparent",
           "borderRadius": 12,
           "borderWidth": 1.5,
           "flexDirection": "row",
@@ -574,7 +574,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly multiline = true 1
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": undefined,
+            "textAlignVertical": "top",
           },
           [
             {
@@ -810,7 +810,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = `
     style={
       [
         {
-          "alignItems": undefined,
+          "alignItems": "center",
           "backgroundColor": "rgba(43, 120, 238, 0.15)",
           "borderColor": "#2B78EE",
           "borderRadius": 12,
@@ -845,7 +845,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly valid 2`] = `
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": "top",
+            "textAlignVertical": undefined,
           },
           {
             "color": "#20242D",
@@ -987,7 +987,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = `
     style={
       [
         {
-          "alignItems": undefined,
+          "alignItems": "center",
           "backgroundColor": "rgba(245, 77, 61, 0.15)",
           "borderColor": "#F54D3D",
           "borderRadius": 12,
@@ -1022,7 +1022,7 @@ exports[`@lad-tech/mobydick-core/InputField renders correctly wrong 2`] = `
             "paddingLeft": 27,
             "paddingRight": 24,
             "paddingVertical": 18,
-            "textAlignVertical": "top",
+            "textAlignVertical": undefined,
           },
           {
             "color": "#20242D",

diff --git a/packages/core/src/inputs/components/InputField/stylesCreate.ts b/packages/core/src/inputs/components/InputField/stylesCreate.ts
@@ -3,7 +3,7 @@ import {disabledStyle, validStyle, wrongStyle} from '../../style';
 import {createStyles, IThemeContext, rem} from '../../../styles';
 
 const defaultStyle = createStyles(
-  ({spaces, colors}, multiline: boolean, focused: boolean) => ({
+  ({spaces, colors}, focused: boolean, multiline: boolean) => ({
     container: {
       minWidth: rem(130),
     },

diff --git a/packages/core/src/other/components/Dots/Dot.tsx b/packages/core/src/other/components/Dots/Dot.tsx
@@ -19,7 +19,7 @@ const Dot = ({
   activeDotColor,
   passiveDotColor,
 }: IDot): JSX.Element => {
-  const [styles] = useStyles(stylesCreate, {size});
+  const [styles] = useStyles(stylesCreate, size);
   const {colors} = useTheme();
 
   const backgroundColor = useMemo(() => {

diff --git a/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts b/packages/core/src/other/components/Dots/__tests__/stylesCreate.test.ts
@@ -8,7 +8,7 @@ describe('dots/stylesCreate', () => {
   it('must return', () => {
     const {result} = renderHook(() => useTheme());
 
-    expect(stylesCreate(result.current, {size: 12})).toEqual({
+    expect(stylesCreate(result.current)).toEqual({
       dot: {
         width: rem(8),
         height: rem(8),

diff --git a/packages/core/src/other/components/Dots/stylesCreate.ts b/packages/core/src/other/components/Dots/stylesCreate.ts
@@ -1,7 +1,7 @@
 import rem from '../../../styles/utils/rem';
 import {createStyles} from '../../../styles';
 
-const stylesCreate = createStyles(({spaces}, {size = spaces.Space8}) => ({
+const stylesCreate = createStyles(({spaces}, size: number = spaces.Space8) => ({
   dot: {
     width: size,
     height: size,