fix(quantic): citation url in tooltip issue fixed (#5048)

## https://coveord.atlassian.net/browse/SFINT-6023


### The issue:
the Quantic Citation component currently displays the regular link on
hover even when the document is a Salesforce document.

### The fix:
The expected behaviour is to display the Salesforce link constructed
using the Salesforce APIs instead of the regular link.

---------

Co-authored-by: Etienne Rocheleau <[email protected]>

Author: mmitiche

packages/quantic/cypress/e2e/default-2/generatedAnswer/generated-answer-selectors.ts

@@ -109,20 +109,20 @@ export const GeneratedAnswerSelectors: GeneratedAnswerSelector = {
   citationTooltipUri: (index: number) =>
     GeneratedAnswerSelectors.get()
       .find(
-        '[data-testid="generated-answer__citations"] [data-cy="citation__tooltip-uri"]'
+        '[data-testid="generated-answer__citations"] [data-testid="citation__tooltip-uri"]'
       )
       .eq(index),
   citationTooltipTitle: (index: number) =>
     GeneratedAnswerSelectors.get()
       .find(
-        '[data-testid="generated-answer__citations"] [data-cy="citation__tooltip-title"]'
+        '[data-testid="generated-answer__citations"] [data-testid="citation__tooltip-title"]'
       )
       .eq(index),
 
   citationTooltipText: (index: number) =>
     GeneratedAnswerSelectors.get()
       .find(
-        '[data-testid="generated-answer__citations"] [data-cy="citation__tooltip-text"]'
+        '[data-testid="generated-answer__citations"] [data-testid="citation__tooltip-text"]'
       )
       .eq(index),
   disclaimer: () =>

packages/quantic/force-app/main/default/lwc/quanticCitation/__tests__/quanticCitation.test.js

@@ -37,7 +37,7 @@ const exampleSalesforceKnowledgeArticleCitation = {
     sfkavid: 'bar',
   },
 };
-const exampleSalesforceLink = 'https://www.example-salesforce.com/';
+const exampleSalesforceLink = 'https://www.example-salesforce.com';
 
 const defaultOptions = {
   citation: exampleCitation,
@@ -53,6 +53,7 @@ const selectors = {
   citationLink: '.citation__link',
   citationTitle: '.citation__title',
   citationTooltip: 'c-quantic-tooltip',
+  citationTooltipUrl: '[data-testid="citation__tooltip-uri"]',
 };
 
 function createTestComponent(options = defaultOptions) {
@@ -211,7 +212,7 @@ describe('c-quantic-citation', () => {
       expect(pageReference.attributes.recordId).toBe(
         exampleSalesforceCitation.fields.sfid
       );
-      expect(link.href).toBe(exampleSalesforceLink);
+      expect(link.href).toBe(`${exampleSalesforceLink}/`);
     });
 
     it('should open the citation link inside Salesforce', async () => {
@@ -231,6 +232,20 @@ describe('c-quantic-citation', () => {
       );
     });
 
+    it('should display the salesforce link inside the tooltip url', async () => {
+      const element = createTestComponent({
+        ...defaultOptions,
+        citation: exampleSalesforceCitation,
+      });
+      await flushPromises();
+
+      const citationTooltipUrl = element.shadowRoot.querySelector(
+        selectors.citationTooltipUrl
+      );
+      expect(citationTooltipUrl).not.toBeNull();
+      expect(citationTooltipUrl.textContent).toBe(exampleSalesforceLink);
+    });
+
     describe('when the result is a knowledge article', () => {
       it('should open the citation link inside Salesforce', async () => {
         const element = createTestComponent({
@@ -247,7 +262,7 @@ describe('c-quantic-citation', () => {
         expect(pageReference.attributes.recordId).toBe(
           exampleSalesforceKnowledgeArticleCitation.fields.sfkavid
         );
-        expect(link.href).toBe(exampleSalesforceLink);
+        expect(link.href).toBe(`${exampleSalesforceLink}/`);
       });
     });
   });

packages/quantic/force-app/main/default/lwc/quanticCitation/quanticCitation.html

@@ -19,9 +19,9 @@
     </a>
     <c-quantic-tooltip light-theme class="slds-show_medium" target={template.host}>
       <div class="citation__tooltip" slot="content">
-        <div data-cy="citation__tooltip-uri" class="slds-text-body_small slds-text-color_weak slds-truncate slds-var-p-vertical_xxx-small">{clickUri}</div>
-        <div data-cy="citation__tooltip-title" class="slds-text-title_bold slds-var-p-vertical_xx-small">{citationTitle}</div>
-        <div  data-cy="citation__tooltip-text" class="citation__tooltip-text slds-text-body_small slds-var-p-vertical_xxx-small">{text}</div>
+        <div data-testid="citation__tooltip-uri" class="slds-text-body_small slds-text-color_weak slds-truncate slds-var-p-vertical_xxx-small">{hrefValue}</div>
+        <div data-testid="citation__tooltip-title" class="slds-text-title_bold slds-var-p-vertical_xx-small">{citationTitle}</div>
+        <div data-testid="citation__tooltip-text" class="citation__tooltip-text slds-text-body_small slds-var-p-vertical_xxx-small">{text}</div>
       </div>
     </c-quantic-tooltip>
   </li>