[Question][Bug] How can i add Header on specific routes ?

I want to add custom header like "X-E2E-USER": "[e-mail]" on header only for specific route (ie: i want to add header for request on my API)

I found this in the doc https://playwright.dev/docs/api/class-route#route-continue that say i can overrides headers.

I try this but it’s doesn’t work. Headers are not overrides.

await page.route(/\/api\//i, async (route, request) => {
    // Override headers
    const existingHeaders = await request.allHeaders();
    const headers = {
      ...existingHeaders,
      "X-E2E-USER": "[e-mail]", 
    };
    route.continue({ headers });
  });

Maybe i miss something, but it’s not explain in the docs, maybe forget ?

I don’t want to use setExtraHTTPHeaders because it’s override all http call, and i don’t want change all my request

  await page.setExtraHTTPHeaders({ "X-E2E-USER": "[e-mail]" });

[Horsty80]

@aslushnikov yes before is the part is missing for understanding this behavior ^^

Indeed all the mock is working, it’s just the how i check that isn’t good.

Actually my test is good, i get indeed my custom header so i close this issue

Thanks for your answer 😃

[aslushnikov]

But how i can not see them when i try to log every request ?

@Horsty80 the page.on('request') event happens before the route handler, so you get headers there before you modify them in page.route.