@npm_leadtech/legal-lib-components 7.89.3 → 7.89.5

package/dist/src/components/molecules/TextInput/tests/Input.test.tsx

@@ -1,5 +1,4 @@
-import { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
-import React from 'react'
+import React, { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
 
 import { Input } from '../Input'
 
@@ -8,38 +7,50 @@ afterEach(cleanup)
 const testName = 'name'
 const testValue = 'value'
 
+const defaultInputProps = {
+  name: '',
+  placeholder: '',
+  prefix: '',
+  value: '',
+  type: 'text' as const,
+  disabled: false,
+  className: '',
+  onChange: jest.fn(),
+  onClick: jest.fn(),
+  onBlur: jest.fn(),
+  onKeyDown: jest.fn(),
+  onKeyUp: jest.fn(),
+  country: ''
+}
+
 describe('will return the component', () => {
   test('without props', () => {
-    const { getByRole } = render(<Input />)
+    const { getByRole } = render(<Input {...defaultInputProps} />)
     expect(getByRole('textbox')).toBeInTheDocument()
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
   })
   test('of type password: with the eyeIcon rendered', async () => {
-    const { container, getByRole } = render(<Input type='password' value={testValue} />)
+    const { container } = render(<Input {...defaultInputProps} type='password' value={testValue} />)
     expect(container.firstChild).toHaveAttribute('type', 'password')
 
-    const img = getByRole('img')
-    expect(img).toHaveClass('input-icon-password')
-    fireEvent.click(img)
+    const toggleButton = container.querySelector('.input-icon-password-button')
+    expect(toggleButton).toBeTruthy()
+    if (toggleButton) fireEvent.click(toggleButton)
 
     await waitFor(() => {
       expect(container.firstChild).toHaveAttribute('type', 'text')
     })
   })
-  test('of type password: with the eyeIcon rendered but is not enabled without value', async () => {
-    const { container, getByRole } = render(<Input type='password' />)
-    expect(container.firstChild).toHaveAttribute('type', 'password')
-
-    const img = getByRole('img')
-    expect(img).toHaveClass('input-icon-password')
-    fireEvent.click(img)
+  test('of type password: with the eyeIcon rendered but without value shows password type initially', () => {
+    const { container } = render(<Input {...defaultInputProps} type='password' />)
+    const input = container.querySelector('input')
+    expect(input).toHaveAttribute('type', 'password')
 
-    await waitFor(() => {
-      expect(container.firstChild).toHaveAttribute('type', 'password')
-    })
+    const toggleButton = container.querySelector('.input-icon-password-button')
+    expect(toggleButton).toBeTruthy()
   })
   test('of type password: with the eyeIcon rendered', () => {
-    const { container } = render(<Input name={testName} />)
+    const { container } = render(<Input {...defaultInputProps} name={testName} />)
     expect(container.firstChild).toHaveAttribute('data-qa', testName)
   })
 })

package/dist/src/components/molecules/TextInput/tests/TextInput.test.tsx

@@ -11,43 +11,50 @@ const testErrorMessage = 'Error message'
 const testLabel = 'Label'
 const testNotes = 'Notes'
 
+const defaultTextInputProps = {
+  onChange: (): void => {},
+  country: ''
+}
+
 describe('will return the component', () => {
   test('without props', () => {
-    const { getByRole, container } = render(<TextInput />)
+    const { getByRole, container } = render(<TextInput {...defaultTextInputProps} />)
     expect(container.firstChild).toHaveClass('e-text')
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
   })
 
   test('NumberFormat input if the format prop is passed', () => {
-    const { getByRole } = render(<TextInput format={testFormat} />)
+    const { getByRole } = render(<TextInput {...defaultTextInputProps} format={testFormat} />)
     expect(getByRole('textbox')).toHaveClass('e-text-input')
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
     expect(getByRole('textbox')).toHaveAttribute('inputmode', 'numeric')
   })
 
   test('with a tooltip', () => {
-    const { getByText } = render(<TextInput tooltip={testTooltip} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} tooltip={testTooltip} />)
     expect(getByText(testTooltip)).toHaveClass('tooltip-form')
   })
 
   test('with a error message', () => {
-    const { getByText } = render(<TextInput errorMessage={testErrorMessage} validate={false} />)
+    const { getByText } = render(
+      <TextInput {...defaultTextInputProps} errorMessage={testErrorMessage} validate={false} />
+    )
     expect(getByText(testErrorMessage)).toHaveClass('e-text__error-label')
   })
 
   test('with a label', () => {
-    const { getByText } = render(<TextInput label={testLabel} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} label={testLabel} />)
     expect(getByText(testLabel)).toHaveClass('form-group__label')
   })
 
   test('with notes', () => {
-    const { getByText } = render(<TextInput notes={testNotes} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} notes={testNotes} />)
     expect(getByText(testNotes)).toHaveClass('e-text__inner__notes')
   })
 
   test('should have children', () => {
     const { getByText } = render(
-      <TextInput>
+      <TextInput {...defaultTextInputProps}>
         <span>test children</span>
       </TextInput>
     )
@@ -55,10 +62,10 @@ describe('will return the component', () => {
   })
 
   test('should have id in input and for in label', () => {
-    const { getByText, getByLabelText } = render(<TextInput name='cvv' label='CVV' />)
+    const { getByText, getByLabelText } = render(<TextInput {...defaultTextInputProps} name='cvv' label='CVV' />)
 
     const label = getByText('CVV')
-    const input = getByLabelText('CVV')
+    const input = getByLabelText('CVV') as HTMLInputElement
 
     expect(label).toBeDefined()
     expect(label).toHaveAttribute('for', 'cvv')

package/dist/src/components/molecules/TextInput/tests/TextInputMessage.test.tsx

@@ -9,11 +9,11 @@ const testErrorMessage = 'Error message'
 
 describe('will return null', () => {
   test('if no prop is passed', () => {
-    const { container } = render(<TextInputMessage />)
+    const { container } = render(<TextInputMessage errorMessage='' validate={false} />)
     expect(container.firstChild).toBe(null)
   })
   test('if errorMessage is passed and validate is true', () => {
-    const { container } = render(<TextInputMessage errorMessage={testErrorMessage} />)
+    const { container } = render(<TextInputMessage errorMessage={testErrorMessage} validate={true} />)
     expect(container.firstChild).toBe(null)
   })
 })

package/dist/src/components/molecules/TextInput/tests/TextInputTooltip.test.tsx

@@ -9,7 +9,7 @@ const testTooltip = 'Tooltip'
 
 describe('will return null', () => {
   test('if no prop is passed', () => {
-    const { container } = render(<TextInputTooltip />)
+    const { container } = render(<TextInputTooltip tooltip='' />)
     expect(container.firstChild).toBe(null)
   })
 })

package/dist/src/components/molecules/index.d.ts

@@ -43,6 +43,7 @@ export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
+export * from './SignersStatusTooltipContent';
 export * from './Snackbar';
 export * from './SearchBar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.js

@@ -43,6 +43,7 @@ export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
+export * from './SignersStatusTooltipContent';
 export * from './Snackbar';
 export * from './SearchBar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.ts

@@ -43,6 +43,7 @@ export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
 export * from './SocialLinks'
 export * from './SubscriptionCard'
+export * from './SignersStatusTooltipContent'
 export * from './Snackbar'
 export * from './SearchBar'
 export * from './StepGetForm'