Не могу программно установить значение в поле ввода (поле кредитной карты), используя JavaScript - Setter не работает ⇐ Javascript

[Anonymous]

Я работаю над проектом, используя Selenium (Python), где мне нужно программно заполнить форму, включающую поля ввода кредитной карты. Тем не менее, сайт предотвращает стандартные методы впрыска JavaScript от настройки значений на этих входах.
Вот входной элемент, с которым я работаю: < /p>

< /code>
А вот JavaScript, который я пытался использовать. Имейте в виду, что я попробовал кучу других решений JavaScript: < /p>
(() => {
const input = document.querySelector('input[aria-label="Name on card"]');
if (input) {
const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set;
setter.call(input, 'Hello World');
input.dispatchEvent(new Event('input', { bubbles: true }));
input.dispatchEvent(new Event('change', { bubbles: true }));
}
})();
< /code>
Это не обновляет поле, как и ожидалось. Тем не менее, происходит что-то странное: если я активирую инспектора DOM (Ctrl+Shift+C), нажмите на элемент, а затем повторно запустите тот же фрагмент JavaScript, он работает. Просто нажимать на ввод нормально или пытаться напечатать вручную, не помогает. это имитирует реальный пользовательский ввод?

Подробнее здесь: https://stackoverflow.com/questions/795 ... ing-javasc