fix(button): updateSnapshots

ariellalgilmore · Sep 6, 2023 · c4d1312 · c4d1312
1 parent f8e9aef
commit c4d1312
Show file tree

Hide file tree

Showing 2 changed files with 127 additions and 21 deletions.
diff --git a/packages/web-components/tests/snapshots/c4d-content-block-card-static.md b/packages/web-components/tests/snapshots/c4d-content-block-card-static.md
@@ -6,21 +6,58 @@
 
 ```
 <c4d-content-block-card-static>
-  <c4d-card-group-item>
+  <c4d-card-group-item
+    color-scheme=""
+    data-autoid="c4d--card-group-item"
+    pictogram-placement=""
+    size="md"
+  >
   </c4d-card-group-item>
-  <c4d-card-group>
+  <c4d-card-group
+    data-autoid="c4d--card-group"
+    grid-mode="collapsed"
+  >
   </c4d-card-group>
-  <c4d-content-item>
-    <c4d-content-item-heading>
+  <c4d-content-item data-autoid="c4d--content-item">
+    <c4d-content-item-heading
+      aria-level="4"
+      data-autoid="c4d--content-item__heading"
+      role="heading"
+      slot="heading"
+    >
     </c4d-content-item-heading>
-    <c4d-content-item-copy>
+    <c4d-content-item-copy data-autoid="c4d--content-item__copy">
     </c4d-content-item-copy>
   </c4d-content-item>
-  <c4d-button-group>
-    <c4d-button-group-item>
+  <c4d-button-group
+    data-autoid="c4d--button-group"
+    role="list"
+    style="--c4d--button-group--item-count: 2;"
+  >
+    <c4d-button-group-item
+      cta-type=""
+      data-autoid="c4d--button-group-item"
+      isexpressive=""
+      kind="primary"
+      role="listitem"
+      size="lg"
+      tooltip-alignment=""
+      tooltip-position="top"
+      type="button"
+    >
       Button 1
     </c4d-button-group-item>
-    <c4d-button-group-item>
+    <c4d-button-group-item
+      cta-type=""
+      data-autoid="c4d--button-group-item"
+      isexpressive=""
+      kind="tertiary"
+      role="listitem"
+      size="lg"
+      tooltip-alignment=""
+      tooltip-position="top"
+      type="button"
+    >
       Buuton 2
     </c4d-button-group-item>
   </c4d-button-group>
@@ -32,12 +69,32 @@
 
 ```
 <c4d-content-block-card-static>
-  <c4d-card-group-item>
+  <c4d-card-group-item
+    color-scheme=""
+    data-autoid="c4d--card-group-item"
+    pictogram-placement=""
+    size="md"
+  >
     heading-foo
   </c4d-card-group-item>
-  <c4d-card-group>
-    <c4d-card-group-item href="https://example.com">
-      <c4d-card-heading>
+  <c4d-card-group
+    data-autoid="c4d--card-group"
+    grid-mode="collapsed"
+    style="--c4d--card-group--cards-in-row: 3;"
+  >
+    <c4d-card-group-item
+      color-scheme=""
+      data-autoid="c4d--card-group-item"
+      href="https://example.com"
+      pictogram-placement=""
+      size="md"
+    >
+      <c4d-card-heading
+        aria-level="3"
+        data-autoid="c4d--card-heading"
+        role="heading"
+        slot="heading"
+      >
         Nunc convallis lobortis
       </c4d-card-heading>
       <p>
@@ -46,23 +103,60 @@
                 Phasellus at elit sollicitudin, sodales nulla quis, consequat
                 libero.
       </p>
-      <c4d-card-cta-footer slot="footer">
+      <c4d-card-cta-footer
+        color-scheme=""
+        cta-type=""
+        data-autoid="c4d--card-cta-footer"
+        icon-placement="right"
+        slot="footer"
+      >
       </c4d-card-cta-footer>
     </c4d-card-group-item>
   </c4d-card-group>
-  <c4d-content-item>
-    <c4d-content-item-heading>
+  <c4d-content-item data-autoid="c4d--content-item">
+    <c4d-content-item-heading
+      aria-level="4"
+      data-autoid="c4d--content-item__heading"
+      role="heading"
+      slot="heading"
+    >
       Lorem ipsum
     </c4d-content-item-heading>
-    <c4d-content-item-copy>
-      ipsum dolor sit amet
+    <c4d-content-item-copy data-autoid="c4d--content-item__copy">
+      <c4d-content-item-paragraph data-autoid="c4d--content-item-paragraph">
+        ipsum dolor sit amet
+      </c4d-content-item-paragraph>
     </c4d-content-item-copy>
   </c4d-content-item>
-  <c4d-button-group>
-    <c4d-button-group-item>
+  <c4d-button-group
+    data-autoid="c4d--button-group"
+    role="list"
+    style="--c4d--button-group--item-count: 2;"
+  >
+    <c4d-button-group-item
+      cta-type=""
+      data-autoid="c4d--button-group-item"
+      isexpressive=""
+      kind="primary"
+      role="listitem"
+      size="lg"
+      tooltip-alignment=""
+      tooltip-position="top"
+      type="button"
+    >
       Button 1
     </c4d-button-group-item>
-    <c4d-button-group-item>
+    <c4d-button-group-item
+      cta-type=""
+      data-autoid="c4d--button-group-item"
+      isexpressive=""
+      kind="tertiary"
+      role="listitem"
+      size="lg"
+      tooltip-alignment=""
+      tooltip-position="top"
+      type="button"
+    >
       Buuton 2
     </c4d-button-group-item>
   </c4d-button-group>

diff --git a/packages/web-components/tests/snapshots/c4d-video-player-composite.md b/packages/web-components/tests/snapshots/c4d-video-player-composite.md
@@ -3,7 +3,19 @@
 #### `should render the video player`
 
 ```
-<c4d-video-player-composite video-id="video-id-foo">
+<c4d-video-player-composite
+  playing-mode="inline"
+  video-id="video-id-foo"
+>
+  <c4d-video-player
+    data-autoid="c4d--video-player"
+    duration="120"
+    name="video-name-foo"
+    playing-mode="inline"
+    thumbnail-url="https://cdnsecakmi.kaltura.com/p/1773841/thumbnail/entry_id/video-id-foo/width/3"
+    video-id="video-id-foo"
+  >
+  </c4d-video-player>
 </c4d-video-player-composite>
 
 ```