Ошибка типа: обработчик события «изменить». работает правильно?

Question

Я тестирую юнит следующим методом:

const initImageUpload = () => {
  const input = document.querySelector('.file-input');
  const fileName = document.querySelector('.file-name');
  if (input) {
    input.addEventListener('change', () => {
      fileName.classList.remove('is-invisible');
    });
  }
};

Однако, когда я запускаю .change (), я получаю ошибку:

let inputImage = document.querySelector('.file-input');
let inputImageFileName = document.querySelector('.file-name');

// WHEN
inputImage.change();
await Promise.resolve().then(); // wait two cycles of the PromiseJobs queue
// THEN
console.log('IMAGE FILENAME: ', inputImageFileName.outerHTML);

**TypeError: inputImage.change is not a function**

где я не прав? изменение () в поле ввода работает или нет?

спасибо за отзыв

Answer 1

по ссылке комментария (дублируется)

Решение Vanilla JS:

var el = document.getElementById('changeProgramatic');
el.value='New Value'
el.dispatchEvent(new Event('change'));