feat(ld-input-message): add parts

emdgroup-liquid · Oct 12, 2021 · 76ba14d · 76ba14d
1 parent 6a704fe
commit 76ba14d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/liquid/components/ld-input-message/ld-input-message.tsx b/src/liquid/components/ld-input-message/ld-input-message.tsx
@@ -19,8 +19,9 @@ export class LdInputMessage {
     return (
       <Host class={`ld-input-message ld-input-message--${this.mode}`}>
         <img
-          class="ld-input-message__icon"
           alt=""
+          class="ld-input-message__icon"
+          part="icon"
           role="presentation"
           src={getAssetPath(`./assets/${this.mode}.svg`)}
         />

diff --git a/src/liquid/components/ld-input-message/test/__snapshots__/ld-input-message.spec.ts.snap b/src/liquid/components/ld-input-message/test/__snapshots__/ld-input-message.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`ld-input-message applies the mode modifier, if mode is set 1`] = `
 <ld-input-message class="ld-input-message ld-input-message--info" mode="info">
   <mock:shadow-root>
-    <img alt="" class="ld-input-message__icon" role="presentation" src="/assets/info.svg">
+    <img alt="" class="ld-input-message__icon" part="icon" role="presentation" src="/assets/info.svg">
     <span aria-live="assertive">
       <slot></slot>
     </span>
@@ -15,7 +15,7 @@ exports[`ld-input-message applies the mode modifier, if mode is set 1`] = `
 exports[`ld-input-message renders as error message by default 1`] = `
 <ld-input-message class="ld-input-message ld-input-message--error">
   <mock:shadow-root>
-    <img alt="" class="ld-input-message__icon" role="presentation" src="/assets/error.svg">
+    <img alt="" class="ld-input-message__icon" part="icon" role="presentation" src="/assets/error.svg">
     <span aria-live="assertive">
       <slot></slot>
     </span>