test: update snapshots

telekom · Aug 2, 2021 · 6260826 · 6260826
1 parent 90f97c7
commit 6260826
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 40 deletions.
diff --git a/packages/components/src/components/toggle-button/__snapshots__/toggle-button.spec.ts.snap b/packages/components/src/components/toggle-button/__snapshots__/toggle-button.spec.ts.snap
@@ -1,45 +1,45 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`RatingStars snapshots black color scheme 1`] = `
-<scale-toggle-button color-scheme="black" icon-position="before">
+exports[`Toggle Button snapshots black color scheme 1`] = `
+<scale-toggle-button color-scheme="black" icon-position="before" toggle-button-id="toggle-button-2">
   <mock:shadow-root>
-    <button class="toggle-button toggle-button--black toggle-button--icon-before toggle-button--large toggle-button--primary" id="toggle-button-2" part="toggle-button large primary toggle-button--icon-before black" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--black toggle-button--icon-before toggle-button--large toggle-button--primary" id="toggle-button-2" part="toggle-button large primary toggle-button--icon-before black" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
   Test
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots default props 1`] = `
-<scale-toggle-button icon-position="before">
+exports[`Toggle Button snapshots default props 1`] = `
+<scale-toggle-button icon-position="before" toggle-button-id="toggle-button-0">
   <mock:shadow-root>
-    <button class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary" id="toggle-button-0" part="toggle-button large primary toggle-button--icon-before light" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary" id="toggle-button-0" part="toggle-button large primary toggle-button--icon-before light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
   Test
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots disabled 1`] = `
-<scale-toggle-button disabled="" icon-position="before" size="large">
+exports[`Toggle Button snapshots disabled 1`] = `
+<scale-toggle-button disabled="" icon-position="before" size="large" toggle-button-id="toggle-button-3">
   <mock:shadow-root>
-    <button class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary" disabled="" id="toggle-button-3" part="toggle-button large primary toggle-button--icon-before light" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary" disabled="" id="toggle-button-3" part="toggle-button large primary toggle-button--icon-before light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
   Test
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots iconAfter 1`] = `
-<scale-toggle-button icon-position="after" radius="left" styles="color:red">
+exports[`Toggle Button snapshots iconAfter 1`] = `
+<scale-toggle-button icon-position="after" radius="left" styles="color:red" toggle-button-id="toggle-button-7">
   <mock:shadow-root>
     <style>
       color:red
     </style>
-    <button class="toggle-button toggle-button--icon-after toggle-button--large toggle-button--left toggle-button--light toggle-button--primary" id="toggle-button-7" part="toggle-button large primary toggle-button--icon-after left light" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--icon-after toggle-button--large toggle-button--left toggle-button--light toggle-button--primary" id="toggle-button-7" part="toggle-button large primary toggle-button--icon-after left light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
@@ -48,10 +48,10 @@ exports[`RatingStars snapshots iconAfter 1`] = `
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots iconBefore 1`] = `
-<scale-toggle-button icon-position="before" radius="right">
+exports[`Toggle Button snapshots iconBefore 1`] = `
+<scale-toggle-button icon-position="before" radius="right" toggle-button-id="toggle-button-6">
   <mock:shadow-root>
-    <button class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary toggle-button--right" id="toggle-button-6" part="toggle-button large primary toggle-button--icon-before right light" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary toggle-button--right" id="toggle-button-6" part="toggle-button large primary toggle-button--icon-before right light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
@@ -60,32 +60,32 @@ exports[`RatingStars snapshots iconBefore 1`] = `
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots iconOnly 1`] = `
-<scale-toggle-button icon-position="before" radius="both" selected="">
+exports[`Toggle Button snapshots iconOnly 1`] = `
+<scale-toggle-button icon-position="before" radius="both" selected="" toggle-button-id="toggle-button-5">
   <mock:shadow-root>
-    <button aria-pressed="" class="toggle-button toggle-button--both toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary toggle-button--selected" id="toggle-button-5" part="toggle-button large primary toggle-button--icon-before selected both light" type="button">
+    <button aria-description="button at position undefined; selected: true" aria-pressed="" class="toggle-button toggle-button--both toggle-button--icon-before toggle-button--large toggle-button--light toggle-button--primary toggle-button--selected" id="toggle-button-5" part="toggle-button large primary toggle-button--icon-before selected both light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
   <scale-icon-action-search size="24"></scale-icon-action-search>
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots regular size secondary 1`] = `
-<scale-toggle-button icon-position="before" size="regular" variant="secondary">
+exports[`Toggle Button snapshots regular size secondary 1`] = `
+<scale-toggle-button icon-position="before" size="regular" toggle-button-id="toggle-button-1" variant="secondary">
   <mock:shadow-root>
-    <button class="toggle-button toggle-button--icon-before toggle-button--light toggle-button--regular toggle-button--secondary" id="toggle-button-1" part="toggle-button regular secondary toggle-button--icon-before light" type="button">
+    <button aria-description="button at position undefined; selected: false" class="toggle-button toggle-button--icon-before toggle-button--light toggle-button--regular toggle-button--secondary" id="toggle-button-1" part="toggle-button regular secondary toggle-button--icon-before light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>
   Test
 </scale-toggle-button>
 `;
 
-exports[`RatingStars snapshots selected 1`] = `
-<scale-toggle-button icon-position="before" selected="" size="xs">
+exports[`Toggle Button snapshots selected 1`] = `
+<scale-toggle-button icon-position="before" selected="" size="xs" toggle-button-id="toggle-button-4">
   <mock:shadow-root>
-    <button aria-pressed="" class="toggle-button toggle-button--icon-before toggle-button--light toggle-button--primary toggle-button--selected toggle-button--xs" id="toggle-button-4" part="toggle-button xs primary toggle-button--icon-before selected light" type="button">
+    <button aria-description="button at position undefined; selected: true" aria-pressed="" class="toggle-button toggle-button--icon-before toggle-button--light toggle-button--primary toggle-button--selected toggle-button--xs" id="toggle-button-4" part="toggle-button xs primary toggle-button--icon-before selected light" type="button">
       <slot></slot>
     </button>
   </mock:shadow-root>

diff --git a/packages/components/src/components/toggle-group/__snapshots__/toggle-group.spec.ts.snap b/packages/components/src/components/toggle-group/__snapshots__/toggle-group.spec.ts.snap
@@ -3,17 +3,17 @@
 exports[`Toggle Group snapshots default props 1`] = `
 <scale-toggle-group>
   <mock:shadow-root>
-    <div class="toggle-group toggle-group--inline" part="toggle-group inline">
+    <div aria-label="toggle button group with 3 buttons" class="toggle-group toggle-group--inline" part="toggle-group inline" role="group">
       <slot></slot>
     </div>
   </mock:shadow-root>
-  <scale-toggle-button disabled="false" radius="left" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="1" radius="left" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="2" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" radius="right" selected="" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="3" radius="right" selected="" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
 </scale-toggle-group>
@@ -22,17 +22,17 @@ exports[`Toggle Group snapshots default props 1`] = `
 exports[`Toggle Group snapshots disabled 1`] = `
 <scale-toggle-group aria-label="Aria Label" disabled="">
   <mock:shadow-root>
-    <div class="toggle-group toggle-group--inline" part="toggle-group inline">
+    <div aria-label="toggle button group with 3 buttons" class="toggle-group toggle-group--inline" part="toggle-group inline" role="group">
       <slot></slot>
     </div>
   </mock:shadow-root>
-  <scale-toggle-button disabled="disabled" radius="left" size="large" variant="primary">
+  <scale-toggle-button disabled="disabled" position="1" radius="left" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="disabled" size="large" variant="primary">
+  <scale-toggle-button disabled="disabled" position="2" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="disabled" radius="right" selected="" size="large" variant="primary">
+  <scale-toggle-button disabled="disabled" position="3" radius="right" selected="" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
 </scale-toggle-group>
@@ -41,17 +41,17 @@ exports[`Toggle Group snapshots disabled 1`] = `
 exports[`Toggle Group snapshots size small, multi false 1`] = `
 <scale-toggle-group multi="false" size="small">
   <mock:shadow-root>
-    <div class="toggle-group toggle-group--inline" part="toggle-group inline">
+    <div aria-label="toggle button group with 3 buttons" class="toggle-group toggle-group--inline" part="toggle-group inline" role="group">
       <slot></slot>
     </div>
   </mock:shadow-root>
-  <scale-toggle-button disabled="false" radius="left" size="small" variant="primary">
+  <scale-toggle-button disabled="false" position="1" radius="left" size="small" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" size="small" variant="primary">
+  <scale-toggle-button disabled="false" position="2" size="small" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" radius="right" selected="" size="small" variant="primary">
+  <scale-toggle-button disabled="false" position="3" radius="right" selected="" size="small" variant="primary">
     Click Me!
   </scale-toggle-button>
 </scale-toggle-group>
@@ -63,17 +63,17 @@ exports[`Toggle Group snapshots styles 1`] = `
     <style>
       color:red
     </style>
-    <div class="toggle-group toggle-group--inline" part="toggle-group inline">
+    <div aria-label="toggle button group with 3 buttons" class="toggle-group toggle-group--inline" part="toggle-group inline" role="group">
       <slot></slot>
     </div>
   </mock:shadow-root>
-  <scale-toggle-button disabled="false" radius="left" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="1" radius="left" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="2" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
-  <scale-toggle-button disabled="false" radius="right" selected="" size="large" variant="primary">
+  <scale-toggle-button disabled="false" position="3" radius="right" selected="" size="large" variant="primary">
     Click Me!
   </scale-toggle-button>
 </scale-toggle-group>