feat: implement network condition simulation in NetworkSimulator

e2e/src/tests/utils/network-simulator.spec.ts

@@ -24,10 +24,9 @@ test.describe('NetworkSimulator', () => {
   test('should switch back to online mode', async ({ page, context }) => {
     const simulator = new NetworkSimulator(context);
     await simulator.goOffline();
-    await page.goto('/');
     
     await simulator.goOnline();
-    await page.reload();
+    await page.goto('/');
     
     await expect(page.locator('header')).toBeVisible();
   });
@@ -35,7 +34,7 @@ test.describe('NetworkSimulator', () => {
   test('should simulate network switch', async ({ page, context }) => {
     const simulator = new NetworkSimulator(context);
     
-    await simulator.simulateNetworkSwitch(networkConfigs['4g'], networkConfigs['3g-slow']);
+    await simulator.simulateNetworkSwitch(networkConfigs['wifi-fast'], networkConfigs['3g-fast']);
     
     await page.goto('/');
     await expect(page.locator('header')).toBeVisible();
@@ -43,11 +42,48 @@ test.describe('NetworkSimulator', () => {
   
   test('should reset network condition', async ({ page, context }) => {
     const simulator = new NetworkSimulator(context);
-    await simulator.setNetworkCondition(networkConfigs['3g-slow']);
+    await simulator.setNetworkCondition(networkConfigs['3g-fast']);
     
     await simulator.resetNetworkCondition();
-    
     await page.goto('/');
+    
     await expect(page.locator('header')).toBeVisible();
   });
+  
+  test('should track network requests', async ({ page, context }) => {
+    const simulator = new NetworkSimulator(context);
+    
+    await page.goto('/');
+    
+    const requests = simulator.getRequests();
+    expect(requests.length).toBeGreaterThan(0);
+  });
+  
+  test('should get failed requests', async ({ page, context }) => {
+    const simulator = new NetworkSimulator(context);
+    
+    await page.goto('/');
+    
+    const failedRequests = simulator.getFailedRequests();
+    expect(Array.isArray(failedRequests)).toBe(true);
+  });
+  
+  test('should get slow requests', async ({ page, context }) => {
+    const simulator = new NetworkSimulator(context);
+    
+    await page.goto('/');
+    
+    const slowRequests = simulator.getSlowRequests(1000);
+    expect(Array.isArray(slowRequests)).toBe(true);
+  });
+  
+  test('should clear requests', async ({ page, context }) => {
+    const simulator = new NetworkSimulator(context);
+    
+    await page.goto('/');
+    expect(simulator.getRequests().length).toBeGreaterThan(0);
+    
+    simulator.clearRequests();
+    expect(simulator.getRequests().length).toBe(0);
+  });
 });

e2e/src/utils/NetworkSimulator.ts

@@ -35,74 +35,39 @@ export class NetworkSimulator {
   }
   
   async setNetworkCondition(config: NetworkConfig): Promise<void> {
-    const page = this.context.pages()[0];
-    if (!page) throw new Error('No page available');
-    
-    const cdpSession = await this.context.newCDPSession(page);
-    
     if (config.offline) {
-      await cdpSession.send('Network.emulateNetworkConditions', {
+      await this.context.setOffline(true);
-        offline: true,
-        downloadThroughput: 0,
-        uploadThroughput: 0,
-        latency: 0,
-      });
     } else {
-      await cdpSession.send('Network.emulateNetworkConditions', {
+      await this.context.setOffline(false);
-        offline: false,
+      if (config.downloadThroughput && config.uploadThroughput && config.latency) {
-        downloadThroughput: config.downloadThroughput,
+        await this.context.route('**', (route) => {
-        uploadThroughput: config.uploadThroughput,
+          route.continue({
-        latency: config.latency,
+            headers: {
+              ...route.request().headers(),
+            },
           });
+        });
+      }
     }
   }
   
   async goOffline(): Promise<void> {
-    const page = this.context.pages()[0];
+    await this.context.setOffline(true);
-    if (!page) throw new Error('No page available');
-    
-    const cdpSession = await this.context.newCDPSession(page);
-    await cdpSession.send('Network.emulateNetworkConditions', {
-      offline: true,
-      downloadThroughput: 0,
-      uploadThroughput: 0,
-      latency: 0,
-    });
   }
   
   async goOnline(): Promise<void> {
-    const page = this.context.pages()[0];
+    await this.context.setOffline(false);
-    if (!page) throw new Error('No page available');
-    
-    const cdpSession = await this.context.newCDPSession(page);
-    await cdpSession.send('Network.emulateNetworkConditions', {
-      offline: false,
-      downloadThroughput: -1,
-      uploadThroughput: -1,
-      latency: 0,
-    });
   }
   
   async simulateNetworkSwitch(fromConfig: NetworkConfig, toConfig: NetworkConfig): Promise<void> {
     await this.setNetworkCondition(fromConfig);
-    const page = this.context.pages()[0];
+    await this.context.pages()[0]?.waitForTimeout(1000);
-    if (page) {
-      await page.waitForTimeout(1000);
-    }
     await this.setNetworkCondition(toConfig);
   }
   
   async resetNetworkCondition(): Promise<void> {
-    const page = this.context.pages()[0];
+    await this.context.setOffline(false);
-    if (!page) throw new Error('No page available');
+    await this.context.unrouteAll();
-    
-    const cdpSession = await this.context.newCDPSession(page);
-    await cdpSession.send('Network.emulateNetworkConditions', {
-      offline: false,
-      downloadThroughput: -1,
-      uploadThroughput: -1,
-      latency: 0,
-    });
   }
   
   getRequests(): NetworkRequest[] {