Merge pull request #1099 from dnum-mi/fix/#1067-dsfr-quote

fix: 🐛 affichage de la citation même sans source dans DsfrQuote

Author: laruiss

src/components/DsfrQuote/DsfrQuote.spec.ts

@@ -41,7 +41,55 @@ describe('DsfrQuote', () => {
     })
     const imgEl = container.querySelector('.fr-responsive-img')
     const quoteEl = container.querySelector('blockquote p')
-    const citeEl = getByText(source)
+    const citeEl = container.querySelector('cite')
+    const firstLink = getByText('Détail 1')
+    const lastLink = container.querySelectorAll('.fr-quote__source li')[details.length]
+
+    expect(quoteEl).toBeInTheDocument()
+    expect(citeEl).toBeInTheDocument()
+    expect(quoteEl.innerHTML).toContain(quote)
+    expect(imgEl).toHaveAttribute('src', quoteImage)
+    expect(firstLink).not.toHaveAttribute('href')
+    expect(firstLink.innerHTML).toContain(firstSourceText)
+    expect(lastLink.querySelector('a')).toHaveAttribute('href')
+  })
+  it('should render a complete DsfrQuote even if source is an empty string', () => {
+    const quote = 'LA citation'
+    const author = 'Pierre-Louis EGAUD'
+    const firstSourceText = 'Détail 1'
+    const details = [
+      firstSourceText,
+      'Détail 2',
+      'Détail 3',
+      {
+        url: 'https://www.wikipedia.fr',
+        label: 'wikipedia',
+      },
+    ]
+    const illustration = 'illustration'
+    const source = ''
+    const sourceUrl = 'https://www.duckduckgo.com'
+    const quoteImage = 'https://loremflickr.com/g/150/150/cat?random=1'
+
+    const { container, getByText } = render(DsfrQuote, {
+      global: {
+        components: {
+          VIcon,
+        },
+      },
+      props: {
+        quote,
+        author,
+        details,
+        illustration,
+        source,
+        sourceUrl,
+        quoteImage,
+      },
+    })
+    const imgEl = container.querySelector('.fr-responsive-img')
+    const quoteEl = container.querySelector('blockquote p')
+    const citeEl = container.querySelector('cite')
     const firstLink = getByText('Détail 1')
     const lastLink = container.querySelectorAll('.fr-quote__source li')[details.length]
 

src/components/DsfrQuote/DsfrQuote.vue

@@ -16,7 +16,7 @@ withDefaults(defineProps<DsfrQuoteProps>(), {
 <template>
   <figure class="fr-quote fr-quote--column">
     <blockquote
-      v-if="source"
+      v-if="quote"
       :cite="sourceUrl"
     >
       <p>« {{ quote }} »</p>