Update snapshot tests to match the updating formatting

WordPress · Dec 23, 2021 · 06889be · 06889be
1 parent 40775de
commit 06889be
Show file tree

Hide file tree

Showing 18 changed files with 118 additions and 118 deletions.
diff --git a/packages/block-editor/src/components/color-palette/test/__snapshots__/control.js.snap b/packages/block-editor/src/components/color-palette/test/__snapshots__/control.js.snap
@@ -31,7 +31,7 @@ exports[`ColorPaletteControl matches the snapshot 1`] = `
   justify-content: space-between;
 }
 
-.emotion-4>*+*:not( marquee ) {
+.emotion-4>*+*:not(marquee) {
   margin-top: calc(4px * 1);
 }
 
@@ -56,7 +56,7 @@ exports[`ColorPaletteControl matches the snapshot 1`] = `
   justify-content: space-between;
 }
 
-.emotion-6>*+*:not( marquee ) {
+.emotion-6>*+*:not(marquee) {
   margin-top: calc(4px * 3);
 }
 

diff --git a/packages/components/src/base-field/test/__snapshots__/index.js.snap b/packages/components/src/base-field/test/__snapshots__/index.js.snap
@@ -105,7 +105,7 @@ exports[`base field should render correctly 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 

diff --git a/packages/components/src/card/test/__snapshots__/index.js.snap b/packages/components/src/card/test/__snapshots__/index.js.snap
@@ -9,7 +9,7 @@ Snapshot Diff:
   <div>
     <div
 -     class="components-card__body components-card-body css-1lr0m0h-View-Body-borderRadius-medium em57xhy0"
-+     class="components-scrollable components-card__body components-card-body css-qqu4qj-View-Scrollable-scrollableScrollbar-scrollY-Body-borderRadius-medium em57xhy0"
++     class="components-scrollable components-card__body components-card-body css-3fnztm-View-Scrollable-scrollableScrollbar-scrollY-Body-borderRadius-medium em57xhy0"
       data-wp-c16t="true"
       data-wp-component="CardBody"
     >
@@ -42,8 +42,8 @@ Snapshot Diff:
 @@ -1,8 +1,8 @@
   <div>
     <div
--     class="components-flex components-card__footer components-card-footer css-otmewz-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
-+     class="components-flex components-card__footer components-card-footer css-f5ly6j-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium-shady em57xhy0"
+-     class="components-flex components-card__footer components-card-footer css-11f8tfx-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
++     class="components-flex components-card__footer components-card-footer css-1ft57vy-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium-shady em57xhy0"
       data-wp-c16t="true"
       data-wp-component="CardFooter"
     >
@@ -59,8 +59,8 @@ Snapshot Diff:
 @@ -1,8 +1,8 @@
   <div>
     <div
--     class="components-flex components-card__footer components-card-footer css-otmewz-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
-+     class="components-flex components-card__footer components-card-footer css-sonr8h-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
+-     class="components-flex components-card__footer components-card-footer css-11f8tfx-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
++     class="components-flex components-card__footer components-card-footer css-16l1i1-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-medium em57xhy0"
       data-wp-c16t="true"
       data-wp-component="CardFooter"
     >
@@ -76,8 +76,8 @@ Snapshot Diff:
 @@ -1,8 +1,8 @@
   <div>
     <div
--     class="components-flex components-card__header components-card-header css-cw4qrt-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium em57xhy0"
-+     class="components-flex components-card__header components-card-header css-d00z5k-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium-shady em57xhy0"
+-     class="components-flex components-card__header components-card-header css-17ov5fb-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium em57xhy0"
++     class="components-flex components-card__header components-card-header css-t8wrwi-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium-shady em57xhy0"
       data-wp-c16t="true"
       data-wp-component="CardHeader"
     >
@@ -96,8 +96,8 @@ Snapshot Diff:
       class="css-mgwsf4-View-Content em57xhy0"
     >
       <div
--       class="components-flex components-card__header components-card-header css-cw4qrt-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium em57xhy0"
-+       class="components-flex components-card__header components-card-header css-1dtpden-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large em57xhy0"
+-       class="components-flex components-card__header components-card-header css-17ov5fb-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium em57xhy0"
++       class="components-flex components-card__header components-card-header css-132wkxm-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large em57xhy0"
         data-wp-c16t="true"
         data-wp-component="CardHeader"
       >
@@ -124,8 +124,8 @@ Snapshot Diff:
         class="css-mgwsf4-View-Content em57xhy0"
       >
         <div
--         class="components-flex components-card__header components-card-header css-t8b09c-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large-borderless em57xhy0"
-+         class="components-flex components-card__header components-card-header css-1e0mt81-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-small em57xhy0"
+-         class="components-flex components-card__header components-card-header css-1obmbcd-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large-borderless em57xhy0"
++         class="components-flex components-card__header components-card-header css-1210kl0-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-small em57xhy0"
           data-wp-c16t="true"
           data-wp-component="CardHeader"
         >
@@ -140,8 +140,8 @@ Snapshot Diff:
           Body
         </div>
         <div
--         class="components-flex components-card__footer components-card-footer css-c7cteg-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-large-borderless em57xhy0"
-+         class="components-flex components-card__footer components-card-footer css-1t7s584-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-xSmallCardPadding em57xhy0"
+-         class="components-flex components-card__footer components-card-footer css-ewhsu0-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-large-borderless em57xhy0"
++         class="components-flex components-card__footer components-card-footer css-hi0nrz-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-xSmallCardPadding em57xhy0"
           data-wp-c16t="true"
           data-wp-component="CardFooter"
         >
@@ -166,8 +166,8 @@ Snapshot Diff:
         class="css-mgwsf4-View-Content em57xhy0"
       >
         <div
--         class="components-flex components-card__header components-card-header css-t8b09c-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large-borderless em57xhy0"
-+         class="components-flex components-card__header components-card-header css-1e0mt81-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-small em57xhy0"
+-         class="components-flex components-card__header components-card-header css-1obmbcd-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-large-borderless em57xhy0"
++         class="components-flex components-card__header components-card-header css-1210kl0-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-small em57xhy0"
           data-wp-c16t="true"
           data-wp-component="CardHeader"
         >
@@ -182,8 +182,8 @@ Snapshot Diff:
           Body
         </div>
         <div
--         class="components-flex components-card__footer components-card-footer css-c7cteg-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-large-borderless em57xhy0"
-+         class="components-flex components-card__footer components-card-footer css-1trggei-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-small em57xhy0"
+-         class="components-flex components-card__footer components-card-footer css-ewhsu0-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-large-borderless em57xhy0"
++         class="components-flex components-card__footer components-card-footer css-1rbxai4-View-Flex-sx-Base-sx-Items-ItemsRow-Footer-borderRadius-borderColor-small em57xhy0"
           data-wp-c16t="true"
           data-wp-component="CardFooter"
         >
@@ -229,7 +229,7 @@ Object {
   padding: calc(4px * 4) calc(4px * 6);
 }
 
-.emotion-4>*+*:not( marquee ) {
+.emotion-4>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 
@@ -325,7 +325,7 @@ Object {
   padding: calc(4px * 4) calc(4px * 6);
 }
 
-.emotion-16>*+*:not( marquee ) {
+.emotion-16>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 
@@ -485,7 +485,7 @@ Object {
   padding: calc(4px * 4) calc(4px * 6);
 }
 
-.emotion-4>*+*:not( marquee ) {
+.emotion-4>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 
@@ -581,7 +581,7 @@ Object {
   padding: calc(4px * 4) calc(4px * 6);
 }
 
-.emotion-16>*+*:not( marquee ) {
+.emotion-16>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 

diff --git a/packages/components/src/color-palette/test/__snapshots__/index.js.snap b/packages/components/src/color-palette/test/__snapshots__/index.js.snap
@@ -111,7 +111,7 @@ exports[`ColorPalette should render a dynamic toolbar of colors 1`] = `
   justify-content: space-between;
 }
 
-.emotion-2>*+*:not( marquee ) {
+.emotion-2>*+*:not(marquee) {
   margin-top: calc(4px * 3);
 }
 
@@ -136,7 +136,7 @@ exports[`ColorPalette should render a dynamic toolbar of colors 1`] = `
   justify-content: space-between;
 }
 
-.emotion-4>*+*:not( marquee ) {
+.emotion-4>*+*:not(marquee) {
   margin-top: calc(4px * 3);
 }
 

diff --git a/packages/components/src/flex/test/__snapshots__/index.js.snap b/packages/components/src/flex/test/__snapshots__/index.js.snap
@@ -68,7 +68,7 @@ exports[`props should render correctly 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 

diff --git a/packages/components/src/h-stack/test/__snapshots__/index.js.snap b/packages/components/src/h-stack/test/__snapshots__/index.js.snap
@@ -20,7 +20,7 @@ exports[`props should render alignment 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 
@@ -61,7 +61,7 @@ exports[`props should render correctly 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: calc(4px * 2);
 }
 
@@ -102,7 +102,7 @@ exports[`props should render spacing 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: calc(4px * 5);
 }
 

diff --git a/packages/components/src/item-group/test/__snapshots__/index.js.snap b/packages/components/src/item-group/test/__snapshots__/index.js.snap
@@ -110,7 +110,7 @@ Snapshot Diff:
 @@ -1,17 +1,17 @@
   <div
 -   class="components-item-group css-kj8mvb-View-rounded em57xhy0"
-+   class="components-item-group css-18qvw1m-View-separated-rounded em57xhy0"
++   class="components-item-group css-1ihjc7r-View-separated-rounded em57xhy0"
     data-wp-c16t="true"
     data-wp-component="ItemGroup"
     role="list"

diff --git a/packages/components/src/scrollable/test/__snapshots__/index.js.snap b/packages/components/src/scrollable/test/__snapshots__/index.js.snap
@@ -7,7 +7,7 @@ exports[`props should render correctly 1`] = `
   overflow-y: auto;
 }
 
-@media only screen and ( min-device-width: 40em ) {
+@media only screen and (min-device-width: 40em) {
   .emotion-0::-webkit-scrollbar {
     height: 12px;
     width: 12px;
@@ -26,7 +26,7 @@ exports[`props should render correctly 1`] = `
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     background-color: rgba(0, 0, 0, 0.2);
-    border: 2px solid rgba( 0, 0, 0, 0 );
+    border: 2px solid rgba(0, 0, 0, 0);
     border-radius: 7px;
   }
 

diff --git a/packages/components/src/text/test/__snapshots__/index.js.snap b/packages/components/src/text/test/__snapshots__/index.js.snap
@@ -12,7 +12,7 @@ exports[`Text should render highlighted words with highlightCaseSensitive 1`] =
 .emotion-0 mark {
   background: #f0b849;
   border-radius: 2px;
-  box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.05 ) inset,0 -1px 0 rgba( 0, 0, 0, 0.1 ) inset;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset,0 -1px 0 rgba(0, 0, 0, 0.1) inset;
 }
 
 <span

diff --git a/packages/components/src/toggle-group-control/test/__snapshots__/index.js.snap b/packages/components/src/toggle-group-control/test/__snapshots__/index.js.snap
@@ -119,10 +119,10 @@ exports[`ToggleGroupControl should render correctly 1`] = `
   position: absolute;
   top: 50%;
   left: 50%;
-  -webkit-transform: translate( -50%, -50% );
-  -moz-transform: translate( -50%, -50% );
-  -ms-transform: translate( -50%, -50% );
-  transform: translate( -50%, -50% );
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
 }
 
 .emotion-11 {

diff --git a/packages/components/src/ui/control-group/test/__snapshots__/index.js.snap b/packages/components/src/ui/control-group/test/__snapshots__/index.js.snap
@@ -19,7 +19,7 @@ exports[`props should render correctly 1`] = `
   width: 100%;
 }
 
-.emotion-0>*+*:not( marquee ) {
+.emotion-0>*+*:not(marquee) {
   margin-left: -1px;
 }
 

diff --git a/packages/components/src/ui/control-label/test/__snapshots__/index.js.snap b/packages/components/src/ui/control-label/test/__snapshots__/index.js.snap
@@ -30,7 +30,7 @@ exports[`props should render correctly 1`] = `
   user-select: none;
 }
 
-@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   .emotion-0>* {
     position: relative;
     top: 0.5px;
@@ -72,7 +72,7 @@ exports[`props should render no truncate 1`] = `
   user-select: none;
 }
 
-@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   .emotion-0>* {
     position: relative;
     top: 0.5px;
@@ -118,7 +118,7 @@ exports[`props should render size 1`] = `
   user-select: none;
 }
 
-@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   .emotion-0>* {
     position: relative;
     top: 0.5px;

diff --git a/packages/components/src/ui/form-group/test/__snapshots__/index.js.snap b/packages/components/src/ui/form-group/test/__snapshots__/index.js.snap
@@ -31,7 +31,7 @@ exports[`props should render alignLabel 1`] = `
   user-select: none;
 }
 
-@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   .emotion-2>* {
     position: relative;
     top: 0.5px;
@@ -89,7 +89,7 @@ exports[`props should render vertically 1`] = `
   user-select: none;
 }
 
-@media ( -webkit-min-device-pixel-ratio: 1.25 ), ( min-resolution: 120dpi ) {
+@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   .emotion-2>* {
     position: relative;
     top: 0.5px;