Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

hammerhead.js __get$(document, "location").ancestorOrigins returns <unreadable>

See original GitHub issue

What is your Scenario?

Fuse Microform iframes should be shown in given div containers. See this doc: https://developer.cybersource.com/docs/cybs/en-us/digital-accept-flex/developer/all/rest/digital-accept-flex/microform-integ/microform-integ-getting-started/setting-up-client-side.html

What is the Current behavior?

When I test it manually all works fine, when I run the test script I get the issue that __get$(document, "location").ancestorOrigins returns value unreadable as per screenshot below

What is the Expected behavior?

__get$(document, "location").ancestorOrigins returns ‘http://localhost:12345’

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

https://flex-microform-hammerhead-issue.azurewebsites.net/

What is your TestCafe test code?

import { Selector } from 'testcafe';

fixture('Azure')
    .page('about:blank');

test('Azure', async t => {    
    await t
        .maximizeWindow()        
        .navigateTo('https://flex-microform-hammerhead-issue.azurewebsites.net/');

    var mainWindow = await t.getCurrentWindow() 

    try {
        await t
            .typeText('#cardholderName', 'Tester')
            .wait(1000);
        
        await t.debug();

        await t
            .switchToIframe('#number-container > iframe')
            .typeText('[name="number"]', '4111111111111111')
            .switchToWindow(mainWindow);
        
        await t
            .switchToIframe(`#securityCode-container > iframe`)
            .typeText('[name="securityCode"]', '123')
            .switchToWindow(mainWindow);

        await t
            .click('#pay-button');    

        await t
            .wait(1000)
            .click('#pay-button');    
    } catch (ex) {
        console.error(ex);
    }

    await t.debug();
});

Your complete configuration file

.testcaferc.json { "skipJsErrors": true, "hostname": "localhost", "port1": 12345, "port2": 12346 }

Your complete test report

No response

Screenshots

Steps to Reproduce

Run automated script in chrome
When script stops open dev tools
Switch to Console
Unclock the page and press Mount Security Code button
Expected error should be

correlationId: undefined
details: undefined
informationLink: "https://www.cybersource.com/products/payment_security/secure_acceptance"
message: "You have not supplied a valid capture context."
name: "MicroformError"
reason: "CAPTURE_CONTEXT_INVALID"

Open iframe.min.js and format it it so that it’s not minified, add breakpoint in line 2772 as per screenshot below
Press Mount Security Code button again and in debug inspect document and __get$(document, "location") variables