DataCloneError: Failed to execute 'postMessage' on 'Window':

[sofilucky]

1. A JavaScript error occurred on
   "Test Page".
   Repeat test actions in the browser and check the console for errors.
   Enable the “skipJsErrors” option to ignore JavaScript errors during
   test execution. Learn more:

"https://testcafe.io/documentation/404038/recipes/debugging/skip-javascript-errors"
If the website only throws this error when you test it with TestCafe,
please create a new issue at:

"https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md".

  JavaScript error details:
  DataCloneError: Failed to execute 'postMessage' on 'Window': A
  MessagePort could not be cloned because it was not transferred.
      at fastApply (http://192.168.1.109:49606/hammerhead.js:20919:26)
      at MessageSandbox.postMessage
  (http://192.168.1.109:49606/hammerhead.js:41300:17)
      at http://192.168.1.109:49606/hammerhead.js:21024:71
      at

https://www.gstatic.com/recaptcha/releases/Jv8jlA-BQE5JD6rA-h_iqNH2/recaptcha__en.js:1294:338
    at

https://www.gstatic.com/recaptcha/releases/Jv8jlA-BQE5JD6rA-h_iqNH2/recaptcha__en.js:1303:340

[willbiddy]

I began seeing this same TestCafe/reCAPTCHA error this week. The error only occurs when the tests are run with TestCafe, not in the actual website.

[github-actions]

Thank you for submitting a bug report. We would love to help you investigate the issue. Please share a simple code example that reliably reproduces the bug. For more information, read the following article: How To Create a Minimal Working Example When You Submit an Issue. We look forward to your response.

[fredrikkarlsson-pervanovo]

We have this as well and this is a minimal test that will make the error show:

import { Selector } from "testcafe";

fixture`Bug`;

test("test", async t => {
  await t.navigateTo("https://www.bjelin.se");
  await t.wait(10000);
  await t.expect(Selector("div#root").exists).ok();
});

Output:

Running tests in:
 - Chrome 140.0.0.0 / Windows 11
 Startup time (0.00s)

 Bug
 × test  (11s)

   1) A JavaScript error occurred on "https://www.bjelin.se/sv/".
      Repeat test actions in the browser and check the console for errors.
      Enable the “skipJsErrors” option to ignore JavaScript errors during test execution. Learn more: "https://testcafe.io/documentation/404038/recipes/debugging/skip-javascript-errors"
      If the website only throws this error when you test it with TestCafe, please create a new issue at:
      "https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md".
      
      JavaScript error details:
      DataCloneError: Failed to execute 'postMessage' on 'Window': A MessagePort could not be cloned because it was not transferred.
          at fastApply (http://172.17.128.1:50915/hammerhead.js:20915:26)
          at MessageSandbox.postMessage (http://172.17.128.1:50915/hammerhead.js:41296:17)
          at http://172.17.128.1:50915/hammerhead.js:21020:71
          at https://www.gstatic.com/recaptcha/releases/bGi-DxR800F5_ueMVcTwXc6q/recaptcha__en.js:1320:703
          at https://www.gstatic.com/recaptcha/releases/bGi-DxR800F5_ueMVcTwXc6q/recaptcha__en.js:1329:287

      Browser: Chrome 140.0.0.0 / Windows 11


 Bug Duration (11s)

 1/1 failed (11s)

Our workaround for now has been to add a RequestMock in the testcaferc.js like this:

const disableRecaptcha = RequestMock()
  .onRequestTo(new RegExp("/recaptcha/releases"))
  .respond(undefined, 500, { 'access-control-allow-origin': '*' });

This will of course make the functions that actually call Recaptcha to fail with something like:

TypeError: m is not a function

[github-actions]

This issue was automatically closed because there was no response to our request for more information from the original author. Currently, we don't have enough information to take action. Please reach out to us if you find the necessary information and are able to share it. We are also eager to know if you resolved the issue on your own and can share your findings with everyone.

[fredrikkarlsson-pervanovo]

@aleks-pro I added a MWE above, please reopen

[Bayheck]

Hello @fredrikkarlsson-pervanovo ,

I created a simple project; however, I could not reproduce the issue with it.
I have Windows 11, Chrome 141, and Node v20.19.5.
Please review my sample and modify it to demonstrate the issue.

postMessage.zip

This way, I'll be in a better position to research the issue and give you precise recommendations.