How to set Timeout in Execute JavaScript before change detection ?

[Drewniacki]

Describe the bug

I have a page, where I need to:

1. pass log in details via JavaScript
2. wait for all data to load
3. extract some data using JS before chengedetection

I am doing it by Playwright Chromium/Javascript fetcher and JS in the Execute JavaScript before change detection field with the following code:

document.querySelector('vaadin-text-field').value = "123";
document.querySelector('vaadin-text-field').dispatchEvent(new Event('input', { bubbles: true }));
document.querySelector('vaadin-text-field').dispatchEvent(new Event('change', { bubbles: true }));
document.querySelector('vaadin-password-field').value = "XXX";
document.querySelector('vaadin-password-field').dispatchEvent(new Event('input', { bubbles: true }));
document.querySelector('vaadin-password-field').dispatchEvent(new Event('change', { bubbles: true }));
document.querySelector('vaadin-form-layout > vaadin-button').click();
await new Promise((resolve) => setTimeout(resolve, 1000)); 
document.querySelector('.py-2.footer').innerText = Array.from(document.querySelectorAll('vaadin-text-field')).map(field => field.value.trim()).join(' | ');

It returns following error:

Page request from server didnt respond correctly - Page.evaluate: SyntaxError: await is only valid in async functions and the top level bodies of modules at eval (<anonymous>) at UtilityScript.evaluate (<anonymous>:234:30) at UtilityScript.<anonymous> (<anonymous>:1:44)

Version
v0.48.05

How did you install?
docker compose:

services:
    changedetection:
      image: ghcr.io/dgtlmoon/changedetection.io
      container_name: changedetection
      hostname: changedetection
      environment:
        - PLAYWRIGHT_DRIVER_URL=ws://playwright-chrome:3000
      volumes:
        - changedetection-data:/datastore
      ports:
        - 5000:5000
      restart: unless-stopped
      depends_on:
          playwright-chrome:
              condition: service_started

    playwright-chrome:
        hostname: playwright-chrome
        image: dgtlmoon/sockpuppetbrowser:latest
        cap_add:
            - SYS_ADMIN
        restart: unless-stopped
        environment:
            - SCREEN_WIDTH=1920
            - SCREEN_HEIGHT=1024
            - SCREEN_DEPTH=16
            - MAX_CONCURRENT_CHROME_PROCESSES=10
volumes:
  changedetection-data:

Troubleshooting performed
There is no errors if I remove await new Promise((resolve) => setTimeout(resolve, 1000)); line from JS code. But then page does not have enough time to load all the information and I don't get the full picture.