chore: remove jest -> cypress for unit tests

cypress/component/components/Emoji/isStringWithOnlyOneEmoji.cy.ts

@@ -0,0 +1,18 @@
+import { isStringWithOnlyOneEmoji } from '../../../../components/Emoji/isStringWithOnlyOneEmoji'
+
+describe('components/Emoji/isStringWithOnlyOneEmoji', () => {
+  it('returns true with a string with only one emoji', () => {
+    expect(isStringWithOnlyOneEmoji(':wave:')).equal(true)
+    expect(isStringWithOnlyOneEmoji(':smile:')).equal(true)
+  })
+
+  it('returns false with a string with multiple emoji or with text', () => {
+    expect(isStringWithOnlyOneEmoji(':wave: :smile:')).equal(false)
+    expect(isStringWithOnlyOneEmoji(':wave: some text')).equal(false)
+    expect(isStringWithOnlyOneEmoji('some text :wave:')).equal(false)
+  })
+
+  it('returns false with a string without emoji', () => {
+    expect(isStringWithOnlyOneEmoji('some text')).equal(false)
+  })
+})

cypress/component/components/Footer.cy.tsx

@@ -0,0 +1,16 @@
+import { Footer } from '../../../components/Footer'
+
+describe('<Footer />', () => {
+  it('should render with appropriate link tag version', () => {
+    const version = '1.0.0'
+    cy.mount(<Footer version={version} />)
+    cy.contains('Thream')
+      .get('[data-cy=version-link-website]')
+      .should('have.text', `website v${version}`)
+      .should(
+        'have.attr',
+        'href',
+        `https://github.com/Thream/website/releases/tag/v${version}`
+      )
+  })
+})

cypress/component/components/design/FormState.cy.tsx

@@ -0,0 +1,35 @@
+import { FormState } from '../../../../components/design/FormState'
+
+describe('<FormState />', () => {
+  it('should return nothing if the state is idle', () => {
+    cy.mount(<FormState state='idle' />)
+      .get('[data-cy-root]')
+      .should('be.empty')
+  })
+
+  it('should return nothing if the message is null', () => {
+    cy.mount(<FormState state='error' />)
+      .get('[data-cy-root]')
+      .should('be.empty')
+  })
+
+  it('should render the <Loader /> if state is loading', () => {
+    cy.mount(<FormState state='loading' />)
+      .get('[data-cy=loader]')
+      .should('be.visible')
+  })
+
+  it('should render the success message if state is success', () => {
+    const message = 'Success Message'
+    cy.mount(<FormState state='success' message={message} id='success' />)
+      .get('#success')
+      .contains(message)
+  })
+
+  it('should render the error message if state is error', () => {
+    const message = 'Error Message'
+    cy.mount(<FormState state='error' message={message} id='error' />)
+      .get('#error')
+      .contains(message)
+  })
+})

cypress/component/components/design/Input.cy.tsx

@@ -0,0 +1,48 @@
+import { Input, getInputType } from '../../../../components/design/Input'
+
+describe('<Input />', () => {
+  it('should render the label', () => {
+    const labelContent = 'label content'
+    cy.mount(<Input label={labelContent} />)
+      .get('label')
+      .should('have.text', labelContent)
+  })
+
+  it('should not render forgot password link', () => {
+    cy.mount(<Input type='text' label='content' showForgotPassword />)
+      .get('[data-cy=forgot-password-link]')
+      .should('not.exist')
+  })
+
+  it('should render forgot password link', () => {
+    cy.mount(<Input type='password' label='content' showForgotPassword />)
+      .get('[data-cy=forgot-password-link]')
+      .should('exist')
+  })
+
+  it('should not render the eye icon if the input is not of type "password"', () => {
+    cy.mount(<Input type='text' label='content' />)
+      .get('[data-cy=password-eye]')
+      .should('not.exist')
+  })
+
+  it('should handlePassword with eye icon', async () => {
+    cy.mount(<Input type='password' label='content' />)
+      .get('input')
+      .should('have.attr', 'type', 'password')
+      .get('[data-cy=password-eye]')
+      .click()
+      .get('input')
+      .should('have.attr', 'type', 'text')
+  })
+
+  describe('getInputType', () => {
+    it('should return `text`', () => {
+      expect(getInputType('password')).equal('text')
+    })
+
+    it('should return `password`', () => {
+      expect(getInputType('text')).equal('password')
+    })
+  })
+})

cypress/component/hooks/useForm/getErrorTranslationKey.cy.ts

@@ -0,0 +1,71 @@
+import type { ErrorObject } from 'ajv'
+
+import { getErrorTranslationKey } from '../../../../hooks/useForm/getErrorTranslationKey'
+
+const errorObject: ErrorObject = {
+  instancePath: '/path',
+  keyword: 'keyword',
+  params: {},
+  schemaPath: '/path'
+}
+
+describe('hooks/useForm/getErrorTranslationKey', () => {
+  it('returns `errors:invalid` with unknown keyword', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'unknownkeyword'
+      })
+    ).equal('errors:invalid')
+  })
+
+  it('returns `errors:invalid` with format != email', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'format',
+        params: { format: 'email' }
+      })
+    ).equal('errors:email')
+  })
+
+  it('returns `errors:email` with format = email', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'format',
+        params: { format: 'email' }
+      })
+    ).equal('errors:email')
+  })
+
+  it('returns `errors:required` with minLength and limit = 1', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'minLength',
+        params: { limit: 1 }
+      })
+    ).equal('errors:required')
+  })
+
+  it('returns `errors:minLength` with minLength and limit > 1', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'minLength',
+        params: { limit: 5 }
+      })
+    ).equal('errors:minLength')
+  })
+
+  it('returns `errors:maxLength` with maxLength', () => {
+    expect(
+      getErrorTranslationKey({
+        ...errorObject,
+        keyword: 'maxLength',
+        params: { limit: 5 }
+      })
+    ).equal('errors:maxLength')
+  })
+})

cypress/component/hooks/useForm/handleCheckboxBoolean.cy.ts

@@ -0,0 +1,22 @@
+import { Type } from '@sinclair/typebox'
+
+import { handleCheckboxBoolean } from '../../../../hooks/useForm/handleCheckboxBoolean'
+
+const schema = Type.Object({
+  myBoolean: Type.Boolean(),
+  myString: Type.String()
+})
+
+describe('hooks/useForm/handleCheckboxBoolean', () => {
+  it('should convert all checkbox property to boolean', () => {
+    const object = {
+      myBoolean: 'on',
+      myString: 'on'
+    }
+    const result = handleCheckboxBoolean(object, schema)
+    expect(result).deep.equal({
+      myBoolean: true,
+      myString: 'on'
+    })
+  })
+})

cypress/component/hooks/useForm/replaceEmptyStringInObjectToNull.cy.ts

@@ -0,0 +1,20 @@
+import { replaceEmptyStringInObjectToNull } from '../../../../hooks/useForm/replaceEmptyStringInObjectToNull'
+
+describe('hooks/useForm/replaceEmptyStringInObjectToNull', () => {
+  it('should replace empty string in object to null except for required properties', () => {
+    expect(
+      replaceEmptyStringInObjectToNull(
+        {
+          foo: '',
+          bar: 'bar',
+          baz: ''
+        },
+        ['baz']
+      )
+    ).deep.equal({
+      foo: null,
+      bar: 'bar',
+      baz: ''
+    })
+  })
+})

cypress/component/tools/utils/capitalize.cy.ts

@@ -0,0 +1,10 @@
+import { capitalize } from '../../../../tools/utils/capitalize'
+
+describe('tools/utils/capitalize', () => {
+  it('should capitalize the first letter of a string', () => {
+    expect(capitalize('hello')).equal('Hello')
+    expect(capitalize('HeLlo')).equal('HeLlo')
+    expect(capitalize('member(s)')).equal('Member(s)')
+    expect(capitalize('Member(s)')).equal('Member(s)')
+  })
+})