test: use snapshot test

Author: mxschll

src/tabs/__tests__/__snapshots__/styles.test.tsx.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`getTabStyles transforms tab styles to CSS properties 1`] = `
+{
+  "--awsui-style-background-active-cdnyga": "#bfdbfe",
+  "--awsui-style-background-default-cdnyga": "#dbeafe",
+  "--awsui-style-background-disabled-cdnyga": "#f3f4f6",
+  "--awsui-style-background-hover-cdnyga": "#eff6ff",
+  "--awsui-style-border-color-active-cdnyga": "#1d4ed8",
+  "--awsui-style-border-color-default-cdnyga": "#3b82f6",
+  "--awsui-style-border-color-disabled-cdnyga": "#93c5fd",
+  "--awsui-style-border-color-hover-cdnyga": "#2563eb",
+  "--awsui-style-color-active-cdnyga": "#1e3a8a",
+  "--awsui-style-color-default-cdnyga": "#1e40af",
+  "--awsui-style-color-disabled-cdnyga": "#93c5fd",
+  "--awsui-style-color-hover-cdnyga": "#1e40af",
+  "--awsui-style-focus-ring-border-color-cdnyga": "#3b82f6",
+  "--awsui-style-focus-ring-border-radius-cdnyga": "4px",
+  "--awsui-style-focus-ring-border-width-cdnyga": "2px",
+  "borderRadius": "4px",
+  "borderWidth": "2px",
+  "fontSize": "16px",
+  "fontWeight": "500",
+  "paddingBlock": "10px",
+  "paddingInline": "14px",
+}
+`;

src/tabs/__tests__/styles.test.tsx

@@ -48,29 +48,7 @@ describe('getTabStyles', () => {
       },
     };
 
-    expect(getTabStyles(tabStyles)).toEqual({
-      borderRadius: '4px',
-      borderWidth: '2px',
-      fontSize: '16px',
-      fontWeight: '500',
-      paddingBlock: '10px',
-      paddingInline: '14px',
-      [customCssProps.styleBackgroundActive]: '#bfdbfe',
-      [customCssProps.styleBackgroundDefault]: '#dbeafe',
-      [customCssProps.styleBackgroundDisabled]: '#f3f4f6',
-      [customCssProps.styleBackgroundHover]: '#eff6ff',
-      [customCssProps.styleBorderColorActive]: '#1d4ed8',
-      [customCssProps.styleBorderColorDefault]: '#3b82f6',
-      [customCssProps.styleBorderColorDisabled]: '#93c5fd',
-      [customCssProps.styleBorderColorHover]: '#2563eb',
-      [customCssProps.styleColorActive]: '#1e3a8a',
-      [customCssProps.styleColorDefault]: '#1e40af',
-      [customCssProps.styleColorDisabled]: '#93c5fd',
-      [customCssProps.styleColorHover]: '#1e40af',
-      [customCssProps.styleFocusRingBorderColor]: '#3b82f6',
-      [customCssProps.styleFocusRingBorderRadius]: '4px',
-      [customCssProps.styleFocusRingBorderWidth]: '2px',
-    });
+    expect(getTabStyles(tabStyles)).toMatchSnapshot();
   });
 
   test('returns undefined when SYSTEM is not core', async () => {