@coveo/quantic 3.21.1 → 3.21.2-pre.51c2448524

package/force-app/main/default/lwc/quanticDateFacet/quanticDateFacet.html

@@ -20,7 +20,7 @@
               onquantic__headerkeydown={toggleFacetVisibility}
             >
               <lightning-button-icon
-                class="actionButtonCssClasses"
+                class={actionButtonCssClasses}
                 slot="actions"
                 onmousedown={preventDefault}
                 icon-name={actionButtonIcon}
@@ -32,6 +32,7 @@
               </lightning-button-icon>
               <template if:true={hasActiveValues}>
                 <button
+                  data-testid="clear-selection-button"
                   class="facet__clear-filter slds-button slds-grid slds-grid_vertical-align-center slds-p-horizontal_x-small slds-m-top_small"
                   onclick={clearSelections}
                   title={clearFilterLabel}
@@ -49,14 +50,13 @@
                 </button>
               </template>
               <template if:false={isCollapsed}>
-                <fieldset>
+                <fieldset data-testid="facet__body">
                   <legend class="slds-assistive-text">{field}</legend>
                   <ul class="slds-has-dividers_around-space slds-m-top_medium">
                     <template for:each={values} for:item="v">
-                      <li class="slds-grid" key={v.value}>
+                      <li class="slds-grid" key={v.start}>
                         <c-quantic-facet-value
                           onquantic__selectvalue={onSelectValue}
-                          key={v.start}
                           item={v}
                           is-checked={v.checked}
                           formatting-function={formattingFunction}

package/force-app/main/default/lwc/quanticRecentQueriesList/quanticRecentQueriesList.html

@@ -11,7 +11,7 @@
       <template lwc:if={shouldDisplayRecentQueriesCard}>
         <c-quantic-card-container data-cy="recent-queries-card" title={label} onquantic__headerclick={toggleVisibility} onquantic__headerkeydown={toggleVisibility}>
           <lightning-button-icon class="slds-p-bottom_small" slot="actions" icon-name={actionButtonIcon}
-            alternative-text={actionButtonLabel} variant="bare" tabindex="-1" aria-hidden="true">
+            alternative-text={actionButtonLabel} variant="bare" tabindex="-1" aria-hidden="true" data-testid="action-button">
           </lightning-button-icon>
           <template if:false={isCollapsed}>
             <div class="slds-m-top_medium">
@@ -23,12 +23,12 @@
               </template>
               <ul>
                 <template for:each={queries} for:item="query" for:index="index">
-                  <li key={query} class="slds-grid" value={index} onclick={executeQuery}>
+                  <li key={query} class="slds-grid" value={index} onclick={executeQuery} data-testid="recent-query-item">
                     <button
                       class="slds-button recent-query__container slds-grid_vertical-align-center slds-size_1-of-1 slds-p-around_x-small">
                       <lightning-icon class="recent-query__icon slds-current-color" icon-name="utility:search"
                         size="xx-small" aria-hidden="true"></lightning-icon>
-                      <span class="slds-text-body_small query-text__container slds-truncate">{query}</span>
+                      <span class="slds-text-body_small query-text__container slds-truncate" data-testid="recent-query-text">{query}</span>
                     </button>
                   </li>
                 </template>

package/force-app/main/default/lwc/quanticRecentQueriesList/quanticRecentQueriesList.js

@@ -5,6 +5,7 @@ import recentQueriesLabel from '@salesforce/label/c.quantic_RecentQueries';
 import {
   registerComponentForInit,
   initializeWithHeadless,
+  getHeadlessBundle,
 } from 'c/quanticHeadlessLoader';
 import {
   I18nUtils,
@@ -94,7 +95,8 @@ export default class QuanticRecentQueriesList extends LightningElement {
    * @param {SearchEngine} engine
    */
   initialize = (engine) => {
-    this.recentQueriesList = CoveoHeadless.buildRecentQueriesList(engine, {
+    this.headless = getHeadlessBundle(this.engineId);
+    this.recentQueriesList = this.headless.buildRecentQueriesList(engine, {
       initialState: {
         queries: getItemFromLocalStorage(this.localStorageKey) ?? [],
       },