[BUG] [Chromium/WebKit] Request object does not contain postData for file/blob

[Meir017]

Context:

System:

• OS: Windows 10 10.0.19043

Binaries:

• Node: 12.13.1 - C:\Program Files\nodejs\node.EXE
• Yarn: 1.19.1 - ~\AppData\Roaming\npm\yarn.CMD
• npm: 6.14.2 - C:\Program Files\nodejs\npm.CMD

Languages:

• Bash: 4.4.20 - C:\WINDOWS\system32\bash.EXE

npmPackages:

• playwright: ^1.10.0 => 1.10.0 / tip-of-tree

Code Snippet

Help us help you! Put down a short code snippet that illustrates your bug and
that we can run and debug locally. For example:

const playwright = require('.');

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

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

  const requestPromise = page.waitForRequest(() => true);
  const [request] = await Promise.all([
    page.waitForRequest("**/*"),
    page.evaluate(() => {
      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());
})();

Describe the bug

the request.postData() contains null in Chromium and WebKit. In Firefox it's filled.

[Meir017]

@mxschmitt is there a workaround for this? I was thinking of using something like

const cdp = await context.newCDPSession(page);
let requestId;
cdp.on('Network.requestWillBeSent', req => {
    requestId = req.requestId;
});
const result = await cdp.send('Network.getRequestPostData', { requestId: requestId });
console.info('result.postData', result.postData);

but this doesn't work for me

[JoelEinbinder]

Thanks for filing! Short of using a proxy, I don't think there are any good workarounds at this time. These look like bugs in chromium and our webkit. It might take some time to fix, but I'm on the case!

[Meir017]

not sure if this would affect the fix but this reproduces for both XMLHttpRequest and fetch

[JoelEinbinder]

Yep. It's apparently a known bug in the chrome DevTools protocol that we lack post data for mulitpart/files.

[nanaceba]

https://bugs.chromium.org/p/chromium/issues/detail?id=1019710

[karamfilovs]

Facing the same issue. The postData is always null but in network tab its clear that the data exists. In my case it is normal json payload post request.
I am using the java binding at the moment.

[sch0057k]

Same for the JS version with Chromium and contentType application/json on PUT and POST. Works with Firefox for the same requests.