bug: events with `dispatchEvent()` do not reach a parent's event handler that was added with `addEventListener()` in a Spec Page about stencil HOT 2 OPEN

import { h } from '@stencil/core'
import { fn, type Mock } from '@wdio/browser-runner'
import { render } from '@wdio/browser-runner/stencil'
import { expect } from '@wdio/globals'

import { MyParent } from './my-parent.js'
import { MyChild } from '../my-child/my-child.js'

describe('Stencil component testing', () => {
    it('should increment value on click automatically', async () => {
        console.log = fn()

        await render({
            components: [MyParent, MyChild],
            template: () => <my-parent />
        })

        await browser.waitUntil(() => (console.log as Mock).mock.calls.length === 3)
        expect(console.log).toHaveBeenNthCalledWith(1, 'adding event listener')
        expect(console.log).toHaveBeenNthCalledWith(2, 'dispatching event')
        expect(console.log).toHaveBeenNthCalledWith(3, 'event received')
    })
})