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

package/force-app/main/default/lwc/quanticBreadcrumbManager/e2e/pageObject.ts

@@ -1,282 +0,0 @@
-import type {Locator, Page, Request} from '@playwright/test';
-import {isUaSearchEvent} from '../../../../../../playwright/utils/requests';
-
-const breadcrumbElementsSelectors = {
-  regularFacet: {
-    component: 'c-quantic-facet',
-    facetValueComponent: 'c-quantic-facet-value',
-    breadcrumbElementTestId: 'facet-breadcrumb',
-    breadcrumbValueElementTestId: 'facet-breadcrumb-value',
-  },
-  numericFacet: {
-    component: 'c-quantic-numeric-facet',
-    facetValueComponent: 'c-quantic-facet-value',
-    breadcrumbElementTestId: 'numeric-facet-breadcrumb',
-    breadcrumbValueElementTestId: 'numeric-facet-breadcrumb-value',
-  },
-  categoryFacet: {
-    component: 'c-quantic-category-facet',
-    facetValueComponent: 'c-quantic-category-facet-value',
-    breadcrumbElementTestId: 'category-facet-breadcrumb',
-    breadcrumbValueElementTestId: 'category-facet-breadcrumb-value',
-  },
-  timeframeFacet: {
-    component: 'c-quantic-timeframe-facet',
-    facetValueComponent: 'c-quantic-facet-value',
-    breadcrumbElementTestId: 'date-facet-breadcrumb',
-    breadcrumbValueElementTestId: 'date-facet-breadcrumb-value',
-  },
-};
-
-export class BreadcrumbManagerObject {
-  constructor(public page: Page) {
-    this.page = page;
-  }
-
-  async countAllFacetsBreadcrumb() {
-    return (
-      (await this.allRegularFacetBreadcrumb.count()) +
-      (await this.allNumericFacetBreadcrumb.count()) +
-      (await this.allCategoryFacetBreadcrumb.count()) +
-      (await this.allTimeframeFacetBreadcrumb.count())
-    );
-  }
-
-  /** REGULAR FACET */
-  get allRegularFacetBreadcrumb(): Locator {
-    return this.page.getByTestId(
-      breadcrumbElementsSelectors.regularFacet.breadcrumbElementTestId
-    );
-  }
-
-  get firstRegularFacetBreadcrumb(): Locator {
-    return this.page
-      .getByTestId(
-        breadcrumbElementsSelectors.regularFacet.breadcrumbElementTestId
-      )
-      .first();
-  }
-
-  async clickFirstRegularFacetBreadcrumbValue(): Promise<void> {
-    await this.firstRegularFacetBreadcrumb
-      .getByTestId(
-        breadcrumbElementsSelectors.regularFacet.breadcrumbValueElementTestId
-      )
-      .click();
-  }
-
-  get firstRegularFacet(): Locator {
-    return this.page
-      .locator(breadcrumbElementsSelectors.regularFacet.component)
-      .first();
-  }
-
-  get firstRegularFacetValue(): Promise<string | null> {
-    return this.firstRegularFacet
-      .locator(breadcrumbElementsSelectors.regularFacet.facetValueComponent)
-      .first()
-      .locator('.facet__value-text')
-      .textContent();
-  }
-
-  async clickFirstRegularFacetLink(): Promise<void> {
-    await this.clickFirstFacetLink(this.firstRegularFacet);
-  }
-
-  async clickFirstFacetLink(facetLocator: Locator): Promise<void> {
-    await facetLocator
-      .locator(breadcrumbElementsSelectors.regularFacet.facetValueComponent)
-      .first()
-      .click();
-  }
-
-  /** NUMERIC FACET */
-  get allNumericFacetBreadcrumb(): Locator {
-    return this.page.getByTestId(
-      breadcrumbElementsSelectors.numericFacet.breadcrumbElementTestId
-    );
-  }
-
-  get firstNumericFacetBreadcrumb(): Locator {
-    return this.page
-      .getByTestId(
-        breadcrumbElementsSelectors.numericFacet.breadcrumbElementTestId
-      )
-      .first();
-  }
-
-  async clickFirstNumericFacetBreadcrumbValue(): Promise<void> {
-    await this.firstNumericFacetBreadcrumb
-      .getByTestId(
-        breadcrumbElementsSelectors.numericFacet.breadcrumbValueElementTestId
-      )
-      .click();
-  }
-
-  get firstNumericFacet(): Locator {
-    return this.page
-      .locator(breadcrumbElementsSelectors.numericFacet.component)
-      .first();
-  }
-
-  get firstNumericFacetValue(): Promise<string | null> {
-    return this.firstNumericFacet
-      .locator(breadcrumbElementsSelectors.numericFacet.facetValueComponent)
-      .first()
-      .locator('.facet__value-text')
-      .textContent();
-  }
-
-  async clickFirstNumericFacetLink(): Promise<void> {
-    await this.clickFirstFacetLink(this.firstNumericFacet);
-  }
-
-  /** DATE|TIMEFRAME FACET */
-  get allTimeframeFacetBreadcrumb(): Locator {
-    return this.page.getByTestId(
-      breadcrumbElementsSelectors.timeframeFacet.breadcrumbElementTestId
-    );
-  }
-
-  get firstTimeframeFacetBreadcrumb(): Locator {
-    return this.page
-      .getByTestId(
-        breadcrumbElementsSelectors.timeframeFacet.breadcrumbElementTestId
-      )
-      .first();
-  }
-
-  async clickFirstTimeframeFacetBreadcrumbValue(): Promise<void> {
-    await this.firstTimeframeFacetBreadcrumb
-      .getByTestId(
-        breadcrumbElementsSelectors.timeframeFacet.breadcrumbValueElementTestId
-      )
-      .click();
-  }
-
-  get firstTimeframeFacet(): Locator {
-    return this.page
-      .locator(breadcrumbElementsSelectors.timeframeFacet.component)
-      .first();
-  }
-
-  get firstTimeframeFacetValue(): Promise<string | null> {
-    return this.firstTimeframeFacet
-      .locator(breadcrumbElementsSelectors.timeframeFacet.facetValueComponent)
-      .first()
-      .locator('.facet__value-text')
-      .textContent();
-  }
-
-  async clickFirstTimeframeFacetLink(): Promise<void> {
-    await this.clickFirstFacetLink(this.firstTimeframeFacet);
-  }
-
-  /** CATEGORY FACET */
-  get allCategoryFacetBreadcrumb(): Locator {
-    return this.page.getByTestId(
-      breadcrumbElementsSelectors.categoryFacet.breadcrumbElementTestId
-    );
-  }
-
-  get firstCategoryFacetBreadcrumb(): Locator {
-    return this.page
-      .getByTestId(
-        breadcrumbElementsSelectors.categoryFacet.breadcrumbElementTestId
-      )
-      .first();
-  }
-
-  async clickFirstCategoryFacetBreadcrumbValue(): Promise<void> {
-    await this.firstCategoryFacetBreadcrumb
-      .getByTestId(
-        breadcrumbElementsSelectors.categoryFacet.breadcrumbValueElementTestId
-      )
-      .click();
-  }
-
-  get firstCategoryFacet(): Locator {
-    return this.page
-      .locator(breadcrumbElementsSelectors.categoryFacet.component)
-      .first();
-  }
-
-  get firstCategoryFacetValue(): Promise<string | null> {
-    return this.firstCategoryFacet
-      .locator(breadcrumbElementsSelectors.categoryFacet.facetValueComponent)
-      .first()
-      .locator('.facet__value-option')
-      .locator('span:not(.facet__number-of-results)')
-      .textContent();
-  }
-
-  async clickFirstCategoryFacetLink(): Promise<void> {
-    await this.clickFirstCategoryFacetValue(this.firstCategoryFacet);
-  }
-
-  async clickFirstCategoryFacetValue(facetLocator: Locator): Promise<void> {
-    await facetLocator
-      .locator(breadcrumbElementsSelectors.categoryFacet.facetValueComponent)
-      .first()
-      .click();
-  }
-
-  get clearAllButton(): Locator {
-    return this.page.getByRole('button', {name: /Clear All Filters/i});
-  }
-
-  async clickClearAllButton(): Promise<void> {
-    await this.clearAllButton.click();
-  }
-
-  async waitForBreadcrumbSearchUaAnalytics(
-    actionCause: string,
-    customChecker?: Function
-  ): Promise<Request> {
-    const uaRequest = this.page.waitForRequest((request) => {
-      if (isUaSearchEvent(request)) {
-        const requestBody = request.postDataJSON?.();
-        const {customData} = requestBody;
-
-        const expectedFields = {
-          actionCause: actionCause,
-        };
-        const matchesExpectedFields = Object.keys(expectedFields).every(
-          (key) => requestBody?.[key] === expectedFields[key]
-        );
-
-        return (
-          matchesExpectedFields &&
-          (customChecker ? customChecker(customData) : true)
-        );
-      }
-      return false;
-    });
-    return uaRequest;
-  }
-
-  async waitForBreadcrumbFacetUaAnalytics(
-    expectedCustomFields: Record<string, any>
-  ): Promise<Request> {
-    return this.waitForBreadcrumbSearchUaAnalytics(
-      'breadcrumbFacet',
-      (customData: Record<string, any>) => {
-        return Object.keys(expectedCustomFields).every((key) =>
-          typeof expectedCustomFields[key] === 'object'
-            ? JSON.stringify(customData?.[key]) ===
-              JSON.stringify(expectedCustomFields[key])
-            : customData?.[key] === expectedCustomFields[key]
-        );
-      }
-    );
-  }
-
-  async waitForBreadcrumbResetAllUaAnalytics(
-    customChecker?: Function
-  ): Promise<Request> {
-    return this.waitForBreadcrumbSearchUaAnalytics(
-      'breadcrumbResetAll',
-      customChecker
-    );
-  }
-}

package/force-app/main/default/lwc/quanticBreadcrumbManager/e2e/quanticBreadcrumbManager.e2e.ts

@@ -1,167 +0,0 @@
-import {testSearch, testInsight} from './fixture';
-import {
-  useCaseEnum,
-  useCaseTestCases,
-} from '../../../../../../playwright/utils/useCase';
-
-const fixtures = {
-  search: testSearch,
-  insight: testInsight,
-};
-
-const datetimeFacetLabelToValue = {
-  'Past week': 'past-1-week..now',
-  'Past month': 'past-1-month..now',
-  'Past 6 months': 'past-6-month..now',
-  'Past year': 'past-1-year..now',
-  'Past decade': 'past-10-year..now',
-};
-
-useCaseTestCases.forEach((useCase) => {
-  let test = fixtures[useCase.value];
-
-  test.describe(`quantic breadcrumb manager ${useCase.label}`, () => {
-    test.describe('when de-selecting a facet value', () => {
-      test.describe('with regular facet values', () => {
-        test('should trigger a new search and log analytics', async ({
-          breadcrumbManager,
-          search,
-        }) => {
-          const firstRegularFacetValue =
-            await breadcrumbManager.firstRegularFacetValue;
-          const searchResponsePromise = search.waitForSearchResponse();
-          await breadcrumbManager.clickFirstRegularFacetLink();
-          await searchResponsePromise;
-
-          const secondSearchResponsePromise = search.waitForSearchResponse();
-          const breadcrumbAnalyticsPromise =
-            breadcrumbManager.waitForBreadcrumbFacetUaAnalytics({
-              facetValue: firstRegularFacetValue,
-            });
-          await breadcrumbManager.clickFirstRegularFacetBreadcrumbValue();
-          await secondSearchResponsePromise;
-          await breadcrumbAnalyticsPromise;
-        });
-      });
-
-      test.describe('with numeric facet values', () => {
-        test('should trigger a new search and log analytics', async ({
-          breadcrumbManager,
-          search,
-        }) => {
-          const [facetRangeStart, facetRangeEnd] =
-            (await breadcrumbManager.firstNumericFacetValue)?.split(' - ') ??
-            [];
-          const searchResponsePromise = search.waitForSearchResponse();
-          await breadcrumbManager.clickFirstNumericFacetLink();
-          await searchResponsePromise;
-
-          const secondSearchResponsePromise = search.waitForSearchResponse();
-          // We use the facet display value to compare, but the display value is localized and can contain non-numeric characters while the analytics request doesn't contain those characters.
-          const breadcrumbAnalyticsPromise =
-            breadcrumbManager.waitForBreadcrumbFacetUaAnalytics({
-              facetRangeStart: facetRangeStart.replace(/[^\d]/g, ''),
-              facetRangeEnd: facetRangeEnd.replace(/[^\d]/g, ''),
-            });
-          await breadcrumbManager.clickFirstNumericFacetBreadcrumbValue();
-          await secondSearchResponsePromise;
-          await breadcrumbAnalyticsPromise;
-        });
-      });
-
-      test.describe('with timeframe|date facet values', () => {
-        test('should trigger a new search and log analytics', async ({
-          breadcrumbManager,
-          search,
-        }) => {
-          const facetValue = await breadcrumbManager.firstTimeframeFacetValue;
-          test.expect(facetValue).not.toBeNull();
-          const searchResponsePromise = search.waitForSearchResponse();
-          await breadcrumbManager.clickFirstTimeframeFacetLink();
-          await searchResponsePromise;
-
-          const secondSearchResponsePromise = search.waitForSearchResponse();
-          // We use the facet display value to compare, but the display value is prettified and is transformed to be human readable, while the analytics request isn't.
-          const [expectedFacetRangeStart, expectedFacetRangeEnd] =
-            datetimeFacetLabelToValue[facetValue!].split('..');
-          const breadcrumbAnalyticsPromise =
-            breadcrumbManager.waitForBreadcrumbFacetUaAnalytics({
-              facetRangeStart: expectedFacetRangeStart,
-              facetRangeEnd: expectedFacetRangeEnd,
-            });
-          await breadcrumbManager.clickFirstTimeframeFacetBreadcrumbValue();
-          await secondSearchResponsePromise;
-          await breadcrumbAnalyticsPromise;
-        });
-      });
-
-      test.describe('with category facet values', () => {
-        test('should trigger a new search and log analytics', async ({
-          breadcrumbManager,
-          search,
-        }) => {
-          const facetValue = await breadcrumbManager.firstCategoryFacetValue;
-          test.expect(facetValue).not.toBeNull();
-          const searchResponsePromise = search.waitForSearchResponse();
-          await breadcrumbManager.clickFirstCategoryFacetLink();
-          await searchResponsePromise;
-
-          const secondSearchResponsePromise = search.waitForSearchResponse();
-          const expectedFacetValue = facetValue!;
-          const breadcrumbAnalyticsPromise =
-            breadcrumbManager.waitForBreadcrumbFacetUaAnalytics({
-              categoryFacetPath: [expectedFacetValue],
-            });
-          await breadcrumbManager.clickFirstCategoryFacetBreadcrumbValue();
-          await secondSearchResponsePromise;
-          await breadcrumbAnalyticsPromise;
-        });
-      });
-    });
-
-    test.describe('when clicking on the clear all filters button', () => {
-      test('should send a clear all filters analytics event and clear all selected facets values', async ({
-        breadcrumbManager,
-        search,
-      }) => {
-        const searchResponsePromise = search.waitForSearchResponse();
-        await breadcrumbManager.clickFirstRegularFacetLink();
-        await searchResponsePromise;
-
-        const searchResponsePromiseTwo = search.waitForSearchResponse();
-        await breadcrumbManager.clickFirstTimeframeFacetLink();
-        await searchResponsePromiseTwo;
-
-        test.expect(breadcrumbManager.clearAllButton).toBeVisible();
-        const clearAllSearchResponsePromise = search.waitForSearchResponse();
-        const clearAllAnalyticsPromise =
-          breadcrumbManager.waitForBreadcrumbResetAllUaAnalytics();
-        await breadcrumbManager.clickClearAllButton();
-        await clearAllAnalyticsPromise;
-        const clearAllSearchResponse = await clearAllSearchResponsePromise;
-        const {facets} = await clearAllSearchResponse.json();
-        const activeFacets = facets.filter((facet: any) =>
-          facet.values.some((value: any) => value.state !== 'idle')
-        );
-        test.expect(activeFacets).toHaveLength(0);
-      });
-    });
-
-    if (useCase.value === useCaseEnum.search) {
-      test.describe('when loading with a facet already selected', () => {
-        const facetSelectedHash = 'f-filetype=YouTubeVideo';
-        test.use({
-          urlHash: facetSelectedHash,
-        });
-
-        test('should have a facet selected in the breadcrumb manager', async ({
-          breadcrumbManager,
-        }) => {
-          test
-            .expect(await breadcrumbManager.countAllFacetsBreadcrumb())
-            .toBe(1);
-        });
-      });
-    }
-  });
-});

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

@@ -1,262 +0,0 @@
-/* eslint-disable jest/no-conditional-expect */
-// @ts-ignore
-import {createElement} from 'lwc';
-import QuanticCarousel from '../quanticCarousel';
-
-const exampleNumberOfPages = 2;
-const exampleNumberOfItemsPerPage = 1;
-const selectors = {
-  previousNavigation: '.carousel__previous-navigation',
-  nextNavigation: '.carousel__next-navigation',
-  indicators: '.carousel__indicator',
-  error: 'c-quantic-component-error',
-  carousel: 'section[role="region"]',
-};
-
-const exampleItemOne = document.createElement('div');
-exampleItemOne.innerText = 'Item One';
-const exampleItemTwo = document.createElement('div');
-exampleItemTwo.innerText = 'Item Two';
-const activeCarouselIndicatorCSSClass = 'carousel__indicator--active';
-const carouselItemDisplayedStyles = '';
-const carouselItemHiddenStyles = 'none';
-const exampleAssignedElements = [exampleItemOne, exampleItemTwo];
-const exampleLabel = 'example Label';
-
-const defaultOptions = {
-  itemsPerPage: exampleNumberOfItemsPerPage,
-  label: exampleLabel,
-};
-
-function createTestComponent(
-  options = defaultOptions,
-  assignedElements = exampleAssignedElements
-) {
-  mockSlotAssignedNodes(assignedElements);
-
-  const element = createElement('c-quantic-carousel', {
-    is: QuanticCarousel,
-  });
-
-  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));
-}
-
-/**
- * Mocks the return value of the assignedNodes method.
- * @param {Array<Element>} assignedElements
- */
-function mockSlotAssignedNodes(assignedElements) {
-  HTMLSlotElement.prototype.assignedNodes = function () {
-    return assignedElements;
-  };
-}
-
-const invalidPositiveIntegerProperty =
-  'The value of the property must be an integer greater than 0.';
-jest.mock(
-  '@salesforce/label/c.quantic_InvalidPositiveIntegerProperty',
-  () => ({default: invalidPositiveIntegerProperty}),
-  {
-    virtual: true,
-  }
-);
-
-describe('c-quantic-carousel', () => {
-  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();
-  }
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  it('should properly handle the different pages of the carousel when changing pages', async () => {
-    const element = createTestComponent();
-    await flushPromises();
-
-    const previousNavigation = element.shadowRoot.querySelector(
-      selectors.previousNavigation
-    );
-    const nextNavigation = element.shadowRoot.querySelector(
-      selectors.nextNavigation
-    );
-    expect(exampleItemOne.style.display).toBe(carouselItemDisplayedStyles);
-    expect(exampleItemTwo.style.display).toBe(carouselItemHiddenStyles);
-
-    nextNavigation.click();
-    await flushPromises();
-    expect(exampleItemOne.style.display).toBe(carouselItemHiddenStyles);
-    expect(exampleItemTwo.style.display).toBe(carouselItemDisplayedStyles);
-
-    previousNavigation.click();
-    await flushPromises();
-    expect(exampleItemOne.style.display).toBe(carouselItemDisplayedStyles);
-    expect(exampleItemTwo.style.display).toBe(carouselItemHiddenStyles);
-  });
-
-  it('should display the correct number of carousel indicators in the correct state', async () => {
-    const element = createTestComponent();
-    await flushPromises();
-
-    const carouselIndicators = element.shadowRoot.querySelectorAll(
-      selectors.indicators
-    );
-
-    expect(carouselIndicators.length).toBe(exampleNumberOfPages);
-    carouselIndicators.forEach((indicator, index) => {
-      if (index === 0) {
-        expect(indicator.classList).toContain(activeCarouselIndicatorCSSClass);
-      } else {
-        expect(indicator.classList).not.toContain(
-          activeCarouselIndicatorCSSClass
-        );
-      }
-    });
-  });
-
-  it('should use the correct carousel label', async () => {
-    const element = createTestComponent();
-    await flushPromises();
-
-    const carousel = element.shadowRoot.querySelector(selectors.carousel);
-
-    expect(carousel).not.toBeNull();
-    expect(carousel.ariaLabel).toBe(exampleLabel);
-  });
-
-  describe('when interacting with the carousel indicators', () => {
-    it('should correctly mark as active the carousel indicator that was clicked', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-
-      const carouselIndicators = element.shadowRoot.querySelectorAll(
-        selectors.indicators
-      );
-
-      expect(carouselIndicators.length).toBe(exampleNumberOfPages);
-
-      carouselIndicators[exampleNumberOfPages - 1].click();
-      await flushPromises();
-
-      carouselIndicators.forEach((indicator, index) => {
-        if (index === exampleNumberOfPages - 1) {
-          expect(indicator.classList).toContain(
-            activeCarouselIndicatorCSSClass
-          );
-        } else {
-          expect(indicator.classList).not.toContain(
-            activeCarouselIndicatorCSSClass
-          );
-        }
-      });
-    });
-  });
-
-  describe('when being in the first page of the carousel', () => {
-    it('the previous navigation button should be disabled and the next navigation button should be enabled', async () => {
-      const element = createTestComponent();
-      await flushPromises();
-      const previousNavigation = element.shadowRoot.querySelector(
-        selectors.previousNavigation
-      );
-      const nextNavigation = element.shadowRoot.querySelector(
-        selectors.nextNavigation
-      );
-
-      expect(previousNavigation).not.toBeNull();
-      expect(previousNavigation.disabled).toBe(true);
-      expect(nextNavigation).not.toBeNull();
-      expect(nextNavigation.disabled).toBe(false);
-    });
-  });
-
-  describe('when being in the last page of the carousel', () => {
-    it('the previous navigation button should be enabled and the next navigation button should be disabled', async () => {
-      const element = createTestComponent();
-      element.currentPage = exampleNumberOfPages - 1;
-      await flushPromises();
-
-      const previousNavigation = element.shadowRoot.querySelector(
-        selectors.previousNavigation
-      );
-      const nextNavigation = element.shadowRoot.querySelector(
-        selectors.nextNavigation
-      );
-
-      expect(previousNavigation).not.toBeNull();
-      expect(previousNavigation.disabled).toBe(false);
-      expect(nextNavigation).not.toBeNull();
-      expect(nextNavigation.disabled).toBe(true);
-    });
-  });
-
-  describe('when used with invalid properties', () => {
-    let consoleError;
-
-    beforeEach(() => {
-      consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
-    });
-
-    afterEach(() => {
-      consoleError.mockReset();
-    });
-
-    it('should display an error message when the property itemsPerPage is undefined', async () => {
-      const element = createTestComponent({
-        ...defaultOptions,
-        itemsPerPage: undefined,
-      });
-
-      await flushPromises();
-
-      const error = element.shadowRoot.querySelector(selectors.error);
-
-      expect(error).not.toBeNull();
-      expect(error.message).toBe(invalidPositiveIntegerProperty);
-      expect(consoleError).toHaveBeenCalledWith(invalidPositiveIntegerProperty);
-    });
-
-    it('should display an error message when the property itemsPerPage is not a valid number', async () => {
-      const element = createTestComponent({
-        ...defaultOptions,
-        // @ts-ignore
-        itemsPerPage: 'invalid value',
-      });
-      await flushPromises();
-
-      const error = element.shadowRoot.querySelector(selectors.error);
-
-      expect(error).not.toBeNull();
-      expect(error.message).toBe(invalidPositiveIntegerProperty);
-      expect(consoleError).toHaveBeenCalledWith(invalidPositiveIntegerProperty);
-    });
-
-    it('should display an error message when the property itemsPerPage is a negative value', async () => {
-      const element = createTestComponent({
-        ...defaultOptions,
-        itemsPerPage: -1,
-      });
-      await flushPromises();
-
-      const error = element.shadowRoot.querySelector(selectors.error);
-
-      expect(error).not.toBeNull();
-      expect(error.message).toBe(invalidPositiveIntegerProperty);
-      expect(consoleError).toHaveBeenCalledWith(invalidPositiveIntegerProperty);
-    });
-  });
-});