@coveo/quantic 3.16.0 → 3.16.1-pre.1a6fc4649f

package/force-app/main/default/lwc/quanticResultText/__tests__/quanticResultText.test.js

@@ -1,155 +0,0 @@
-// @ts-ignore
-import {createElement} from 'lwc';
-import QuanticResultText from '../quanticResultText';
-
-const exampleField = 'examplefield';
-const exampleFieldValue = 'example value';
-const exampleLabel = 'example label';
-const exampleResult = {
-  raw: {
-    [exampleField]: exampleFieldValue,
-  },
-};
-
-const labelSelector = '.result-text__label';
-const valueSelector = '.result-text__value';
-const errorSelector = '.error-message';
-
-const defaultOptions = {
-  result: exampleResult,
-  field: exampleField,
-};
-
-function createTestComponent(options = defaultOptions) {
-  const element = createElement('c-quantic-result-text', {
-    is: QuanticResultText,
-  });
-
-  for (const [key, value] of Object.entries(options)) {
-    element[key] = value;
-  }
-
-  document.body.appendChild(element);
-  return element;
-}
-
-// Helper function to wait until the microtask queue is empty.
-function flushPromises() {
-  return new Promise((resolve) => setTimeout(resolve, 0));
-}
-
-describe('c-quantic-result-text', () => {
-  function cleanup() {
-    // The jsdom instance is shared across test cases in a single file so reset the DOM
-    while (document.body.firstChild) {
-      document.body.removeChild(document.body.firstChild);
-    }
-    jest.clearAllMocks();
-  }
-
-  beforeEach(() => {
-    console.error = jest.fn();
-    // @ts-ignore
-    global.Bueno = {
-      isString: jest
-        .fn()
-        .mockImplementation(
-          (value) => Object.prototype.toString.call(value) === '[object String]'
-        ),
-    };
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  describe('when no result is given', () => {
-    it('should show an error', async () => {
-      // @ts-ignore
-      const element = createTestComponent({field: exampleField});
-      await flushPromises();
-
-      const errorMessage = element.shadowRoot.querySelector(errorSelector);
-
-      expect(errorMessage).not.toBeNull();
-      expect(console.error).toHaveBeenCalledWith(
-        'The c-quantic-result-text requires a result and a field to be specified.'
-      );
-    });
-  });
-
-  describe('when no field is given', () => {
-    it('should show an error', async () => {
-      // @ts-ignore
-      const element = createTestComponent({result: exampleResult});
-      await flushPromises();
-
-      const errorMessage = element.shadowRoot.querySelector(errorSelector);
-
-      expect(errorMessage).not.toBeNull();
-      expect(console.error).toHaveBeenCalledWith(
-        'The c-quantic-result-text requires a result and a field to be specified.'
-      );
-    });
-  });
-
-  describe('when field is given as am empty string', () => {
-    it('should show an error', async () => {
-      // @ts-ignore
-      const element = createTestComponent({...defaultOptions, field: ''});
-      await flushPromises();
-
-      const errorMessage = element.shadowRoot.querySelector(errorSelector);
-
-      expect(errorMessage).not.toBeNull();
-      expect(console.error).toHaveBeenCalledWith(
-        'The c-quantic-result-text requires a result and a field to be specified.'
-      );
-    });
-  });
-
-  describe('when required props are given', () => {
-    it('should render the result field value', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-
-      const fieldValueElement = element.shadowRoot.querySelector(valueSelector);
-
-      expect(fieldValueElement.textContent).toBe(exampleFieldValue);
-    });
-  });
-
-  describe('when a label is given', () => {
-    it('should render the field value with a label', async () => {
-      const element = createTestComponent({
-        ...defaultOptions,
-        label: exampleLabel,
-      });
-      await flushPromises();
-
-      const labelElement = element.shadowRoot.querySelector(labelSelector);
-      const fieldValueElement = element.shadowRoot.querySelector(valueSelector);
-
-      expect(labelElement.textContent).toBe(`${exampleLabel}:`);
-      expect(fieldValueElement.textContent).toBe(exampleFieldValue);
-    });
-  });
-
-  describe('when a formatting function is given', () => {
-    const exampleFormattingFunction = (value) => `formatted ${value}`;
-
-    it('should render the formatted field value', async () => {
-      const element = createTestComponent({
-        ...defaultOptions,
-        formattingFunction: exampleFormattingFunction,
-      });
-      await flushPromises();
-
-      const fieldValueElement = element.shadowRoot.querySelector(valueSelector);
-
-      expect(fieldValueElement.textContent).toBe(
-        exampleFormattingFunction(exampleFieldValue)
-      );
-    });
-  });
-});

package/force-app/main/default/lwc/quanticResultsPerPage/__tests__/quanticResultsPerPage.test.js

@@ -1,404 +0,0 @@
-/* eslint-disable no-import-assign */
-import QuanticResultsPerPage from 'c/quanticResultsPerPage';
-import {createElement} from 'lwc';
-import * as mockHeadlessLoader from 'c/quanticHeadlessLoader';
-
-const initialResultsPerPageState = {numberOfResults: 10};
-let resultsPerPageState = initialResultsPerPageState;
-
-const initialSearchStatusState = {hasResults: true};
-let searchStatusState = initialSearchStatusState;
-
-const initialStoreState = {};
-let storeState = initialStoreState;
-
-const functionsMocks = {
-  buildResultsPerPage: jest.fn(() => ({
-    state: resultsPerPageState,
-    subscribe: functionsMocks.resultsPerPageStateSubscriber,
-    set: functionsMocks.set,
-  })),
-  resultsPerPageStateSubscriber: jest.fn((cb) => {
-    cb();
-    return functionsMocks.resultsPerPageStateUnsubscriber;
-  }),
-  resultsPerPageStateUnsubscriber: jest.fn(),
-  buildSearchStatus: jest.fn(() => ({
-    state: searchStatusState,
-    subscribe: functionsMocks.searchStatusStateSubscriber,
-  })),
-  searchStatusStateSubscriber: jest.fn((cb) => {
-    cb();
-    return functionsMocks.searchStatusStateUnsubscriber;
-  }),
-  searchStatusStateUnsubscriber: jest.fn(),
-  set: jest.fn(),
-};
-
-const selectors = {
-  componentError: 'c-quantic-component-error',
-  resultsPerPage: '[data-testid="results-per-page"]',
-  resultsPerPageOption: 'c-quantic-number-button',
-  selectedResultsPerPageOption:
-    'c-quantic-number-button button.slds-button_brand',
-};
-
-const exampleEngine = {
-  id: 'exampleEngine',
-};
-let isInitialized = false;
-
-function createTestComponent(options = {}) {
-  const element = createElement('c-quantic-results-per-page', {
-    is: QuanticResultsPerPage,
-  });
-  Object.assign(element, options);
-  document.body.appendChild(element);
-  return element;
-}
-
-function prepareHeadlessState() {
-  // @ts-ignore
-  mockHeadlessLoader.getHeadlessBundle = () => {
-    return {
-      buildResultsPerPage: functionsMocks.buildResultsPerPage,
-      buildSearchStatus: functionsMocks.buildSearchStatus,
-    };
-  };
-}
-
-function mockStoreState() {
-  // @ts-ignore
-  mockHeadlessLoader.getFromStore = () => {
-    return storeState;
-  };
-}
-
-// Helper function to wait until the microtask queue is empty.
-function flushPromises() {
-  // eslint-disable-next-line @lwc/lwc/no-async-operation
-  return new Promise((resolve) => setTimeout(resolve, 0));
-}
-
-function mockSuccessfulHeadlessInitialization() {
-  // @ts-ignore
-  mockHeadlessLoader.initializeWithHeadless = (element, _, initialize) => {
-    if (element instanceof QuanticResultsPerPage && !isInitialized) {
-      isInitialized = true;
-      initialize(exampleEngine);
-    }
-  };
-}
-
-function mockErroneousHeadlessInitialization() {
-  // @ts-ignore
-  mockHeadlessLoader.initializeWithHeadless = (element) => {
-    if (element instanceof QuanticResultsPerPage) {
-      element.setInitializationError();
-    }
-  };
-}
-
-function cleanup() {
-  // The jsdom instance is shared across test cases in a single file so reset the DOM
-  while (document.body.firstChild) {
-    document.body.removeChild(document.body.firstChild);
-  }
-  jest.clearAllMocks();
-  isInitialized = false;
-}
-
-describe('c-quantic-results-per-page', () => {
-  const defaultInitialChoice = 10;
-  const defaultChoices = [10, 25, 50, 100];
-
-  beforeEach(() => {
-    mockSuccessfulHeadlessInitialization();
-    prepareHeadlessState();
-    mockStoreState();
-  });
-
-  afterEach(() => {
-    resultsPerPageState = initialResultsPerPageState;
-    storeState = initialStoreState;
-    cleanup();
-  });
-
-  describe('when an initialization error occurs', () => {
-    beforeEach(() => {
-      mockErroneousHeadlessInitialization();
-    });
-
-    it('should display the initialization error component', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-
-      const initializationError = element.shadowRoot.querySelector(
-        selectors.componentError
-      );
-      expect(initializationError).not.toBeNull();
-    });
-  });
-
-  describe('controller initialization', () => {
-    beforeEach(() => {
-      mockSuccessfulHeadlessInitialization();
-      prepareHeadlessState();
-    });
-
-    it('should build the results per page and search status controllers and subscribe to state', async () => {
-      createTestComponent();
-      await flushPromises();
-
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledWith(
-        exampleEngine,
-        {
-          initialState: {
-            numberOfResults: 10,
-          },
-        }
-      );
-      expect(functionsMocks.buildSearchStatus).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildSearchStatus).toHaveBeenCalledWith(
-        exampleEngine
-      );
-    });
-  });
-
-  describe('with default options', () => {
-    it('should properly render with the default choice selected', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-
-      const resultsPerPage = element.shadowRoot.querySelector(
-        selectors.resultsPerPage
-      );
-      expect(resultsPerPage).not.toBeNull();
-
-      const resultsPerPageOptions = Array.from(
-        element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-      );
-      expect(resultsPerPageOptions).toHaveLength(defaultChoices.length);
-
-      resultsPerPageOptions.forEach((option, index) => {
-        expect(option.number).toEqual(defaultChoices[index]);
-        expect(option.selected).toBe(
-          defaultChoices[index] === defaultInitialChoice
-        );
-      });
-    });
-
-    it('should update the state when the results per page is clicked', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-
-      const resultsPerPage = element.shadowRoot.querySelector(
-        selectors.resultsPerPage
-      );
-      expect(resultsPerPage).not.toBeNull();
-
-      const resultsPerPageOptions = Array.from(
-        element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-      );
-
-      resultsPerPageOptions[1].dispatchEvent(
-        new CustomEvent('quantic__select', {
-          detail: defaultChoices[1],
-        })
-      );
-
-      expect(functionsMocks.set).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.set).toHaveBeenCalledWith(defaultChoices[1]);
-    });
-
-    describe('the numberOfResults headless state', () => {
-      const expectedValueSelected = 100;
-      beforeEach(() => {
-        resultsPerPageState = {
-          ...resultsPerPageState,
-          numberOfResults: expectedValueSelected,
-        };
-      });
-
-      test('should reflect the headless state and select the right option', async () => {
-        const element = createTestComponent();
-        await flushPromises();
-
-        const resultsPerPage = element.shadowRoot.querySelector(
-          selectors.resultsPerPage
-        );
-        expect(resultsPerPage).not.toBeNull();
-
-        const resultsPerPageOptions = Array.from(
-          element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-        );
-
-        resultsPerPageOptions.forEach((option) => {
-          expect(option.selected).toBe(expectedValueSelected === option.number);
-        });
-      });
-    });
-  });
-
-  describe('with a custom #choicesDisplayed option', () => {
-    beforeEach(() => {
-      console.error = jest.fn();
-    });
-
-    it('should properly render with the choices displayed', async () => {
-      const customChoices = [100, 250, 500];
-      const element = createTestComponent({
-        choicesDisplayed: customChoices.join(','),
-      });
-      await flushPromises();
-
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledWith(
-        exampleEngine,
-        {
-          initialState: {
-            numberOfResults: customChoices[0],
-          },
-        }
-      );
-
-      const resultsPerPage = element.shadowRoot.querySelector(
-        selectors.resultsPerPage
-      );
-      expect(resultsPerPage).not.toBeNull();
-
-      const resultsPerPageOptions = Array.from(
-        element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-      );
-      expect(resultsPerPageOptions).toHaveLength(customChoices.length);
-
-      resultsPerPageOptions.forEach((option, index) => {
-        expect(option.number).toEqual(customChoices[index]);
-      });
-    });
-
-    it('should log an error if the choices displayed are not numbers', async () => {
-      const customChoices = ['foo', 'bar', 'baz'];
-      const element = createTestComponent({
-        choicesDisplayed: customChoices.join(','),
-      });
-      await flushPromises();
-
-      const initializationError = element.shadowRoot.querySelector(
-        selectors.componentError
-      );
-      expect(initializationError).not.toBeNull();
-
-      expect(console.error).toHaveBeenCalledTimes(customChoices.length);
-      customChoices.forEach((choice, index) => {
-        expect(console.error).toHaveBeenNthCalledWith(
-          index + 1,
-          `The choice value "${choice}" from the "choicesDisplayed" option is not a number.`
-        );
-      });
-    });
-  });
-
-  describe('with a custom #initialChoice option', () => {
-    const customInitialChoiceIndex = 2;
-    const customInitialChoice = defaultChoices[customInitialChoiceIndex];
-
-    beforeEach(() => {
-      console.error = jest.fn();
-      resultsPerPageState = {
-        ...resultsPerPageState,
-        numberOfResults: customInitialChoice,
-      };
-    });
-
-    it('should properly render with the initial choice selected', async () => {
-      const element = createTestComponent({
-        initialChoice: customInitialChoice,
-      });
-      await flushPromises();
-
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledWith(
-        exampleEngine,
-        {
-          initialState: {
-            numberOfResults: customInitialChoice,
-          },
-        }
-      );
-
-      const resultsPerPageOptions = Array.from(
-        element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-      );
-      expect(resultsPerPageOptions).toHaveLength(defaultChoices.length);
-
-      resultsPerPageOptions.forEach((option, index) => {
-        expect(option.selected).toBe(index === customInitialChoiceIndex);
-      });
-    });
-    it('should log an error if the initial choice is not included in the choices displayed but not display it to users', async () => {
-      const customInvalidInitialChoice = 123;
-      const element = createTestComponent({
-        initialChoice: customInvalidInitialChoice,
-      });
-      await flushPromises();
-
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledWith(
-        exampleEngine,
-        {
-          initialState: {
-            numberOfResults: defaultChoices[0],
-          },
-        }
-      );
-
-      const initializationError = element.shadowRoot.querySelector(
-        selectors.componentError
-      );
-      expect(initializationError).toBeNull();
-
-      expect(console.error).toHaveBeenCalledTimes(1);
-      expect(console.error).toHaveBeenCalledWith(
-        `The "initialChoice" option value "${customInvalidInitialChoice}" is not included in the "choicesDisplayed" option "${defaultChoices}". Defaulting to the first value of the choices.`
-      );
-    });
-  });
-
-  describe('when you omit the #initialChoice option', () => {
-    const mockNumberOfResults = 100;
-
-    beforeEach(() => {
-      resultsPerPageState = {
-        ...resultsPerPageState,
-        numberOfResults: mockNumberOfResults,
-      };
-    });
-    it('should default to the first choice', async () => {
-      const customChoices = [100, 250, 500];
-      const element = createTestComponent({
-        choicesDisplayed: customChoices.join(','),
-      });
-      await flushPromises();
-
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledTimes(1);
-      expect(functionsMocks.buildResultsPerPage).toHaveBeenCalledWith(
-        exampleEngine,
-        {
-          initialState: {
-            numberOfResults: customChoices[0],
-          },
-        }
-      );
-
-      const resultsPerPageOptions = Array.from(
-        element.shadowRoot.querySelectorAll(selectors.resultsPerPageOption)
-      );
-      expect(resultsPerPageOptions).toHaveLength(customChoices.length);
-      resultsPerPageOptions.forEach((option, index) => {
-        expect(option.selected).toBe(index === 0);
-      });
-    });
-  });
-});

package/force-app/main/default/lwc/quanticResultsPerPage/e2e/fixture.ts

@@ -1,74 +0,0 @@
-import {ResultsPerPageObject} from './pageObject';
-import {quanticBase} from '../../../../../../playwright/fixtures/baseFixture';
-import {SearchObject} from '../../../../../../playwright/page-object/searchObject';
-import {
-  searchRequestRegex,
-  insightSearchRequestRegex,
-} from '../../../../../../playwright/utils/requests';
-import {InsightSetupObject} from '../../../../../../playwright/page-object/insightSetupObject';
-import {useCaseEnum} from '../../../../../../playwright/utils/useCase';
-
-const resultsPerPageUrl = 's/quantic-results-per-page';
-
-interface ResultsPerPageOptions {
-  initialChoice: number;
-  choicesDisplayed: string;
-}
-
-type QuanticResultsPerPageE2EFixtures = {
-  resultsPerPage: ResultsPerPageObject;
-  search: SearchObject;
-  options: Partial<ResultsPerPageOptions>;
-};
-
-type QuanticResultsPerPageE2ESearchFixtures =
-  QuanticResultsPerPageE2EFixtures & {
-    urlHash: string;
-  };
-
-type QuanticResultsPerPageE2EInsightFixtures =
-  QuanticResultsPerPageE2ESearchFixtures & {
-    insightSetup: InsightSetupObject;
-  };
-
-export const testSearch =
-  quanticBase.extend<QuanticResultsPerPageE2ESearchFixtures>({
-    options: {},
-    urlHash: '',
-    search: async ({page}, use) => {
-      await use(new SearchObject(page, searchRequestRegex));
-    },
-    resultsPerPage: async (
-      {page, options, configuration, search, urlHash},
-      use
-    ) => {
-      await page.goto(
-        urlHash ? `${resultsPerPageUrl}#${urlHash}` : resultsPerPageUrl
-      );
-      configuration.configure(options);
-      await search.waitForSearchResponse();
-      await use(new ResultsPerPageObject(page));
-    },
-  });
-
-export const testInsight =
-  quanticBase.extend<QuanticResultsPerPageE2EInsightFixtures>({
-    options: {},
-    search: async ({page}, use) => {
-      await use(new SearchObject(page, insightSearchRequestRegex));
-    },
-    insightSetup: async ({page}, use) => {
-      await use(new InsightSetupObject(page));
-    },
-    resultsPerPage: async (
-      {page, options, search, configuration, insightSetup},
-      use
-    ) => {
-      await page.goto(resultsPerPageUrl);
-      configuration.configure({...options, useCase: useCaseEnum.insight});
-      await insightSetup.waitForInsightInterfaceInitialization();
-      await search.performSearch();
-      await search.waitForSearchResponse();
-      await use(new ResultsPerPageObject(page));
-    },
-  });