fix: QualificationListItemInformation component

The value of an information metadata can be of type number
(cf: `refTaxIncome` in `tax_notice` qualification label)

react/Viewer/Panel/QualificationListItemInformation.jsx

@@ -14,7 +14,7 @@ import { useI18n } from '../../I18n'
 import MidEllipsis from '../../MidEllipsis'
 
 export const makeInformationValue = ({ name, value, t, scannerT }) => {
-  if (!value) {
+  if (typeof value !== 'number' && !value) {
     return t('Viewer.panel.qualification.noInfo')
   }
 
@@ -23,12 +23,11 @@ export const makeInformationValue = ({ name, value, t, scannerT }) => {
       smart_count: value
     })}`
   }
-
   if (name === 'contractType') {
     return scannerT(`Scan.attributes.contractType.${value}`)
   }
 
-  return <MidEllipsis text={value} />
+  return <MidEllipsis text={`${value}`} />
 }
 
 const QualificationListItemInformation = forwardRef(
@@ -72,7 +71,7 @@ QualificationListItemInformation.displayName = 'QualificationListItemNumber'
 QualificationListItemInformation.propTypes = {
   formatedMetadataQualification: PropTypes.shape({
     name: PropTypes.string,
-    value: PropTypes.string
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }).isRequired,
   toggleActionsMenu: PropTypes.func.isRequired
 }

react/Viewer/Panel/QualificationListItemInformation.spec.jsx

@@ -25,7 +25,7 @@ const setup = ({
 }
 
 describe('QualificationListItemInformation', () => {
-  describe('formatedMetadataQualification', () => {
+  fdescribe('formatedMetadataQualification', () => {
     it('should display default text if value is falsy', () => {
       const formatedMetadataQualification = { name: 'country', value: '' }
       const { getByText } = setup({ formatedMetadataQualification })
@@ -39,6 +39,16 @@ describe('QualificationListItemInformation', () => {
       })
 
       expect(queryByText('Viewer.panel.qualification.noInfo')).toBeNull()
+      expect(queryByText('Ita')).toBeInTheDocument()
+    })
+    it('should display current value if it number type', () => {
+      const formatedMetadataQualification = { name: 'country', value: 0 }
+      const { queryByText } = setup({
+        formatedMetadataQualification
+      })
+
+      expect(queryByText('Viewer.panel.qualification.noInfo')).toBeNull()
+      expect(queryByText('0')).toBeInTheDocument()
     })
   })
   describe('toggleActionsMenu', () => {