diff --git a/packages/react/components/input/test/Input.test.tsx b/packages/react/components/input/test/Input.test.tsx
index bd724717..6d3b40a1 100644
--- a/packages/react/components/input/test/Input.test.tsx
+++ b/packages/react/components/input/test/Input.test.tsx
@@ -20,280 +20,4 @@ describe('Input', () => {
const input = getByTestId('input')
expect(input).toBeInTheDocument()
})
-
- it('should have correctly classes', () => {
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- expect(input).toHaveClass('input', 'is-warning')
- })
-
- it('should have aria label', () => {
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input).toHaveAttribute('aria-label', 'input')
- })
-
- it('should render right type input', () => {
- getEnumNames(InputType).forEach((type) => {
- const { getByTestId } = render()
- const input = getByTestId(`input${type}`)
- expect(input).toHaveAttribute('type', type)
- })
- })
-
- it('should have default value', () => {
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input).toHaveValue('dflt')
- })
-
- it('should have correctly value', () => {
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input).toHaveValue('value')
- })
-
- it('should execute onSubmit event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.submit(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute onclick event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- fireEvent.click(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute keyup event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- fireEvent.keyUp(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute focus event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.focus(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute blur event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- fireEvent.blur(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute mousenter event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.mouseEnter(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute mouseleave event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.mouseLeave(input)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should execute keypress event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.keyPress(input, { key: 'Enter', code: 'Enter', charCode: 13 })
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should be disabled', () => {
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input).toBeDisabled()
- })
-
- it('should have min max length', () => {
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- expect(input).toHaveAttribute('maxLength', '14')
- expect(input).toHaveAttribute('minLength', '12')
- })
-
- it('should have label', () => {
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input.nextElementSibling?.nodeName).toBe('LABEL')
- })
-
- it('should have custom icon with click event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- fireEvent.click(input?.nextElementSibling as HTMLElement)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should have custom icon left with click event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input.nextElementSibling?.firstChild).toHaveClass('icon')
- expect(input.nextElementSibling?.firstChild?.firstChild).toHaveClass('tri-bell')
- fireEvent.click(input?.nextElementSibling as HTMLElement)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should have custom icon right with click event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input.nextElementSibling?.firstChild).toHaveClass('icon')
- expect(input.nextElementSibling?.firstChild?.firstChild).toHaveClass('tri-bell')
- fireEvent.click(input?.nextElementSibling as HTMLElement)
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should have icon pwd right with click event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render()
- const input = getByTestId('input')
- expect(input.nextElementSibling).toHaveAttribute('data-show-pwd', 'true')
- expect(input.nextElementSibling?.firstChild).toHaveClass('icon')
- expect(input.nextElementSibling?.firstChild?.firstChild).toHaveClass('tri-eye')
- fireEvent.click(input?.nextElementSibling as HTMLElement)
- expect(input).toHaveAttribute('type', 'text')
- expect(mockCallBack).toHaveBeenCalled()
- fireEvent.click(input?.nextElementSibling as HTMLElement)
- expect(input).toHaveAttribute('type', 'password')
- })
-
- it('should execute onchange event', () => {
- const mockCallBack = jest.fn()
- const { getByTestId } = render(
- ,
- )
- const input = getByTestId('input')
- fireEvent.change(input, { target: { value: 'a' } })
- expect(mockCallBack).toHaveBeenCalled()
- })
-
- it('should render security gauge input', () => {
- const { getByTestId } = render(
- 1ère connexion / Mot de passe oublié ?}
- placeholder='this is my placeholder'
- minLength={8}
- maxLength={15}
- validationRules={{
- lowercase: true,
- uppercase: true,
- number: true,
- specialChars: true,
- length: { max: 15, min: 8 },
- }}
- />,
- )
- const input = getByTestId('input')
- const containerGauge = getByTestId('security-gauge')
- const gauge = input.parentNode?.parentNode?.querySelector('[data-gauge]')
- const lowercase = containerGauge.querySelector('[data-security-lowercase]')
- const uppercase = containerGauge.querySelector('[data-security-uppercase]')
- const number = containerGauge.querySelector('[data-security-number]')
- const specialChars = containerGauge.querySelector('[data-security-special-chars]')
-
- expect(gauge).toHaveStyle('width: 0%')
- expect(gauge).toHaveStyle("backgroundColor: '#D1D1D1'")
-
- expect(input).toBeInTheDocument()
- expect(containerGauge).toBeInTheDocument()
- expect(lowercase).toBeInTheDocument()
- expect(uppercase).toBeInTheDocument()
- expect(number).toBeInTheDocument()
- expect(specialChars).toBeInTheDocument()
- })
-
- it('should execute onchange event on security gauge input', () => {
- const tests = [
- { value: 'Bana7aSplit@', bckground: TrilogyColor.SUCCESS, width: '100%' },
- { value: 'Bana7aSplit', bckground: TrilogyColor.WARNING, width: '75%' },
- { value: 'banane', bckground: TrilogyColor.ERROR, width: '50%' },
- ]
-
- tests.forEach((test, i) => {
- const { getByTestId } = render(
- 1ère connexion / Mot de passe oublié ?}
- placeholder='this is my placeholder'
- minLength={8}
- maxLength={15}
- validationRules={{
- lowercase: true,
- uppercase: true,
- number: true,
- specialChars: true,
- length: { max: 20, min: 8 },
- }}
- />,
- )
- const input = getByTestId(`input-${i}`)
- const gauge = input.parentNode?.parentNode?.querySelector('[data-gauge]')
- fireEvent.change(input, { target: { value: test.value } })
- expect(gauge).toHaveStyle(`width: ${test.width}`)
- expect(gauge).toHaveStyle(`backgroundColor: '${test.bckground}'`)
- })
- })
})