Help needed to fill input inside iframe of different origin.

[waysiPire0]

Hi community.
I am automating a website using nodriver where i need to fill credit card information. unluckily i got a scenario where there are 2 nested iframes.
i can access the content of 1st iframe but i can't access the content of 2nd iframe and 2nd iframe contain the cvv input field. 2nd iframe origin is different.

Any help is valuable to me, thank you

[LinuxTux193]

i use tab.evaluate on nike website
here's the script

function triggerKeyEvent(element, eventType, key) {
    const event = new KeyboardEvent(eventType, {
        key: key,
        char: key,
        keyCode: key.charCodeAt(0),
        which: key.charCodeAt(0),
        bubbles: true,
        cancelable: true
    });
    element.dispatchEvent(event);
}

function emulateTyping(element, text, interval = 100) {
    let index = 0;
    
    function typeCharacter() {
        if (index < text.length) {
            const char = text[index];
            triggerKeyEvent(element, 'keydown', char);
            element.value += char;
            triggerKeyEvent(element, 'keypress', char);
            triggerKeyEvent(element, 'keyup', char);
            index++;
            setTimeout(typeCharacter, interval);
        }
    }

    typeCharacter();
}
var CVV = 100
document.querySelectorAll('iframe').forEach((iframe) => {
    if (iframe.src.includes('paymentcc')) { // select only the payment iframe
        let iframe_tab = iframe.contentWindow.document.body;
        let number = iframe_tab.querySelector('#cvNumber');
        emulateTyping(number, CVV, 10);

    }
});```

[msdarck]

I tried using your script, but I got:

ProtocolException:
exceptionId: 20
text: Uncaught
lineNumber: 34
columnNumber: 46
scriptId: 1952
stackTrace:
        callFrames: [{'functionName': '', 'scriptId': ScriptId('1952'), 'url': '', 'lineNumber': 34, 'columnNumber': 46}, {'functionName': '', 'scriptId': ScriptId('1952'), 'url': '', 'lineNumber': 32, 'columnNumber': 36}]   

exception:
        type: object
        subtype: error
        className: DOMException
        description: DOMException: Failed to read a named property 'document' from 'Window': Blocked a frame with origin "https://www.amazon.fr" from accessing a cross-origin frame.
    at <anonymous>:35:47
    at NodeList.forEach (<anonymous>)
    at <anonymous>:33:37
        objectId: 6501781168989367279.27.10
        preview:
                type: object
                overflow: False
                properties: [{'name': 'stack', 'type': 'accessor'}, {'name': 'code', 'type': 'number', 'value': '18'}, {'name': 'name', 'type': 'string', 'value': 'SecurityError'}, {'name': 'message', 'type': 'string', 'value': 'Failed to read a named property \'document\' from \'W…w.amazon.fr" from accessing a cross-origin frame.'}]
                subtype: error
                description: DOMException: Failed to read a named property 'document' from 'Window': Blocked a frame with origin "https://www.amazon.fr" from accessing a cross-origin frame.
    at <anonymous>:35:47
    at NodeList.forEach (<anonymous>)
    at <anonymous>:33:37

Is there a way to avoid these "SecurityError"

[addame2]

@LinuxTux193 can you help me I can pay for it I have some task on telegram @IAmDev2