Storybook update tests

plgd-dev · Apr 17, 2024 · 1ca849f · 1ca849f
1 parent 94b8f0a
commit 1ca849f
Show file tree

Hide file tree

Showing 6 changed files with 144 additions and 40 deletions.
diff --git a/src/components/Atomic/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/src/components/Atomic/Checkbox/__snapshots__/Checkbox.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`<Checkbox> render correctly - snapshot 1`] = `
   align-items: flex-start;
   position: relative;
   overflow: hidden;
+  padding-bottom: 2px;
 }
 
 .emotion-1 {

diff --git a/src/components/Atomic/FormGroup/__snapshots__/FormGroup.test.tsx.snap b/src/components/Atomic/FormGroup/__snapshots__/FormGroup.test.tsx.snap
@@ -246,6 +246,28 @@ exports[`<FormGroup> render correctly - snapshot 1`] = `
   cursor: pointer;
   -webkit-transition: all 0.25ms;
   transition: all 0.25ms;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .emotion-17 svg {

diff --git a/src/components/Atomic/FormInput/__snapshots__/FormInput.test.tsx.snap b/src/components/Atomic/FormInput/__snapshots__/FormInput.test.tsx.snap
@@ -222,6 +222,28 @@ exports[`<FormInput> render correctly - snapshot 1`] = `
   cursor: pointer;
   -webkit-transition: all 0.25ms;
   transition: all 0.25ms;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .emotion-6 svg {
@@ -233,6 +255,28 @@ exports[`<FormInput> render correctly - snapshot 1`] = `
   cursor: pointer;
   -webkit-transition: all 0.25ms;
   transition: all 0.25ms;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .emotion-9 svg {

diff --git a/src/components/Atomic/FormTextarea/__snapshots__/FormTextarea.test.tsx.snap b/src/components/Atomic/FormTextarea/__snapshots__/FormTextarea.test.tsx.snap
@@ -222,6 +222,28 @@ exports[`<FormInput> render correctly - snapshot 1`] = `
   cursor: pointer;
   -webkit-transition: all 0.25ms;
   transition: all 0.25ms;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .emotion-6 svg {
@@ -233,6 +255,28 @@ exports[`<FormInput> render correctly - snapshot 1`] = `
   cursor: pointer;
   -webkit-transition: all 0.25ms;
   transition: all 0.25ms;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 24px;
+  height: 24px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 .emotion-9 svg {

diff --git a/src/components/Atomic/Radio/__snapshots__/Radio.test.tsx.snap b/src/components/Atomic/Radio/__snapshots__/Radio.test.tsx.snap
@@ -23,6 +23,7 @@ exports[`<Radio> render correctly - snapshot 1`] = `
   align-items: flex-start;
   position: relative;
   overflow: hidden;
+  padding-bottom: 2px;
   margin: 0 12px;
 }
 

diff --git a/src/components/Layout/LeftPanel/__snapshots__/LeftPanel.test.tsx.snap b/src/components/Layout/LeftPanel/__snapshots__/LeftPanel.test.tsx.snap
@@ -10,13 +10,11 @@ exports[`<LeftPanel> render correctly - snapshot 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   -webkit-flex: 0 0 280px;
   -ms-flex: 0 0 280px;
   flex: 0 0 280px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
 }
 
 .emotion-1 {
@@ -33,8 +31,8 @@ exports[`<LeftPanel> render correctly - snapshot 1`] = `
   justify-content: flex-start;
   overflow: hidden;
   position: relative;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   height: 80px;
 }
 
@@ -52,8 +50,8 @@ exports[`<LeftPanel> render correctly - snapshot 1`] = `
   position: absolute;
   left: 24px;
   top: 24px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   cursor: pointer;
 }
 
@@ -71,8 +69,8 @@ exports[`<LeftPanel> render correctly - snapshot 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
 }
 
 .emotion-2 .menu-list-group+.menu-list-group {
@@ -1167,13 +1165,11 @@ exports[`<LeftPanel> render correctly - snapshot 2`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   -webkit-flex: 0 0 280px;
   -ms-flex: 0 0 280px;
   flex: 0 0 280px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
 }
 
 .emotion-1 {
@@ -1190,8 +1186,8 @@ exports[`<LeftPanel> render correctly - snapshot 2`] = `
   justify-content: flex-start;
   overflow: hidden;
   position: relative;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   height: 80px;
 }
 
@@ -1209,8 +1205,8 @@ exports[`<LeftPanel> render correctly - snapshot 2`] = `
   position: absolute;
   left: 24px;
   top: 24px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   cursor: pointer;
 }
 
@@ -1228,8 +1224,8 @@ exports[`<LeftPanel> render correctly - snapshot 2`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
 }
 
 .emotion-2 .menu-list-group+.menu-list-group {
@@ -2324,13 +2320,11 @@ exports[`<LeftPanel> render correctly - snapshot 3`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   -webkit-flex: 0 0 280px;
   -ms-flex: 0 0 280px;
   flex: 0 0 280px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
 }
 
 .emotion-1 {
@@ -2347,8 +2341,8 @@ exports[`<LeftPanel> render correctly - snapshot 3`] = `
   justify-content: flex-start;
   overflow: hidden;
   position: relative;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   height: 80px;
 }
 
@@ -2366,8 +2360,8 @@ exports[`<LeftPanel> render correctly - snapshot 3`] = `
   position: absolute;
   left: 24px;
   top: 24px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   cursor: pointer;
 }
 
@@ -2385,8 +2379,8 @@ exports[`<LeftPanel> render correctly - snapshot 3`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
 }
 
 .emotion-2 .menu-list-group+.menu-list-group {
@@ -3481,13 +3475,11 @@ exports[`<LeftPanel> render correctly - snapshot 4`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   -webkit-flex: 0 0 280px;
   -ms-flex: 0 0 280px;
   flex: 0 0 280px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
   -webkit-flex: 0 0 84px;
   -ms-flex: 0 0 84px;
   flex: 0 0 84px;
@@ -3507,8 +3499,8 @@ exports[`<LeftPanel> render correctly - snapshot 4`] = `
   justify-content: flex-start;
   overflow: hidden;
   position: relative;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   height: 80px;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
@@ -3531,8 +3523,8 @@ exports[`<LeftPanel> render correctly - snapshot 4`] = `
   position: absolute;
   left: 24px;
   top: 24px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   cursor: pointer;
 }
 
@@ -3554,8 +3546,8 @@ exports[`<LeftPanel> render correctly - snapshot 4`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
   padding: 0 22px;
 }