test(examples): expand playwright coverage for rsc federation

Author: cursoragent

examples/rsbuild-rsc-federation/e2e/app.spec.ts

@@ -9,6 +9,11 @@ for (const app of appUrls) {
   test(`renders ${app.name} demo app and supports interaction`, async ({
     page,
   }) => {
+    const pageErrors: string[] = [];
+    page.on('pageerror', (error) => {
+      pageErrors.push(error.message);
+    });
+
     await page.goto(app.url);
 
     await expect(page.getByTestId('app-ready')).toBeVisible();
@@ -24,5 +29,98 @@ for (const app of appUrls) {
     await page.getByTestId('increment-button').click();
 
     await expect(page.getByTestId('counter-value')).toHaveText('2');
+    expect(pageErrors).toEqual([]);
+  });
+
+  test(`serves ${app.name} RSC federation artifacts`, async ({ request }) => {
+    const baseUrl = app.url.replace(/\/$/, '');
+    const [
+      statsResponse,
+      manifestResponse,
+      clientStatsResponse,
+      clientManifestResponse,
+      remoteEntryResponse,
+      remoteEntryClientResponse,
+    ] = await Promise.all([
+      request.get(`${baseUrl}/mf-stats.json`),
+      request.get(`${baseUrl}/mf-manifest.json`),
+      request.get(`${baseUrl}/mf-manifest.client-stats.json`),
+      request.get(`${baseUrl}/mf-manifest.client.json`),
+      request.get(`${baseUrl}/remoteEntry.js`),
+      request.get(`${baseUrl}/remoteEntry.client.js`),
+    ]);
+
+    expect(statsResponse.status()).toBe(200);
+    expect(manifestResponse.status()).toBe(200);
+    expect(clientStatsResponse.status()).toBe(200);
+    expect(clientManifestResponse.status()).toBe(200);
+    expect(remoteEntryResponse.status()).toBe(200);
+    expect(remoteEntryClientResponse.status()).toBe(200);
+
+    const stats = await statsResponse.json();
+    const manifest = await manifestResponse.json();
+    const clientStats = await clientStatsResponse.json();
+    const clientManifest = await clientManifestResponse.json();
+    const remoteEntryText = await remoteEntryResponse.text();
+    const remoteEntryClientText = await remoteEntryClientResponse.text();
+
+    const expectedServerExposes = [
+      './button',
+      './composed',
+      './consumer',
+      './server-mixed',
+    ];
+    const expectedClientExposes = ['./button', './composed'];
+
+    const statsExposePaths = stats.exposes.map(
+      (expose: { path: string }) => expose.path,
+    );
+    const manifestExposePaths = manifest.exposes.map(
+      (expose: { path: string }) => expose.path,
+    );
+    const clientStatsExposePaths = clientStats.exposes.map(
+      (expose: { path: string }) => expose.path,
+    );
+    const clientManifestExposePaths = clientManifest.exposes.map(
+      (expose: { path: string }) => expose.path,
+    );
+
+    for (const exposePath of expectedServerExposes) {
+      expect(statsExposePaths).toContain(exposePath);
+      expect(manifestExposePaths).toContain(exposePath);
+    }
+
+    for (const exposePath of expectedClientExposes) {
+      expect(clientStatsExposePaths).toContain(exposePath);
+      expect(clientManifestExposePaths).toContain(exposePath);
+    }
+
+    const sharedNames = stats.shared.map(
+      (shared: { name: string }) => shared.name,
+    );
+    expect(sharedNames).toContain('rsc-shared-key');
+    expect(sharedNames).toContain('rsc-shared-actions-key');
+
+    const sharedActionsEntry = stats.shared.find(
+      (shared: {
+        name: string;
+        rsc?: { serverActions?: Array<{ id: string; name: string }> };
+      }) => shared.name === 'rsc-shared-actions-key',
+    );
+    expect(sharedActionsEntry?.rsc?.serverActions?.length).toBeGreaterThan(0);
+
+    const remoteEntry = stats.remotes.find(
+      (remote: {
+        alias: string;
+        moduleName: string;
+        rsc?: { lookup?: string };
+      }) => remote.alias === 'remote' && remote.moduleName === 'Button',
+    );
+    expect(remoteEntry?.rsc?.lookup).toBe('remote/Button');
+
+    expect(remoteEntryText).toContain('server-mixed');
+    expect(remoteEntryText).toContain('composed');
+    expect(remoteEntryClientText).toContain('composed');
+    expect(remoteEntryClientText).toContain('button');
   });
 }