fix: waitForRequest works with async predicate (#9058)

Author: aspic-fish

packages/puppeteer-core/src/common/Page.ts

@@ -1668,12 +1668,12 @@ export class CDPPage extends Page {
     return waitForEvent(
       this.#frameManager.networkManager,
       NetworkManagerEmittedEvents.Request,
-      request => {
+      async request => {
         if (isString(urlOrPredicate)) {
           return urlOrPredicate === request.url();
         }
         if (typeof urlOrPredicate === 'function') {
-          return !!urlOrPredicate(request);
+          return !!(await urlOrPredicate(request));
         }
         return false;
       },

test/src/page.spec.ts

@@ -907,6 +907,22 @@ describe('Page', function () {
       ]);
       expect(request.url()).toBe(server.PREFIX + '/digits/2.png');
     });
+    it('should work with async predicate', async () => {
+      const {page, server} = getTestState();
+
+      await page.goto(server.EMPTY_PAGE);
+      const [request] = await Promise.all([
+        page.waitForRequest(async request => {
+          return request.url() === server.PREFIX + '/digits/2.png';
+        }),
+        page.evaluate(() => {
+          fetch('/digits/1.png');
+          fetch('/digits/2.png');
+          fetch('/digits/3.png');
+        }),
+      ]);
+      expect(request.url()).toBe(server.PREFIX + '/digits/2.png');
+    });
     it('should respect timeout', async () => {
       const {page, puppeteer} = getTestState();