test: possessions list test

Author: RickaPrincy

.github/workflows/build.yml

@@ -28,12 +28,12 @@ jobs:
           aws-secret-access-key: ${{ secrets.AWS_SECRET_KEY}}
           aws-region: ${{ secrets.AWS_REGION }}
       - run: ./scripts/init-npm.sh  harena-store npm-hei-school 088312068315 eu-west-3
-      
+
       - name: Run e2e tests
         uses: cypress-io/github-action@v6
         with:
           start: npm run dev
-          
+
       - name: SonarCloud Scan
         uses: SonarSource/sonarcloud-github-action@master
         env:

cypress/e2e/possession.cy.tsx

@@ -0,0 +1,31 @@
+import { patrimoineMocks, possessionMocks } from '../fixtures/mocks';
+import { listMock } from '../fixtures/mocks/utils';
+
+describe('patrimoines', () => {
+  beforeEach(() => {
+    cy.intercept(
+      'GET',
+      '**patrimoines?page=1&page_size=10',
+      listMock(patrimoineMocks)
+    ).as('getPatrimoines');
+    cy.intercept(
+      'GET',
+      `**/patrimoines/${patrimoineMocks[0].nom}`,
+      patrimoineMocks[0]
+    ).as('getOnePatrimoine');
+    cy.intercept(
+      'GET',
+      `**/patrimoines/${patrimoineMocks[0].nom}/possessions?page=1&page_size=10`,
+      possessionMocks
+    ).as('getPossessions');
+  });
+
+  it('possessions.list', () => {
+    cy.visit('/patrimoines');
+    cy.wait('@getPatrimoines');
+    cy.get('tbody tr').first().click();
+    cy.wait('@getPossessions');
+    cy.get('tbody tr').should('have.length', possessionMocks.data.length);
+    cy.contains(possessionMocks.data[0].type!);
+  });
+});

cypress/fixtures/mocks/index.ts

@@ -1,2 +1,3 @@
 export * from './patrimoine-mocks';
+export * from './possession-mocks';
 export * from './person-mocks';

cypress/fixtures/mocks/possession-mocks.ts

@@ -0,0 +1,77 @@
+import {
+  Argent,
+  GetPatrimoinePossessions200Response,
+  Materiel,
+} from '@harena-com/typescript-client';
+
+const ordinateur: Materiel = {
+  nom: 'Mon materiel',
+  devise: {
+    code: 'MGA',
+    nom: 'Ariary',
+  },
+  t: '2024-07-15T00:00:00Z',
+  valeur_comptable: 100,
+  date_d_acquisition: '2024-07-15T00:00:00Z',
+  taux_dappreciation_annuel: 50,
+};
+
+const monArgentDette: Argent = {
+  type: 'DETTE',
+  nom: 'Mon Argent Dette',
+  valeur_comptable: 100,
+  t: '2024-07-15T00:00:00Z',
+  devise: {
+    code: 'MGA',
+    nom: 'Ariary',
+  },
+  date_d_ouverture: '2024-07-15T00:00:00Z',
+};
+
+export const possessionMocks: Required<GetPatrimoinePossessions200Response> = {
+  data: [
+    {
+      type: 'ARGENT',
+      argent: monArgentDette,
+    },
+    {
+      type: 'ARGENT',
+      argent: {
+        type: 'CREANCE',
+        nom: 'Mon Argent Creance',
+        valeur_comptable: 1500,
+        t: '2024-07-15T00:00:00Z',
+        devise: {
+          code: 'EUR',
+          nom: 'Euro',
+        },
+        date_d_ouverture: '2024-07-15T00:00:00Z',
+      },
+    },
+    {
+      type: 'MATERIEL',
+      materiel: ordinateur,
+    },
+    {
+      type: 'ARGENT',
+      argent: monArgentDette,
+    },
+    {
+      type: 'FLUXARGENT',
+      flux_argent: {
+        argent: monArgentDette,
+        valeur_comptable: 500,
+        nom: 'Mon Argent Creance',
+        t: '2024-07-15T00:00:00Z',
+        fin: '2024-07-15T00:00:00Z',
+        debut: '2024-07-18T00:00:00Z',
+        flux_mensuel: 500,
+        date_d_operation: 21,
+        devise: {
+          code: 'EUR',
+          nom: 'Euro',
+        },
+      },
+    },
+  ],
+};

src/operations/common/utils/typo.ts

@@ -1,5 +1,5 @@
 import { Devise } from '@harena-com/typescript-client';
 
-export const renderMoney = (value: number, devise: Devise) => {
-  return `${value} ${devise.code} (${devise.nom})`;
+export const renderMoney = (value: number, devise?: Devise) => {
+  return `${value} ${devise?.code} (${devise?.nom})`;
 };

src/operations/posssessions/components/index.ts

@@ -0,0 +1 @@
+export * from './possession-type-field';

src/operations/posssessions/components/possession-type-field.tsx

@@ -0,0 +1,28 @@
+import { PossessionAvecTypeTypeEnum } from '@harena-com/typescript-client';
+import { Chip } from '@mui/material';
+import { FunctionField } from 'react-admin';
+
+export const getPossessionFieldColor = (
+  possessionType: PossessionAvecTypeTypeEnum
+) => {
+  switch (possessionType) {
+    case 'ARGENT':
+      return 'success';
+    case 'FLUXARGENT':
+      return 'error';
+    default:
+      return 'primary';
+  }
+};
+
+export const PossessionTypeField = () => (
+  <FunctionField
+    label="Type"
+    render={(possession) => (
+      <Chip
+        label={possession.type}
+        color={getPossessionFieldColor(possession.type)}
+      />
+    )}
+  />
+);

src/operations/posssessions/possession-list.tsx

@@ -17,6 +17,7 @@ import {
 import { Add as CreateIcon } from '@mui/icons-material';
 import { Possession } from '@harena-com/typescript-client';
 import { PossessionCreate } from './possession-create';
+import { PossessionTypeField } from './components';
 import { renderMoney } from '../common/utils/typo';
 import { useToggle } from '../common/hooks';
 
@@ -72,6 +73,7 @@ export const PossessionList = ({
               renderMoney(possession.valeur_comptable!, possession.devise!)
             }
           />
+          <PossessionTypeField />
         </Datagrid>
       </List>
       <Dialog

src/operations/posssessions/possession-show.tsx

@@ -7,6 +7,7 @@ import {
   TextField,
   TopToolbar,
 } from 'react-admin';
+import { PossessionTypeField } from './components';
 import { Create as EditIcon, ArrowBack } from '@mui/icons-material';
 import { useParams } from 'react-router-dom';
 import { renderMoney } from '../common/utils/typo';
@@ -53,6 +54,7 @@ export const PossessionShow = () => {
           }
           label="Valeur Comptable"
         />
+        <PossessionTypeField />
       </SimpleShowLayout>
     </Show>
   );

src/providers/possession-provider.ts

@@ -1,16 +1,20 @@
-import { Possession, PossessionAvecType } from '@harena-com/typescript-client';
+import {
+  Possession,
+  PossessionAvecType,
+  PossessionAvecTypeTypeEnum,
+} from '@harena-com/typescript-client';
 import { HarenaDataProvider } from './types';
 import { possessionApi } from './api';
 import { addIdField } from './utils';
 
 export const getPossessionTypeValue = (value: PossessionAvecType) => {
   switch (value.type) {
     case 'ARGENT':
-      return value.argent!;
+      return { ...value.argent!, type: PossessionAvecTypeTypeEnum.ARGENT };
     case 'FLUXARGENT':
-      return value.flux_argent!;
+      return { ...value.argent!, type: PossessionAvecTypeTypeEnum.FLUXARGENT };
     case 'MATERIEL':
-      return value.materiel!;
+      return { ...value.argent!, tyep: PossessionAvecTypeTypeEnum.MATERIEL };
     default:
       throw new Error('Unknown PossessionAvecType value');
   }