fix: resolve Playwright test import conflicts

- Use standard @playwright/test imports instead of custom extended test
- Export BasePage class and instantiate it in tests
- This fixes "test.describe() called in unexpected place" errors in CI
- Maintain the same test functionality while avoiding version conflicts

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: ScriptedAlchemy

advanced-api/dynamic-remotes-runtime-environment-variables/e2e/checkDynamicRemotesRuntimesApps.spec.ts

@@ -1,4 +1,5 @@
-import { test, expect } from './utils/base-test';
+import { test, expect } from '@playwright/test';
+import { BasePage } from './utils/base-test';
 import { selectors } from './utils/selectors';
 import { Constants } from './utils/constants';
 
@@ -32,7 +33,8 @@ test.describe('Dynamic Remotes Runtime Environment Variables E2E Tests', () => {
     const { host, subheader, header, hostH3, paragraph, button, loading, buttonHeader, buttonH2, buttonParagraph } = appData;
 
     test.describe(`Check ${subheader} app`, () => {
-      test(`should display ${subheader} app widget functionality and application elements`, async ({ basePage }) => {
+      test(`should display ${subheader} app widget functionality and application elements`, async ({ page }) => {
+        const basePage = new BasePage(page);
         await basePage.openLocalhost(host);
 
         // Check main header
@@ -99,7 +101,8 @@ test.describe('Dynamic Remotes Runtime Environment Variables E2E Tests', () => {
       expect(envConfigRequests.length).toBeGreaterThan(0);
     });
 
-    test('should demonstrate dynamic remote loading with environment config', async ({ basePage }) => {
+    test('should demonstrate dynamic remote loading with environment config', async ({ page }) => {
+      const basePage = new BasePage(page);
       await basePage.openLocalhost(3000);
 
       // Click to load remote component

advanced-api/dynamic-remotes-runtime-environment-variables/e2e/utils/base-test.ts

@@ -1,6 +1,6 @@
 import { test as base, expect, Page } from '@playwright/test';
 
-class BasePage {
+export class BasePage {
   constructor(public page: Page) {}
 
   async openLocalhost(port: number) {