How to trigger a change event in HtmlInput element ?

[mediabuff]

Hi,
I change the input text programmatically like

  var devToolsContext = await webView.CoreWebView2.CreateDevToolsContextAsync();
  inputText = (HtmlInputElement)await devToolsContext.QuerySelectorAsync(".custom-input");
 await inputText.SetValueAsync("hello");

But unfortunately this does not trigger a change event

[mediabuff]

For now, I ended up doing the following. Better alternatives are welcome:

var devToolsContext = await webView.CoreWebView2.CreateDevToolsContextAsync();
inputText = (HtmlInputElement)await devToolsContext.QuerySelectorAsync(".custom-input");
await inputText.SetValueAsync("hello");
await webView.CoreWebView2.ExecuteScriptAsync("document.querySelector('.custom-input').dispatchEvent( new Event('input', { bubbles: true }))");

[mediabuff]

Also, this is very flaky. I get an excepton in Microsoft.Web.WebView2.Core.CoreWebView2

CallDevToolsProtocolMethodAsync
with methodName == Page.enable and parametersAsJson string.empty

[amaitland]

The API is based on puppeteer-sharp, so you achieve many of the things in the same way. You can type into a inputbox to simulate user input.

//Type text in an input field
await element.TypeAsync("Welcome to my Website!");

//Scroll Element into View (if needed)
//Can optional specify a Rect to be scrolled into view, relative to the node's border box,
//in CSS pixels. When omitted, center of the node will be used
await element.ScrollIntoViewIfNeededAsync();

//Click The element
await element.ClickAsync();

Also, this is very flaky. I get an excepton in Microsoft.Web.WebView2.Core.CoreWebView2

Make sure you have only a single context at a time. See #11 (comment)