Как создать сценарий автозаполнения JavaScript для форм в Electron WebView, который обходит проблемы проверки?

Я работаю над приложением Electron с компонентом WebView, который отображает различные веб-сайты. Моя цель — разработать сценарий автозаполнения, похожий на менеджер паролей для форм на этих веб-сайтах.

Хотя сценарий успешно заполняет поля формы, я столкнулся с проблемой проверки формы при ее отправке. Несмотря на мои попытки обойти проверку путем отправки событий, в некоторых случаях проверка все равно не удалась.

Например, при выполнении следующего скрипта на консоли страницы входа в Dropbox (https://www.dropbox.com/login) поле ввода обновляется, но при нажатии «продолжить» возникают ошибки проверки:

setInterval(() => {
     const element = document.querySelector('form input');
     if (!element || element.value !== "") return;
     console.info('element founded')
     element.value = "[email protected]";
     element.dispatchEvent(new Event("input", { bubbles: true }));
     element.dispatchEvent(new Event("change", { bubbles: true }));
}, 1000);

В моем приложении Electron я попытался выполнить сценарий в WebView, используя метод «executeJavascript», но получил тот же результат, что и выполнение на консоли:

const webview = webviewRef.current
webview.executeJavaScript(`
setInterval(() => {
  const element = document.querySelector('form input');
  if (!element || element.value !== "") return;
  console.info('element founded')
  element.value = "[email protected]";
  element.dispatchEvent(new Event("input", { bubbles: true }));
  element.dispatchEvent(new Event("change", { bubbles: true }));
}, 1000);`)

Скрипт успешно работает в веб-расширении Chrome, где я добавил его в "скрипты контента" (вы можете проверить здесь).

Существует ли надежный метод эффективной имитации пользовательского ввода для обхода проверки формы в WebView приложения Electron? Будем очень признательны за любые идеи или альтернативные подходы. Спасибо!

Редактировать 1:

Также пытался эмулировать пользовательский ввод и события фокуса/размытия, но получил те же результаты:

  const element = document.querySelector('form input');
  console.info('element founded')
  const textToType = "[email protected]";
          
  // Simulate focus event
  element.focus();
  element.dispatchEvent(new Event('focus', { bubbles: true }));
      
  let index = 0;
  const typingInterval = setInterval(() => {
    const char = textToType[index];
    element.value += char; // Simulate typing by appending one character at a time
    element.dispatchEvent(new Event('input', { bubbles: true })); // Dispatch input event
    element.dispatchEvent(new Event("change", { bubbles: true }));
    index++;
      
    if (index === textToType.length) {
      clearInterval(typingInterval); // Stop when all characters are typed
      
      // Simulate blur event after typing
      element.blur();
      element.dispatchEvent(new Event('blur', { bubbles: true }));
    }
  }, 100);