3DS page loading issue and switching into iframe issue in cross domain using different versions of Testcafe v2.3.0 and Testcafe v3.3.0

[chaithanyvv]

What is your Scenario?

Scenario 1 : Testcafe 3.3.0
Our application involves 3DS validation page where we were using Testcafe 3.3.0 . We are unable to load 3DS page using Testcafe as the hammerhead proxy is blocking the components from loading. Our page structure contains cross domains as below -
top : domain1.com
output_frame : domain2.com
stepUpIframe : domain2.com

Scenario 2 : Testcafe 2.3.0
Our application involves 3DS validation page where we were using Testcafe 2.3.0 . We are unable to switch to the stepUp iframe input field to enter the authentication. Our page structure contains cross domains as below -
top : domain1.com
output_frame : domain2.com
stepUpIframe : domain2.com

What is the Current behavior?

Scenario 1: Testcafe 3.3.0
We are unable to load 3DS page using Testcafe as the hammerhead proxy is blocking the components from loading. We have tried with native automation and without native automation. And also with our organization level proxies.

Scenario 2: Testcafe 2.3.0
We are unable to switch to the stepUp iframe input field to enter the authentication.

What is the Expected behavior?

WE should be able to switch to the iframe and enter the input fields .

What is your public website URL? (or attach your complete example)

domain1.com

What is your TestCafe test code?

import { Selector , ClientFunction } from 'testcafe'; // first import testcafe selectors

fixture Getting Started// declare the fixture
.page ``; // specify the start page

//then create a test and place your code within it
test('My first test', async t => {
await t
.click(Selector(''));

	await t.click(Selector(')')).wait(3000);
    await t.switchToIframe(Selector('#output_frame'));
    await t.click(Selector('#card-registered-yes').filterVisible())
        
        .typeText(Selector('#cardholderName'), '')
        .switchToIframe(Selector('#card-number-element > iframe'))
         .typeText(Selector('input[id="number"]'), '', { replace: true })
        .switchToMainWindow()
        .switchToIframe(Selector('#output_frame'))
        .typeText(Selector('#creditCardExpiryDateMonth'), '')
        .typeText(Selector('#creditCardExpiryDateYear'), '')
        .switchToIframe(Selector('#card-cvc-element > iframe'))
        .click(Selector('input[id="securityCode"]'))
        .typeText(Selector('input[id="securityCode"]'), '', { replace: true })
        .switchToMainWindow()
        .switchToIframe(Selector('#output_frame')).wait(3000)
        .scrollIntoView(Selector('#cof-yes-button'))
        .click(Selector('#cof-yes-button'))
        

       
            await t.wait(3000)
            .scrollIntoView(Selector('button[id="pay-btn"]'))
       .click(Selector('button[id="pay-btn"]'))
       .doubleClick(Selector('button[id="pay-btn"]'));

       await t.switchToMainWindow();
       await t.wait(5000)
       .switchToIframe(Selector('#output_frame' , {timeout : 60000}));
       
       await t.switchToIframe(Selector('iframe[id*="StepUpIframe"]',{timeout : 120000}));
       await t.wait(30000);

       const s = Selector('html > body > div > #content').find('input.input-field').with({ visibilityCheck : true})
       await t.click(s);
       await t.typeText(s,'');
       await t.expect(Selector('html > body > div > #content ').find('input.input-field').visible).ok();
        await t.wait(5000);
        await t.click(Selector('html > body > div > #content').find('input.input-field'));

        await t.click(Selector('input[value="SUBMIT"]'))
        .wait(10000)
        .switchToMainWindow();                 

});

Note: we have removed all the locators and sensitive info as we cannot expose the actual code

Your complete configuration file

{
"skipJsErrors": true,
"experimentalProxyless":true,
"disableCrossDomain":true,
"bypassProxy": [
"localhost",
"payment.localhost"

 ]

}

Your complete test report

No response

Screenshots

Steps to Reproduce

1.same as described above
2.
3.

TestCafe version

3.3.0 and 2.3.0

Node.js version

16 and 18

Command-line arguments

testcafe chrome testing.js

Browser name(s) and version(s)

No response

Platform(s) and version(s)

No response

Other

No response

[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.

[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.