fix(admin-ui): write test for all Gluu custom base UI components #290

app/routes/Apps/Gluu/GluuInumInput.js

@@ -3,7 +3,7 @@ import { Col, FormGroup, Input } from '../../../components'
 import GluuLabel from './GluuLabel'
 import GluuTooltip from './GluuTooltip'
 
-function GluuInumInput({ label, name, value, lsize,rsize, doc_category }) {
+function GluuInumInput({ label, name, value, lsize, rsize, doc_category }) {
   return (
     <GluuTooltip doc_category={doc_category} doc_entry={name}>
       <FormGroup row>

app/routes/Apps/Gluu/GluuToogleRow.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Col, FormGroup, Input } from '../../../components'
+import { Col, FormGroup} from '../../../components'
 import GluuLabel from './GluuLabel'
 import GluuTooltip from './GluuTooltip'
 import GluuToogle from './GluuToogle'

app/routes/Apps/Gluu/Tests/GluuInlineInput.test.js

@@ -0,0 +1,65 @@
+import React from 'react'
+import { render, screen, fireEvent } from '@testing-library/react'
+import GluuInlineInput from '../GluuInlineInput'
+import i18n from '../../../../i18n'
+import { I18nextProvider } from 'react-i18next'
+
+let LABEL = 'fields.application_type'
+let NAME = 'application_type'
+let VALUE = true
+
+it('Should render a boolean select box', () => {
+  function handler() {}
+  render(
+    <I18nextProvider i18n={i18n}>
+      <GluuInlineInput
+        label={LABEL}
+        value={VALUE}
+        name={NAME}
+        isBoolean
+        handler={handler}
+      />
+    </I18nextProvider>,
+  )
+  screen.getByText('Application Type:')
+  fireEvent.click(screen.getByText(VALUE))
+  fireEvent.click(screen.getByText(false))
+})
+
+it('Should render a typeahead component with array', () => {
+  const VALUE = ['Two']
+  const options = ['One', 'Two', 'Three']
+  function handler() {}
+  render(
+    <I18nextProvider i18n={i18n}>
+      <GluuInlineInput
+        label={LABEL}
+        value={VALUE}
+        name={NAME}
+        options={options}
+        isArray
+        handler={handler}
+      />
+    </I18nextProvider>,
+  )
+  screen.getByText('Application Type:')
+  fireEvent.click(screen.getByText(VALUE))
+})
+
+
+it('Should render a text input', () => {
+    const VALUE = "Client Secret"
+    function handler() {}
+    render(
+      <I18nextProvider i18n={i18n}>
+        <GluuInlineInput
+          label={LABEL}
+          value={VALUE}
+          name={NAME}
+          handler={handler}
+        />
+      </I18nextProvider>,
+    )
+    screen.getByText('Application Type:')
+    expect(screen.getByDisplayValue(VALUE).id).toBe(NAME)
+  })

app/routes/Apps/Gluu/Tests/GluuInput.test.js

@@ -4,13 +4,13 @@ import GluuInput from '../GluuInput'
 import i18n from '../../../../i18n'
 import { I18nextProvider } from 'react-i18next'
 
-it('Should show the input with proper text', () => {
+it('Should show input text', () => {
   const LABEL = 'fields.application_type'
   const NAME = 'application_type'
   const VALUE = 'Public'
   render(
     <I18nextProvider i18n={i18n}>
-      <GluuInput label={LABEL} value={VALUE} name={NAME} />
+      <GluuInput label={LABEL} value={VALUE} name={NAME}/>
     </I18nextProvider>,
   )
   screen.getByText('Application Type:')

app/routes/Apps/Gluu/Tests/GluuInputRow.test.js

@@ -3,7 +3,6 @@ import { render, screen } from '@testing-library/react'
 import GluuInputRow from '../GluuInputRow'
 import i18n from '../../../../i18n'
 import { I18nextProvider } from 'react-i18next'
-import { Formik } from 'formik'
 
 it('Should show the input with proper text', () => {
     const LABEL = 'fields.application_type'

app/routes/Apps/Gluu/Tests/GluuInumInput.test.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import GluuInumInput from '../GluuInumInput'
+import i18n from '../../../../i18n'
+import { I18nextProvider } from 'react-i18next'
+
+it('Should show the disabled input with proper text wit sa', () => {
+  const LABEL = 'fields.application_type'
+  const NAME = 'application_type'
+  const VALUE = 'Public'
+  function handler() {}
+  render(
+    <I18nextProvider i18n={i18n}>
+      <GluuInumInput
+        label={LABEL}
+        value={VALUE}
+        name={NAME}
+        handler={handler}
+        formik={handler}
+      />
+    </I18nextProvider>,
+  )
+  screen.getByText('Application Type:')
+  expect(screen.getByDisplayValue(VALUE).id).toBe(NAME)
+  expect(screen.getByDisplayValue(VALUE)).toBeDisabled
+})