[Test given] Issue with order of execution with async event listener

[Spixmaster]

happy-dom v16.5.3

Example:

import {assert} from "assert-ts";
import {expect, test} from "bun:test";
import {Window} from "happy-dom";

test("showcase", (): undefined =>
{
    const window: Window = new Window();
    //@ts-expect-error
    global.window = window;
    //@ts-expect-error
    global.document = window.document;
    localStorage.clear();
    document.body.innerHTML = `<div id="a"></div>`;

    const a: HTMLElement | null = document.getElementById("a");
    assert(a !== null);

    a.addEventListener("click", async (): Promise<undefined> =>
    {
        console.log("test 2");

        const response: Response = await fetch("https://google.com");
        assert(response.status === 200);

        console.log("test 3");
    });

    console.log("test 1");

    //@ts-expect-error
    a.dispatchEvent(new window.Event("click"));
    console.log("test 4");
});

Expeced result:

I want it to print:

test 1
test 2
test 3
test 4

Actual result:

❯ bun test --coverage tests/src-web/typescript/payment.test.ts
bun test v1.1.42 (50eec002)

test 1
test 2
test 4
✓ showcase [2.83ms]
test 3