feat(combobox): updating snapshots

carbon-design-system · Jul 8, 2024 · 3d8574a · 3d8574a
1 parent c281b4a
commit 3d8574a
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 20 deletions.
diff --git a/packages/carbon-web-components/tests/snapshots/cds-checkbox.md b/packages/carbon-web-components/tests/snapshots/cds-checkbox.md
@@ -19,14 +19,20 @@
   part="label"
   title=""
 >
-  <span class="cds--checkbox-label-text">
+  <span
+    class="cds--checkbox-label-text"
+    part="label-text"
+  >
     <slot>
     </slot>
   </span>
 </label>
 <slot name="slug">
 </slot>
-<div class="cds--checkbox__validation-msg">
+<div
+  class="cds--checkbox__validation-msg"
+  part="validation-msg"
+>
 </div>
 
 ```
@@ -49,14 +55,20 @@
   part="label"
   title=""
 >
-  <span class="cds--checkbox-label-text">
+  <span
+    class="cds--checkbox-label-text"
+    part="label-text"
+  >
     <slot>
     </slot>
   </span>
 </label>
 <slot name="slug">
 </slot>
-<div class="cds--checkbox__validation-msg">
+<div
+  class="cds--checkbox__validation-msg"
+  part="validation-msg"
+>
 </div>
 
 ```

diff --git a/packages/carbon-web-components/tests/snapshots/cds-code-snippet.md b/packages/carbon-web-components/tests/snapshots/cds-code-snippet.md
@@ -10,23 +10,28 @@
   aria-multiline=""
   aria-readonly="true"
   class="cds--snippet-container"
+  part="container container--single"
   role="textbox"
   style=""
   tabindex="0"
 >
-  <pre>
-    <code>
+  <pre part="pre pre--single">
+    <code part="content content--single">
       <slot>
       </slot>
     </code>
   </pre>
 </div>
-<div class="cds--snippet__overflow-indicator--right">
+<div
+  class="cds--snippet__overflow-indicator--right"
+  part="oveflow-indicator-right"
+>
 </div>
 <cds-copy-button
   button-class-name=""
   feedback="Copied!"
   feedback-timeout="2000"
+  part="copy-button"
 >
   Copy to Clipboard
 </cds-copy-button>
@@ -41,12 +46,13 @@
   aria-multiline="true"
   aria-readonly="true"
   class="cds--snippet-container"
+  part="container container--multi"
   role="textbox"
   style="max-height:240px;min-height:48px;"
   tabindex="0"
 >
-  <pre>
-    <code>
+  <pre part="pre pre--multi">
+    <code part="content content--multi">
       <slot>
       </slot>
     </code>
@@ -56,6 +62,7 @@
   button-class-name=""
   feedback="Copied!"
   feedback-timeout="2000"
+  part="copy-button"
 >
   Copy to Clipboard
 </cds-copy-button>
@@ -65,12 +72,21 @@
 ####   `Should render with minimum attributes for inline mode`
 
 ```
-<cds-copy button-class-name="cds--snippet cds--snippet--inline">
-  <code slot="icon">
+<cds-copy
+  button-class-name="cds--snippet cds--snippet--inline"
+  part="inline-copy"
+>
+  <code
+    part="content content--inline"
+    slot="icon"
+  >
     <slot>
     </slot>
   </code>
-  <span slot="tooltip-content">
+  <span
+    part="tooltip tooltip--inline"
+    slot="tooltip-content"
+  >
     Copy to Clipboard
   </span>
 </cds-copy>
@@ -85,23 +101,28 @@
   aria-multiline=""
   aria-readonly="true"
   class="cds--snippet-container"
+  part="container container--single"
   role="textbox"
   style=""
   tabindex="0"
 >
-  <pre>
-    <code>
+  <pre part="pre pre--single">
+    <code part="content content--single">
       <slot>
       </slot>
     </code>
   </pre>
 </div>
-<div class="cds--snippet__overflow-indicator--right">
+<div
+  class="cds--snippet__overflow-indicator--right"
+  part="oveflow-indicator-right"
+>
 </div>
 <cds-copy-button
   button-class-name=""
   feedback="Copied!"
   feedback-timeout="2000"
+  part="copy-button"
 >
   Copy to Clipboard
 </cds-copy-button>
@@ -116,12 +137,13 @@
   aria-multiline="true"
   aria-readonly="true"
   class="cds--snippet-container"
+  part="container container--multi"
   role="textbox"
   style="max-height:240px;min-height:48px;"
   tabindex="0"
 >
-  <pre>
-    <code>
+  <pre part="pre pre--multi">
+    <code part="content content--multi">
       <slot>
       </slot>
     </code>
@@ -131,6 +153,7 @@
   button-class-name=""
   feedback="Copied!"
   feedback-timeout="2000"
+  part="copy-button"
 >
   Copy to Clipboard
 </cds-copy-button>
@@ -140,12 +163,21 @@
 ####   `Should render with various attributes for inline mode`
 
 ```
-<cds-copy button-class-name="cds--snippet cds--snippet--inline">
-  <code slot="icon">
+<cds-copy
+  button-class-name="cds--snippet cds--snippet--inline"
+  part="inline-copy"
+>
+  <code
+    part="content content--inline"
+    slot="icon"
+  >
     <slot>
     </slot>
   </code>
-  <span slot="tooltip-content">
+  <span
+    part="tooltip tooltip--inline"
+    slot="tooltip-content"
+  >
     Copy to Clipboard
   </span>
 </cds-copy>

diff --git a/packages/carbon-web-components/tests/snapshots/cds-combo-box.md b/packages/carbon-web-components/tests/snapshots/cds-combo-box.md
@@ -28,6 +28,7 @@
       aria-haspopup="listbox"
       class="cds--text-input cds--text-input--empty"
       id="trigger-button"
+      part="text-input"
       placeholder=""
       role="combobox"
     >
@@ -96,6 +97,7 @@
       class="cds--text-input"
       disabled=""
       id="trigger-button"
+      part="text-input"
       placeholder=""
       role="combobox"
     >