diff --git a/frontend/src/components/ExistingDocument.jsx b/frontend/src/components/ExistingDocument.jsx index 4f81c141..fd63980f 100644 --- a/frontend/src/components/ExistingDocument.jsx +++ b/frontend/src/components/ExistingDocument.jsx @@ -1,9 +1,13 @@ import Card from 'react-bootstrap/Card'; import { useNavigate } from 'react-router'; +import {format } from 'date-fns'; function ExistingDocument({ document, relatedTo, verb, setLastUpdate, backend }) { const navigate = useNavigate(); const title = document.dc_title || 'Untitled document'; + const isPartOf = document.dc_isPartOf || ''; + const creator = document.dc_creator || ''; + const issued = format(new Date(document.dc_issued), 'dd/MM/yyyy HH:mm') || ''; const sourceChunksToBeLinked = (verb !== 'includes' && relatedTo.length) ? [{ verb, object: relatedTo[0] }] : relatedTo.map(object =>({ verb, object })); @@ -33,11 +37,10 @@ function ExistingDocument({ document, relatedTo, verb, setLastUpdate, backend }) }) .catch(console.error); }; - return ( - {title} + {title} - {isPartOf} - {creator} - {issued} ); diff --git a/frontend/tests/outcome.js b/frontend/tests/outcome.js index cf23f917..f6816e2f 100644 --- a/frontend/tests/outcome.js +++ b/frontend/tests/outcome.js @@ -202,3 +202,13 @@ Alors("la colonne {int} contient {string}", (column, text) => { cy.contains(`.lectern .main .col .col:nth-child(${column})`, text); }); +Alors("le document existant {string} affiche la source {string}, le créateur {string} et une date", (title, isPartOf, creator) => { + cy.get('.existingDocument').contains('strong', title) + .closest('.existingDocument') + .find('i') + .should('contain', isPartOf) + .and('contain', creator) + .invoke('text') + .should('match', /\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}/); +}); +