Me 18059 esm tests over preview build

.github/workflows/e2e_pr.yml

@@ -26,8 +26,17 @@ jobs:
       - name: NPM Install
         run: npm install
 
+      - name: Extract PR Number
+        id: extract_pr_number
+        run: echo "PR_NUMBER=${{ github.event.pull_request.number }}" >> $GITHUB_ENV
+
+      - name: Set Deploy Preview URL
+        run: echo "PREVIEW_URL=https://deploy-preview-${{ env.PR_NUMBER }}--cld-vp-esm-pages.netlify.app" >> $GITHUB_ENV
+
       - name: E2E tests
         run: npm run test:e2e
+        env:
+          PREVIEW_URL: ${{ env.PREVIEW_URL }}
 
       - name: Upload report to artifact
         uses: actions/upload-artifact@v4

test/e2e/specs/linksConsoleErrorsEsmPage.spec.ts

@@ -1,19 +1,25 @@
-import { ConsoleMessage, expect } from '@playwright/test';
+import { ConsoleMessage, expect, Page } from '@playwright/test';
 import { vpTest } from '../fixtures/vpTest';
 import { ESM_LINKS } from '../testData/esmPageLinksData';
 import { waitForPageToLoadWithTimeout } from '../src/helpers/waitForPageToLoadWithTimeout';
 import { validatePageErrors } from '../src/helpers/validatePageErrors';
 
-const ESM_URL = 'https://cld-vp-esm-pages.netlify.app/';
+const EDGE_ESM_URL = 'https://cld-vp-esm-pages.netlify.app/';
+// On PR level it will use the preview deploy URL and locally it will use the latest EDGE.
+const ESM_URL = process.env.PREVIEW_URL || EDGE_ESM_URL;
+// Flag to indicate if the deploy URL is ready
+let isDeployReady = false;
+
 /**
  * Console error test generated by LINKS object array data.
  */
 for (const link of ESM_LINKS) {
     vpTest(`Test console errors on link ${link.name}`, async ({ page, consoleErrors, vpExamples }) => {
         vpTest.skip(link.name === 'Adaptive Streaming', 'Flaky on CI');
-        /**
-         * Navigate to ESM Imports examples page
-         */
+        //Wait for deploy URL to be available if PREVIEW_URL is set, and it is not available yet
+        if (process.env.PREVIEW_URL && !isDeployReady) {
+            await waitForDeployPreviewUrl(ESM_URL, page);
+        }
         await page.goto(ESM_URL);
         await vpExamples.clickLinkByName(link.name);
         await waitForPageToLoadWithTimeout(page, 5000);
@@ -50,3 +56,19 @@ function handleCommonEsmBrowsersErrors(linkName: string, consoleErrors: ConsoleM
             validatePageErrors(consoleErrors, [], ['the server responded with a status of 404']);
     }
 }
+/**
+ * Waits for a deploy preview URL to become available by making repeated requests.
+ */
+async function waitForDeployPreviewUrl(url: string, page: Page): Promise<void> {
+    await expect(async () => {
+        if (isDeployReady) {
+            console.log('Deploy preview is already available, skipping check.');
+            return; // Skip checking if already confirmed as available
+        }
+        console.log('Waiting for deploy preview to be ready...');
+        const response = await page.request.get(url);
+        expect(response.status()).toBe(200);
+        isDeployReady = true; // Set flag to true when the URL is verified
+        console.log('Deploy preview is now available!'); // Print to console when ready
+    }).toPass({ timeout: 30000 });
+}