Mock Algogila request with Playwright

[Sembauke]

I am currently trying to mock my Algolia requests using Playwright, but at this point I am having little success. I have removed the my ALGOLIA_APP_ID and ALGOLIA_API_KEY to mock them with a JSON response.

My mock function:

const mockAlgolia = async ({
  page,
  hitsPerPage
}: {
  page: Page;
  hitsPerPage: number;
}) => {
  if (hitsPerPage === 8) {
    await page.route(/\w+(\.algolia\.net|\.algolianet\.com)/, async route => {
      await route.fulfill({ json: algoliaEightHits });
    });
  } else if (hitsPerPage === 5) {
    await page.route(/\w+(\.algolia\.net|\.algolianet\.com)/, async route => {
      await route.fulfill({ json: algoliaFiveHits });
    });
  } else if (hitsPerPage === 0) {
    await page.route(/\w+(\.algolia\.net|\.algolianet\.com)/, async route => {
      await route.fulfill({ json: {} });
    });
  }
};

Mock data:

Details

{
  "results": [
    {
      "hits": [
        {
          "title": "Article 1",
          "objectID": "Article 1",
          "_highlightResult": {
            "title": {
              "value": "<ais-highlight-0000000000>Article</ais-highlight-0000000000> 1",
              "matchLevel": "full"
            }
          }
        },
        {
          "title": "Article 2",
          "objectID": "Article 2",
          "_highlightResult": {
            "title": {
              "value": "<ais-highlight-0000000000>Article</ais-highlight-0000000000> 2",
              "matchLevel": "full"
            }
          }
        },
        {
          "title": "Article 3",
          "objectID": "Article 3",
          "_highlightResult": {
            "title": {
              "value": "<ais-highlight-0000000000>Article</ais-highlight-0000000000> 3",
              "matchLevel": "full"
            }
          }
        },
        {
          "title": "Article 4",
          "objectID": "Article 4",
          "_highlightResult": {
            "title": {
              "value": "<ais-highlight-0000000000>Article</ais-highlight-0000000000> 4",
              "matchLevel": "full"
            }
          }
        },
        {
          "title": "Article 5",
          "objectID": "Article 5",
          "_highlightResult": {
            "title": {
              "value": "<ais-highlight-0000000000>Article</ais-highlight-0000000000> 5",
              "matchLevel": "full"
            }
          }
        }
      ]
    }
  ]
}