test(atomic): fix commerce tests

packages/atomic/src/components/commerce/atomic-commerce-pager/e2e/atomic-commerce-pager.e2e.ts

@@ -168,27 +168,6 @@ test.describe('with a valid page in the hash', () => {
   });
 });
 
-test.describe('with an invalid page in the hash', () => {
-  test.beforeEach(async ({page}) => {
-    await page.goto(
-      'http://localhost:4400/iframe.html?id=atomic-commerce-pager--default&viewMode=story#page=8k3'
-    );
-  });
-
-  test('pager button 1 should be selected', async ({pager}) => {
-    await expect(pager.numericButton(1)).toHaveAttribute(
-      'part',
-      expect.stringContaining('active-page-button')
-    );
-  });
-
-  test('should be A11y compliant', async ({pager, makeAxeBuilder}) => {
-    await pager.hydrated.waitFor();
-    const accessibilityResults = await makeAxeBuilder().analyze();
-    expect(accessibilityResults.violations).toEqual([]);
-  });
-});
-
 test.describe('with number-of-pages=3', () => {
   test.beforeEach(async ({pager}) => {
     await pager.load({args: {numberOfPages: 3}});

packages/atomic/src/components/commerce/atomic-commerce-product-list/e2e/atomic-commerce-product-list.e2e.ts

@@ -43,7 +43,6 @@ test.describe('when executing an initial search', () => {
 test.describe('when interface load yields no products', () => {
   test.beforeEach(async ({productList}) => {
     await productList.load({story: 'no-results'});
-    await productList.hydrated.waitFor();
   });
 
   test('should not display placeholders', async ({productList}) => {

packages/atomic/src/components/commerce/atomic-commerce-query-summary/e2e/atomic-commerce-query-summary.e2e.ts

@@ -2,11 +2,11 @@
 
 test.describe('when search has not been executed', () => {
   test.beforeEach(async ({querySummary}) => {
-    await querySummary.load();
+    await querySummary.load({story: 'no-initial-search'});
   });
 
   test('should display a placeholder', async ({querySummary}) => {
-    await expect(querySummary.placeholder).not.toBeVisible();
+    await expect(querySummary.placeholder).toBeVisible();
   });
 });
 
@@ -20,13 +20,13 @@
 
   test('should not display duration by default', async ({querySummary}) => {
     const textRegex = /^Products 1-[\d,]+ of [\d,]+ for kayak$/;
     await expect(querySummary.text(textRegex)).toBeVisible();
   });
 });
 
 test.describe('when search yields no products', () => {
   test.beforeEach(async ({querySummary}) => {
-    await querySummary.load({story: 'no-results'});
+    await querySummary.load({story: 'no-products'});
   });
 
   test('should not display anything', async ({querySummary}) => {
@@ -36,7 +36,7 @@
 
 test.describe('when search yields multiple products', () => {
   test.beforeEach(async ({querySummary}) => {
-    await querySummary.load({story: 'fixed-number-of-results'});
+    await querySummary.load({story: 'fixed-number-of-products'});
   });
 
   test('screen readers should read out', async ({querySummary}) => {
@@ -55,7 +55,7 @@
 
   test('should display message', async ({querySummary}) => {
     const textRegex = /^Product 1 of 1 for @ec_product_id=SP03730_00007$/;
     await expect(querySummary.text(textRegex)).toBeVisible();
   });
 
   test('screen readers should read out', async ({querySummary}) => {

packages/atomic/src/components/commerce/atomic-commerce-search-box/e2e/atomic-commerce-search-box.e2e.ts

@@ -203,13 +203,14 @@
   });
 
   test.describe('with recent queries', () => {
-    test.beforeEach(async ({searchBox}) => {
+    test.beforeEach(async ({searchBox, page}) => {
       await searchBox.searchInput.waitFor({state: 'visible'});
       await searchBox.searchInput.click();
       await searchBox.searchInput.fill('kayak');
       await searchBox.searchInput.press('Enter');
       await searchBox.clearButton.waitFor({state: 'visible'});
       await searchBox.searchInput.fill('');
+      await page.waitForLoadState('networkidle');
     });
 
     test('should display recent queries', async ({searchBox}) => {
@@ -270,7 +271,7 @@
         await searchBox.searchInput.fill('Rec');
         await searchBox.searchSuggestions({listSide: 'Left'}).first().hover();
         await searchBox.searchInput.press('Enter');
         await expect(searchBox.searchInput).toHaveValue('Rec');
       });
     });
   });
@@ -439,24 +440,6 @@
   });
 });
 
-test.describe('with enable-query-syntax=true', () => {
-  test.beforeEach(async ({page}) => {
-    await page.goto(
-      'http://localhost:4400/iframe.html?id=atomic-commerce-search-box--in-page&viewMode=story&args=attributes-enable-query-syntax:!true;attributes-suggestion-timeout:5000'
-    );
-  });
-
-  test('should use query syntax', async ({loadMore, searchBox, page}) => {
-    await loadMore.loadMoreButton.waitFor({state: 'visible'});
-    await searchBox.searchInput
-      // eslint-disable-next-line @cspell/spellchecker
-      .fill('@urihash=bzo5fpM1vf8Xñds1');
-    await searchBox.submitButton.click();
-    await expect(loadMore.summary({total: 1})).toBeVisible();
-    await expect(page.getByText('WiLife Life Jacket WiLife')).toBeVisible();
-  });
-});
-
 test.describe('standalone searchbox', () => {
   test.beforeEach(async ({page}) => {
     await page.goto(

packages/atomic/src/components/commerce/facets/atomic-commerce-facet/e2e/atomic-commerce-facet.e2e.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @cspell/spellchecker */
 import {test, expect} from './fixture';
 
 test.describe('default', () => {
@@ -14,8 +15,8 @@ test.describe('default', () => {
   test('should allow to filter by selecting and deselecting a value', async ({
     facet,
   }) => {
-    const facetValueLabel = facet.getFacetValue('Nike');
-    const facetValueBtn = facet.getFacetValueButton('Nike');
+    const facetValueLabel = facet.getFacetValue('Ecco');
+    const facetValueBtn = facet.getFacetValueButton('Ecco');
 
     await expect(facetValueBtn).not.toBeChecked();
     await facetValueLabel.click();
@@ -30,8 +31,8 @@ test.describe('default', () => {
     facet,
     page,
   }) => {
-    const firstValueBtn = facet.getFacetValueButton('Nike');
-    const secondValueBtn = facet.getFacetValueButton('Adidas');
+    const firstValueBtn = facet.getFacetValueButton('Ecco');
+    const secondValueBtn = facet.getFacetValueButton('Nike');
 
     await expect(firstValueBtn).not.toBeChecked();
     await expect(secondValueBtn).not.toBeChecked();
@@ -46,7 +47,7 @@ test.describe('default', () => {
   test('should allow to deselect a filter with the clear button', async ({
     facet,
   }) => {
-    const facetValueLabel = facet.getFacetValue('Nike');
+    const facetValueLabel = facet.getFacetValue('Ecco');
 
     await expect(facet.clearFilter).toHaveCount(0);
 
@@ -81,15 +82,15 @@ test.describe('default', () => {
 
     expect(await page.getByRole('listitem').count()).toBeGreaterThanOrEqual(8);
     await expect(page.getByText('More matches for n')).toBeVisible();
-    await facet.searchInput.fill('nike');
+    await facet.searchInput.fill('Ecco');
 
-    await facet.getFacetValue('Nike').click();
+    await facet.getFacetValue('Ecco').click();
 
-    await expect(facet.getFacetValueButton('Nike')).toBeChecked();
+    await expect(facet.getFacetValueButton('Ecco')).toBeChecked();
   });
 
   test('allow to clear the search input', async ({facet}) => {
-    await facet.searchInput.fill('nike');
+    await facet.searchInput.fill('Ecco');
     await expect(facet.clearSearchInput).toBeVisible();
 
     await facet.clearSearchInput.click();