<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: [v1.34.2]</li>
<li>Operating System: [All]</li>
<li>Browser: [Chromium,Firefox,Webkit]</li>
<li>Other info:[Not working with Chromium &amp; Webkit,  Working with Firefox]</li>
</ul>
<h3 dir="auto">Source code</h3>
<ul dir="auto">
<li></li>
</ul>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="test.only(&quot;verify Klaviyo integration Modified&quot;, async ({ page }) =&gt; {
  let help:string = &quot;&quot;;
    await page.route(
    &quot;https://a.klaviyo.com/api/track&quot;,
    async (route, request) =&gt; {
      const networkRequests:string = request.postData()!;
      help = networkRequests; 
      await route.continue();
    });
    await page.goto(
    &quot;https://rohitgupta.wingified.com/klaviyo1.html?id=&quot; + accountId,{
      waitUntil:'networkidle'
    }
  );
  console.log(help); //network request details
  const klaviyoCookies = await page.context().cookies();
  expect(JSON.stringify(klaviyoCookies)).toContain(&quot;_vis_opt_exp_35_combi&quot;);
  expect(help.includes('&quot;Exp_name&quot;:&quot;KLAVIYO - DO NOT DELETE&quot;')).toBeTruthy();
  expect(help.includes('&quot;Var_name&quot;')).toBeTruthy();
});"><pre class="notranslate"><span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-en">only</span><span class="pl-kos">(</span><span class="pl-s">"verify Klaviyo integration Modified"</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">let</span> <span class="pl-s1">help</span>:<span class="pl-smi">string</span> <span class="pl-c1">=</span> <span class="pl-s">""</span><span class="pl-kos">;</span>
    <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">route</span><span class="pl-kos">(</span>
    <span class="pl-s">"https://a.klaviyo.com/api/track"</span><span class="pl-kos">,</span>
    <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-s1">route</span><span class="pl-kos">,</span> <span class="pl-s1">request</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
      <span class="pl-k">const</span> <span class="pl-s1">networkRequests</span>:<span class="pl-smi">string</span> <span class="pl-c1">=</span> <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-en">postData</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-c1">!</span><span class="pl-kos">;</span>
      <span class="pl-s1">help</span> <span class="pl-c1">=</span> <span class="pl-s1">networkRequests</span><span class="pl-kos">;</span> 
      <span class="pl-k">await</span> <span class="pl-s1">route</span><span class="pl-kos">.</span><span class="pl-en">continue</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span>
    <span class="pl-s">"https://rohitgupta.wingified.com/klaviyo1.html?id="</span> <span class="pl-c1">+</span> <span class="pl-s1">accountId</span><span class="pl-kos">,</span><span class="pl-kos">{</span>
      <span class="pl-c1">waitUntil</span>:<span class="pl-s">'networkidle'</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s1">help</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">//network request details</span>
  <span class="pl-k">const</span> <span class="pl-s1">klaviyoCookies</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">context</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">cookies</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-en">expect</span><span class="pl-kos">(</span><span class="pl-smi">JSON</span><span class="pl-kos">.</span><span class="pl-en">stringify</span><span class="pl-kos">(</span><span class="pl-s1">klaviyoCookies</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toContain</span><span class="pl-kos">(</span><span class="pl-s">"_vis_opt_exp_35_combi"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-en">expect</span><span class="pl-kos">(</span><span class="pl-s1">help</span><span class="pl-kos">.</span><span class="pl-en">includes</span><span class="pl-kos">(</span><span class="pl-s">'"Exp_name":"KLAVIYO - DO NOT DELETE"'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toBeTruthy</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-en">expect</span><span class="pl-kos">(</span><span class="pl-s1">help</span><span class="pl-kos">.</span><span class="pl-en">includes</span><span class="pl-kos">(</span><span class="pl-s">'"Var_name"'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toBeTruthy</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Config file</strong></p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import baseConfig from &quot;vwo-playwright-seed/lib/config/base.conf&quot;;

const config = baseConfig.config;
config[&quot;use&quot;][&quot;baseURL&quot;] = process.env.BASE_URL || &quot;https://app.vwo.com/&quot;;
config[&quot;projects&quot;] = [
  {
    name: &quot;Chrome&quot;,
    use: {
      browserName: &quot;chromium&quot;,
    },
  },
  {
    name: &quot;Firefox&quot;,
    use: {
      browserName: &quot;firefox&quot;,
    },
  },
];
export default config;"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-s1">baseConfig</span> <span class="pl-k">from</span> <span class="pl-s">"vwo-playwright-seed/lib/config/base.conf"</span><span class="pl-kos">;</span>

<span class="pl-k">const</span> <span class="pl-s1">config</span> <span class="pl-c1">=</span> <span class="pl-s1">baseConfig</span><span class="pl-kos">.</span><span class="pl-c1">config</span><span class="pl-kos">;</span>
<span class="pl-s1">config</span><span class="pl-kos">[</span><span class="pl-s">"use"</span><span class="pl-kos">]</span><span class="pl-kos">[</span><span class="pl-s">"baseURL"</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-s1">process</span><span class="pl-kos">.</span><span class="pl-c1">env</span><span class="pl-kos">.</span><span class="pl-c1">BASE_URL</span> <span class="pl-c1">||</span> <span class="pl-s">"https://app.vwo.com/"</span><span class="pl-kos">;</span>
<span class="pl-s1">config</span><span class="pl-kos">[</span><span class="pl-s">"projects"</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span>
  <span class="pl-kos">{</span>
    <span class="pl-c1">name</span>: <span class="pl-s">"Chrome"</span><span class="pl-kos">,</span>
    <span class="pl-c1">use</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">browserName</span>: <span class="pl-s">"chromium"</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">{</span>
    <span class="pl-c1">name</span>: <span class="pl-s">"Firefox"</span><span class="pl-kos">,</span>
    <span class="pl-c1">use</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">browserName</span>: <span class="pl-s">"firefox"</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">]</span><span class="pl-kos">;</span>
<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-s1">config</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Steps</strong></p>
<ul dir="auto">
<li>[Run the test]</li>
<li>[npx playwright test specs/Integration.Spec.ts --project=Chrome]</li>
</ul>
<p dir="auto"><strong>Expected</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="-----------------------------18815464218261179702781698581
Content-Disposition: form-data; name=&quot;data&quot;

{&quot;event&quot;:&quot;VWO&quot;,&quot;token&quot;:&quot;TSR5n6&quot;,&quot;properties&quot;:{&quot;Exp_name&quot;:&quot;KLAVIYO - DO NOT DELETE&quot;,&quot;Var_name&quot;:&quot;Variation-1&quot;,&quot;$use_ip&quot;:true,&quot;$is_session_activity&quot;:true},&quot;customer_properties&quot;:{&quot;$exchange_id&quot;:&quot;UKGnAHMG7opQKheXx_c9e6AApF9oEeD8PQQ_Yt1qyOJXWthcyBDClUET7ANQ3krL.TSR5n6&quot;,&quot;$referrer&quot;:{&quot;ts&quot;:1685039184,&quot;value&quot;:&quot;&quot;,&quot;first_page&quot;:&quot;https://rohitgupta.wingified.com/klaviyo1.html?id=541364&quot;},&quot;$last_referrer&quot;:{&quot;ts&quot;:1685039184,&quot;value&quot;:&quot;&quot;,&quot;first_page&quot;:&quot;https://rohitgupta.wingified.com/klaviyo1.html?id=541364&quot;}}}
-----------------------------18815464218261179702781698581--

-----------------------------18815464218261179702781698581                                                                     
Content-Disposition: form-data; name=&quot;data&quot;

{&quot;event&quot;:&quot;VWO&quot;,&quot;token&quot;:&quot;TSR5n6&quot;,&quot;properties&quot;:{&quot;Exp_name&quot;:&quot;KLAVIYO - DO NOT DELETE&quot;,&quot;Var_name&quot;:&quot;Variation-1&quot;,&quot;$use_ip&quot;:true,&quot;$is_session_activity&quot;:true},&quot;customer_properties&quot;:{&quot;$exchange_id&quot;:&quot;UKGnAHMG7opQKheXx_c9e6AApF9oEeD8PQQ_Yt1qyOJXWthcyBDClUET7ANQ3krL.TSR5n6&quot;,&quot;$referrer&quot;:{&quot;ts&quot;:1685039184,&quot;value&quot;:&quot;&quot;,&quot;first_page&quot;:&quot;https://rohitgupta.wingified.com/klaviyo1.html?id=541364&quot;},&quot;$last_referrer&quot;:{&quot;ts&quot;:1685039184,&quot;value&quot;:&quot;&quot;,&quot;first_page&quot;:&quot;https://rohitgupta.wingified.com/klaviyo1.html?id=541364&quot;}}}
-----------------------------18815464218261179702781698581--"><pre class="notranslate"><code class="notranslate">-----------------------------18815464218261179702781698581
Content-Disposition: form-data; name="data"

{"event":"VWO","token":"TSR5n6","properties":{"Exp_name":"KLAVIYO - DO NOT DELETE","Var_name":"Variation-1","$use_ip":true,"$is_session_activity":true},"customer_properties":{"$exchange_id":"UKGnAHMG7opQKheXx_c9e6AApF9oEeD8PQQ_Yt1qyOJXWthcyBDClUET7ANQ3krL.TSR5n6","$referrer":{"ts":1685039184,"value":"","first_page":"https://rohitgupta.wingified.com/klaviyo1.html?id=541364"},"$last_referrer":{"ts":1685039184,"value":"","first_page":"https://rohitgupta.wingified.com/klaviyo1.html?id=541364"}}}
-----------------------------18815464218261179702781698581--

-----------------------------18815464218261179702781698581                                                                     
Content-Disposition: form-data; name="data"

{"event":"VWO","token":"TSR5n6","properties":{"Exp_name":"KLAVIYO - DO NOT DELETE","Var_name":"Variation-1","$use_ip":true,"$is_session_activity":true},"customer_properties":{"$exchange_id":"UKGnAHMG7opQKheXx_c9e6AApF9oEeD8PQQ_Yt1qyOJXWthcyBDClUET7ANQ3krL.TSR5n6","$referrer":{"ts":1685039184,"value":"","first_page":"https://rohitgupta.wingified.com/klaviyo1.html?id=541364"},"$last_referrer":{"ts":1685039184,"value":"","first_page":"https://rohitgupta.wingified.com/klaviyo1.html?id=541364"}}}
-----------------------------18815464218261179702781698581--
</code></pre></div>
<p dir="auto">[Describe expected behavior]<br>
<strong>This should be expected behaviour &amp; all assertion should get passed</strong><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/44397045/241004450-dffaa737-cc7f-487e-9739-a78c6ff4c9aa.png"><img src="https://user-images.githubusercontent.com/44397045/241004450-dffaa737-cc7f-487e-9739-a78c6ff4c9aa.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/44397045/241003403-32a25549-2216-4f68-b3fb-86b40c4d37b3.png"><img src="https://user-images.githubusercontent.com/44397045/241003403-32a25549-2216-4f68-b3fb-86b40c4d37b3.png" alt="image" style="max-width: 100%;"></a><br>
<strong>This expected result is with firefox browser.</strong></p>
<p dir="auto"><strong>Actual</strong><br>
Even request is not getting intercept in chrome browser same issue with the webkit.<br>
[Describe actual behavior]<br>
Assertions are getting failed as they are not intercepted with the route method with chromium.<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/44397045/241004156-a1b12ddc-ff02-4d19-a4d2-d245baa539b0.png"><img src="https://user-images.githubusercontent.com/44397045/241004156-a1b12ddc-ff02-4d19-a4d2-d245baa539b0.png" alt="image" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/44397045/241004582-640b9afd-926b-4701-a7e4-5fbea4310bfc.png"><img src="https://user-images.githubusercontent.com/44397045/241004582-640b9afd-926b-4701-a7e4-5fbea4310bfc.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Context:</strong></p>
<h2 dir="auto">System:</h2>
<ul dir="auto">
<li>OS: Windows 10 10.0.19043</li>
</ul>
<h2 dir="auto">Binaries:</h2>
<ul dir="auto">
<li>Node: 12.13.1 - C:\Program Files\nodejs\node.EXE</li>
<li>Yarn: 1.19.1 - ~\AppData\Roaming\npm\yarn.CMD</li>
<li>npm: 6.14.2 - C:\Program Files\nodejs\npm.CMD</li>
</ul>
<h2 dir="auto">Languages:</h2>
<ul dir="auto">
<li>Bash: 4.4.20 - C:\WINDOWS\system32\bash.EXE</li>
</ul>
<h2 dir="auto">npmPackages:</h2>
<ul dir="auto">
<li>playwright: ^1.10.0 =&gt; 1.10.0 / tip-of-tree</li>
</ul>


<p dir="auto"><strong>Code Snippet</strong></p>
<p dir="auto">Help us help you! Put down a short code snippet that illustrates your bug and<br>
that we can run and debug locally. For example:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const playwright = require('.');

(async () =&gt; {
  const browser = await playwright.webkit.launch();
  const page = await browser.newPage();

  await page.goto('http://example.com');

  const requestPromise = page.waitForRequest(() =&gt; true);
  const [request] = await Promise.all([
    page.waitForRequest(&quot;**/*&quot;),
    page.evaluate(() =&gt; {
      var file = new File(['file-contents'], 'filename.txt');

      fetch('/data', {
        method: 'POST',
        headers: {
          'content-type': 'application/octet-stream'
        },
        body: file
      });
    })
  ])
  console.info('request.method()', request.method());
  console.info('request.url()', request.url());
  console.info('request.headers()', request.headers());
  console.info('request.postData()', request.postData());
})();"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-s1">playwright</span> <span class="pl-c1">=</span> <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'.'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-kos">(</span><span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">const</span> <span class="pl-s1">browser</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-s1">playwright</span><span class="pl-kos">.</span><span class="pl-c1">webkit</span><span class="pl-kos">.</span><span class="pl-en">launch</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">const</span> <span class="pl-s1">page</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-s1">browser</span><span class="pl-kos">.</span><span class="pl-en">newPage</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span><span class="pl-s">'http://example.com'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

  <span class="pl-k">const</span> <span class="pl-s1">requestPromise</span> <span class="pl-c1">=</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">waitForRequest</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-c1">true</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">const</span> <span class="pl-kos">[</span><span class="pl-s1">request</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-v">Promise</span><span class="pl-kos">.</span><span class="pl-en">all</span><span class="pl-kos">(</span><span class="pl-kos">[</span>
    <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">waitForRequest</span><span class="pl-kos">(</span><span class="pl-s">"**/*"</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">evaluate</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
      <span class="pl-k">var</span> <span class="pl-s1">file</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">File</span><span class="pl-kos">(</span><span class="pl-kos">[</span><span class="pl-s">'file-contents'</span><span class="pl-kos">]</span><span class="pl-kos">,</span> <span class="pl-s">'filename.txt'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

      <span class="pl-en">fetch</span><span class="pl-kos">(</span><span class="pl-s">'/data'</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
        <span class="pl-c1">method</span>: <span class="pl-s">'POST'</span><span class="pl-kos">,</span>
        <span class="pl-c1">headers</span>: <span class="pl-kos">{</span>
          <span class="pl-s">'content-type'</span>: <span class="pl-s">'application/octet-stream'</span>
        <span class="pl-kos">}</span><span class="pl-kos">,</span>
        <span class="pl-c1">body</span>: <span class="pl-s1">file</span>
      <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>
  <span class="pl-kos">]</span><span class="pl-kos">)</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">info</span><span class="pl-kos">(</span><span class="pl-s">'request.method()'</span><span class="pl-kos">,</span> <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-en">method</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">info</span><span class="pl-kos">(</span><span class="pl-s">'request.url()'</span><span class="pl-kos">,</span> <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-en">url</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">info</span><span class="pl-kos">(</span><span class="pl-s">'request.headers()'</span><span class="pl-kos">,</span> <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-en">headers</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">info</span><span class="pl-kos">(</span><span class="pl-s">'request.postData()'</span><span class="pl-kos">,</span> <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-en">postData</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">the <code class="notranslate">request.postData()</code> contains <code class="notranslate">null</code> in Chromium and WebKit. In Firefox it's filled.</p>