All event handlers are cleaned after the document.open function call

What is your Test Scenario?

Testing Google Apps Script web app, which adds two levels of iframe to your content.

What is the Current behavior?

Test hangs on await Selector(..)()

What is the Expected behavior?

Test runs normally

What is your web application and your TestCafe test code?

Your website URL (or attach your complete example): https://script.google.com/macros/s/AKfycbznLgTmhAx4iz4tdfY__7I_326s3ZLqWQaR3HKoJi37R0U4OcM/exec

Your complete test code (or attach your test files):

fixture`Testcafe nested iframe freezing issue repro`
  .page('https://script.google.com/macros/s/AKfycbznLgTmhAx4iz4tdfY__7I_326s3ZLqWQaR3HKoJi37R0U4OcM/exec');

import { Selector } from 'testcafe';

test('It stucks on nested iframe selector', async t => {
  await t
    .switchToIframe('#sandboxFrame')
    .switchToIframe('#userHtmlFrame');

  await Selector('#helloworld')();
  console.log("This is never logged as it's stuck");
});

Your complete test report:

None.

Steps to Reproduce:

1. Run the test
2. See the test hangs

Your Environment details:

• testcafe version: 0.23.2
• node.js version: v11.2.0
• command-line arguments: testcafe chrome test.js
• browser name and version: Chrome 70.0.3538
• platform and version: Mac OS X 10.14.1

[fnlctrl]

The current workaround I’m using is to avoid using selector api and to use client functions like t.eval(() => document.querySelector(....)) This is ugly, but is ok for my use case.

[fnlctrl]

🎉 🎉 🎉 🎉 🎉