I am currently test website as my job. I act like end-user who using the website. As this job repeatedly does the set of actions. So I write my own Chrome extension. My extension uses Vanilla JS (there is no jQuery or any third party lib). Everything OK until I receive a site of my client which is using Vuejs. I not quite familiar with Vuejs (I used to use Vanilla JS, jQuery, Angular).

I use Vanilla JS to simulate click on Vuejs Button. It is OK, no issue. But not textbox. I try to change value, textContent, innerText, innerHtml, it shows the string on textbox, but when I submit, the Vuejs inform to fill textbox (that means there is no string on textbox). I also try to change the value, then dispatchEvent click, keyup, keydown, keypress on that textbox, nothing happen.

So any Vuejs experts? Please help me find the way to simulate text input on textbox. Or give me keyword to research.

I am very appreciate. Thank community