Test hangs after a form submitting

[LavrovArtem]

What is your Test Scenario?

1. Switch to a same-domain iframe
2. Submit a form to the current iframe
3. Redirect to a cross-domain url

What is the Current behavior?

Test hangs.

What is your web application and your TestCafe test code?

Test server:

const http = require('http');

http
    .createServer((req, res) => {
        if (req.url === '/') {
            res.writeHead(200, { 'content-type': 'text/html' });
            res.end('<iframe src="/iframe"></iframe>');
        } else if (req.url === '/iframe') {
            res.writeHead(200, { 'content-type': 'text/html' });
            res.end(`
                <h1>Same-domain iframe</h1>
                <form action="/cross-domain-redirect">
                    <input type="submit" value="Submit">
                </form>
            `);
        } else if (req.url === '/cross-domain-redirect?') {
            res.writeHead(302, { 'location': 'http://localhost:2020/cross-domain-iframe' });
            res.end();
        } else
            res.end();
    })
    .listen(2019, () => console.log('http://localhost:2019/'));


http
    .createServer((req, res) => {
        if (req.url === '/cross-domain-iframe') {
            res.writeHead(200, { 'content-type': 'text/html' });
            res.end('<h1>Cross-domain iframe</h1>');
        } else
            res.end();
    })
    .listen(2020); 

Test code:

fixture`Cross-domain form action`
    .page`http://localhost:2019/`;

test('Switch and submit', async t => {
    await t
        .switchToIframe('iframe')
        .click('input');
});

Test with workaround:

import { ClientFunction } from 'testcafe';

fixture`Cross-domain form action`
    .page`http://localhost:2019/`;

test('Switch and submit', async t => {
    await t.switchToIframe('iframe');
    await ClientFunction(() => document.querySelector('input').click());
});

[LavrovArtem]

SC ticket id: T815222

[AndreyBelym]

Duplicate of #4232.