fix(ld-button): prop forwarding

emdgroup-liquid · Dec 1, 2021 · dfd53da · dfd53da
1 parent e086a62
commit dfd53da
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/liquid/components/ld-label/ld-label.tsx b/src/liquid/components/ld-label/ld-label.tsx
@@ -34,7 +34,7 @@ export class LdLabel {
 
     if (inputElement && !clickedInsideInputElement) {
       if ('focusInner' in inputElement) {
-        await ((inputElement as unknown) as InnerFocusable).focusInner()
+        await (inputElement as unknown as InnerFocusable).focusInner()
       } else {
         inputElement.focus()
       }
@@ -44,17 +44,19 @@ export class LdLabel {
   }
 
   render() {
+    const cl = getClassNames([
+      'ld-label',
+      this.alignMessage && 'ld-label--align-message',
+      this.position && `ld-label--${this.position}`,
+      this.size && `ld-label--${this.size}`,
+    ])
+
     return (
       <label
-        class={getClassNames([
-          'ld-label',
-          this.alignMessage && 'ld-label--align-message',
-          this.position && `ld-label--${this.position}`,
-          this.size && `ld-label--${this.size}`,
-        ])}
+        class={cl}
         onClick={this.handleClick}
         part="tag"
-        {...cloneAttributes(this.el)}
+        {...cloneAttributes(this.el, ['align-message', 'position', 'size'])}
       >
         <slot></slot>
       </label>

diff --git a/src/liquid/components/ld-label/test/ld-label.spec.ts b/src/liquid/components/ld-label/test/ld-label.spec.ts
@@ -1,3 +1,4 @@
+jest.mock('../../../utils/cloneAttributes')
 import { newSpecPage } from '@stencil/core/testing'
 import { LdInput } from '../../ld-input/ld-input'
 import { LdCheckbox } from '../../ld-checkbox/ld-checkbox'