fix flaky tests

https://coveord.atlassian.net/browse/KIT-3648
coveo · Oct 31, 2024 · 36e7af9 · 36e7af9
1 parent cab1ce0
commit 36e7af9
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 0 deletions.
diff --git a/...duct-template-components/atomic-product-description/e2e/atomic-product-description.e2e.ts b/...duct-template-components/atomic-product-description/e2e/atomic-product-description.e2e.ts
@@ -84,6 +84,9 @@ test.describe('atomic-product-description', async () => {
     ];
 
     truncateValues.forEach(({value, expectedClass}) => {
+      test.beforeEach(async ({productDescription}) => {
+        await productDescription.withLongDescription();
+      });
       test.describe(`when truncateAfter is set to ${value}`, async () => {
         test(`should truncate description after ${value} lines`, async ({
           productDescription,

diff --git a/...onents/commerce/product-template-components/atomic-product-description/e2e/page-object.ts b/...onents/commerce/product-template-components/atomic-product-description/e2e/page-object.ts
@@ -21,4 +21,19 @@ export class ProductDescriptionPageObject extends BasePageObject<'atomic-product
   get showLessButton() {
     return this.page.getByRole('button', {name: 'Show less'});
   }
+
+  async withLongDescription() {
+    await this.page.route('**/commerce/v2/search', async (route) => {
+      const response = await route.fetch();
+      const body = await response.json();
+      body.products[0].ec_description =
+        'This is a long description that should be truncated'.repeat(10);
+      await route.fulfill({
+        response,
+        json: body,
+      });
+    });
+
+    return this;
+  }
 }
diff --git a/...erce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts b/...erce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts
@@ -56,6 +56,9 @@ test.describe('atomic-product-excerpt', async () => {
     ];
 
     truncateValues.forEach(({value, expectedClass}) => {
+      test.beforeEach(async ({productExcerpt}) => {
+        await productExcerpt.withLongExcerpt();
+      });
       test.describe(`when truncateAfter is set to ${value}`, async () => {
         test(`should truncate excerpt after ${value} lines`, async ({
           productExcerpt,

diff --git a/...components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts b/...components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts
@@ -21,4 +21,19 @@ export class ProductExcerptPageObject extends BasePageObject<'atomic-product-exc
   get showLessButton() {
     return this.page.getByRole('button', {name: 'Show less'});
   }
+
+  async withLongExcerpt() {
+    await this.page.route('**/commerce/v2/search', async (route) => {
+      const response = await route.fetch();
+      const body = await response.json();
+      body.products[0].excerpt =
+        'This is a long excerpt that should be truncated'.repeat(10);
+      await route.fulfill({
+        response,
+        json: body,
+      });
+    });
+
+    return this;
+  }
 }