Click on button not taking input from text field?

I’m entering information into a text field then trying to click a button to enter the information, using

     const result = await Runtime.evaluate({
        expression: 'new Promise((resolve) => {document.getElementById("name-field").value = "name"})',
        awaitPromise: true
    });
    result = await Runtime.evaluate({
        expression: 'new Promise((resolve) => {document.getElementsByClassName("submitButton")[0].click()})',
        awaitPromise: true
    });

And after I click the button the input fields either haven’t loaded or are wiped out…? (I know this works in the UI I’m pointing it out). So my thought was that I needed to do something to wait until the input is done, but I thought that’s what the ‘new Promise…awaitPromise’ was doing?

If I print a screenshot before I click the button the input is there, and if I print a screenshot after I click it it’s no longer there (the form entry fails because it’s empty).

Also, neither ‘result’ yields an error.

Component	Version
Operating system	Ubuntu 18.04.3 LTS
Node.js	12.12.0
Chrome/Chromium/…	78.0.3904.108
chrome-remote-interface	0.28.0

Is Chrome running in a container? NO

P.S. Thank you for this wonderful tool! It’s been awesome to work with 😄

[jvannier]

YESSSSS!! That works!! OwO Thank you!! 😄

[jvannier]

I was missing the ‘await’ on the focus 🤦‍♂ Sorry about that. Thanks again!!