test(e2e): fix remaining failures

- nextjs-ssr: use local @playwright/test (drop shared fixtures), add helper openLocalhost
- federated-css-react-ssr: switch to Playwright selectors/constants; wait for federated button

Author: ScriptedAlchemy

federated-css-react-ssr/e2e/common-checks.spec.ts

@@ -1,8 +1,8 @@
 import { expect, test } from '@playwright/test';
 import type { Page } from '@playwright/test';
-import { selectors } from '../../cypress-e2e/common/selectors';
+import { selectors } from '../../playwright-e2e/common/selectors';
 import { CssAttr } from '../../cypress-e2e/types/cssAttr';
-import { Constants } from '../../cypress-e2e/fixtures/constants';
+import { Constants } from '../../playwright-e2e/fixtures/constants';
 
 const {
   css,
@@ -66,6 +66,7 @@ const buildUrl = (port: number, path?: string): string => {
 };
 
 const expectButtonsInOrder = async (page: Page, buttons: ButtonConfig[]) => {
+  await page.waitForSelector(selectors.federatedCssButton, { timeout: 30_000 });
   const buttonLocator = page.locator(selectors.federatedCssButton);
   await expect(buttonLocator).toHaveCount(buttons.length);
 
@@ -76,6 +77,7 @@ const expectButtonsInOrder = async (page: Page, buttons: ButtonConfig[]) => {
 };
 
 const expectAllButtonsMatch = async (page: Page, expected: ButtonConfig) => {
+  await page.waitForSelector(selectors.federatedCssButton, { timeout: 30_000 });
   const buttonLocator = page.locator(selectors.federatedCssButton);
   await expect(buttonLocator).not.toHaveCount(0);
 

nextjs-ssr/e2e/checkNextjsSsr.spec.ts

@@ -1,6 +1,5 @@
-import type { Page } from '@playwright/test';
+import { test, expect, type Page } from '@playwright/test';
 import { Constants } from '../../cypress-e2e/fixtures/constants';
-import { test, expect } from '../../playwright-e2e/common/testFixtures';
 
 interface AppConfig {
   name: string;
@@ -107,6 +106,12 @@ const buildPathRegex = (port: number, path: string): RegExp => {
   return new RegExp(`^http://localhost:${port}${escapedPath}(?:\\/)?$`);
 };
 
+async function openLocalhost(page: Page, { port, path }: { port: number; path?: string }): Promise<void> {
+  const normalizedPath = path ? (path.startsWith('/') ? path : `/${path}`) : '';
+  const url = `http://localhost:${port}${normalizedPath}`;
+  await page.goto(url, { waitUntil: 'networkidle' });
+}
+
 const expectSharedNavigation = async (page: Page): Promise<void> => {
   const nav = page.locator('nav');
   await expect(nav).toBeVisible();
@@ -189,49 +194,49 @@ const expectNavigationFlow = async (page: Page, port: number): Promise<void> =>
 test.describe('NextJS SSR', () => {
   for (const { name, port } of appsUnderTest) {
     test.describe(`${name} host`, () => {
-      test(`Home page renders shared navigation in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port });
+      test(`Home page renders shared navigation in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port });
         await expectSharedNavigation(page);
       });
 
-      test(`Home page renders federated content in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port });
+      test(`Home page renders federated content in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port });
         await expectHomePageContent(page);
         await expectHomeTiles(page);
       });
 
-      test(`Home page navigation works in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port });
+      test(`Home page navigation works in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port });
         await expectNavigationFlow(page, port);
       });
 
-      test(`Shop page renders shared navigation in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.shop });
+      test(`Shop page renders shared navigation in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.shop });
         await expectSharedNavigation(page);
       });
 
-      test(`Shop page renders federated content in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.shop });
+      test(`Shop page renders federated content in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.shop });
         await expectShopContent(page);
       });
 
-      test(`Shop page navigation works in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.shop });
+      test(`Shop page navigation works in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.shop });
         await expectNavigationFlow(page, port);
       });
 
-      test(`Checkout page renders shared navigation in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.checkout });
+      test(`Checkout page renders shared navigation in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.checkout });
         await expectSharedNavigation(page);
       });
 
-      test(`Checkout page renders federated content in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.checkout });
+      test(`Checkout page renders federated content in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.checkout });
         await expectCheckoutContent(page);
       });
 
-      test(`Checkout page navigation works in ${name}`, async ({ basePage, page }) => {
-        await basePage.openLocalhost({ port, path: Constants.hrefs.nextJsSsrApp.checkout });
+      test(`Checkout page navigation works in ${name}`, async ({ page }) => {
+        await openLocalhost(page, { port, path: Constants.hrefs.nextJsSsrApp.checkout });
         await expectNavigationFlow(page, port);
       });
     });