fix: dispatch event on vnode

Author: Varixo

packages/qwik/src/core/client/vnode-diff.ts

@@ -26,10 +26,10 @@ import { ChoreType } from '../shared/util-chore-type';
 import { escapeHTML } from '../shared/utils/character-escaping';
 import { _OWNER } from '../shared/utils/constants';
 import {
+  fromCamelToKebabCase,
   getEventDataFromHtmlAttribute,
   isHtmlAttributeAnEventName,
   isJsxPropertyAnEventName,
-  jsxEventToEventName,
 } from '../shared/utils/event-names';
 import { getFileLocationFromJsx } from '../shared/utils/jsx-filename';
 import {
@@ -765,7 +765,7 @@ export const vnode_diff = (
       // Event handler needs to be patched onto the element.
       if (!element.qDispatchEvent) {
         element.qDispatchEvent = (event: Event, scope: QwikLoaderEventScope) => {
-          const eventName = jsxEventToEventName(event.type, 0, event.type.length);
+          const eventName = fromCamelToKebabCase(event.type);
           const eventProp = ':' + scope.substring(1) + ':' + eventName;
           const qrls = [
             vNode.getProp<QRL>(eventProp, null),

packages/qwik/src/core/use/use-on.ts

@@ -8,12 +8,7 @@ import type {
 } from '../shared/jsx/types/jsx-qwik-attributes';
 import type { HostElement } from '../shared/types';
 import { USE_ON_LOCAL, USE_ON_LOCAL_FLAGS, USE_ON_LOCAL_SEQ_IDX } from '../shared/utils/markers';
-import {
-  DOM_CONTENT_LOADED_EVENT,
-  EventNameHtmlScope,
-  createEventName,
-  type EventNameJSXScope,
-} from '../shared/utils/event-names';
+import { EventNameHtmlScope, createEventName } from '../shared/utils/event-names';
 
 export type EventQRL<T extends string = AllEventKeys> =
   | QRL<EventHandler<EventFromName<T>, Element>>

packages/qwik/src/testing/element-fixture.ts

@@ -3,11 +3,7 @@ import type { ClientContainer } from '@qwik.dev/core/internal';
 import { vi } from 'vitest';
 import { assertDefined } from '../core/shared/error/assert';
 import type { Container, QElement, QwikLoaderEventScope } from '../core/shared/types';
-import {
-  EventNameHtmlScope,
-  EventNameJSXScope,
-  fromCamelToKebabCase,
-} from '../core/shared/utils/event-names';
+import { EventNameHtmlScope, fromCamelToKebabCase } from '../core/shared/utils/event-names';
 import { QFuncsPrefix, QInstanceAttr } from '../core/shared/utils/markers';
 import { delay } from '../core/shared/utils/promises';
 import { invokeApply, newInvokeContextFromTuple } from '../core/use/use-core';
@@ -120,7 +116,11 @@ export async function trigger(
       cancelable: true,
     });
     Object.assign(event, eventPayload);
-    const prefix = scope ? EventNameJSXScope.on + scope + ':' : EventNameHtmlScope.on;
+    const prefix = scope
+      ? scope === '-document'
+        ? EventNameHtmlScope.document
+        : EventNameHtmlScope.window
+      : EventNameHtmlScope.on;
     const attrName = prefix + fromCamelToKebabCase(eventName);
     await dispatch(element, attrName, event, scope);
   }