chore(wdio): port listen-jsx suite from karma to wdio

test/karma/test-app/components.d.ts

@@ -104,10 +104,6 @@ export namespace Components {
     interface LifecycleUpdateC {
         "value": number;
     }
-    interface ListenJsx {
-    }
-    interface ListenJsxRoot {
-    }
     interface ListenReattach {
     }
     interface NodeResolution {
@@ -633,18 +629,6 @@ declare global {
         prototype: HTMLLifecycleUpdateCElement;
         new (): HTMLLifecycleUpdateCElement;
     };
-    interface HTMLListenJsxElement extends Components.ListenJsx, HTMLStencilElement {
-    }
-    var HTMLListenJsxElement: {
-        prototype: HTMLListenJsxElement;
-        new (): HTMLListenJsxElement;
-    };
-    interface HTMLListenJsxRootElement extends Components.ListenJsxRoot, HTMLStencilElement {
-    }
-    var HTMLListenJsxRootElement: {
-        prototype: HTMLListenJsxRootElement;
-        new (): HTMLListenJsxRootElement;
-    };
     interface HTMLListenReattachElement extends Components.ListenReattach, HTMLStencilElement {
     }
     var HTMLListenReattachElement: {
@@ -1168,8 +1152,6 @@ declare global {
         "lifecycle-update-a": HTMLLifecycleUpdateAElement;
         "lifecycle-update-b": HTMLLifecycleUpdateBElement;
         "lifecycle-update-c": HTMLLifecycleUpdateCElement;
-        "listen-jsx": HTMLListenJsxElement;
-        "listen-jsx-root": HTMLListenJsxRootElement;
         "listen-reattach": HTMLListenReattachElement;
         "node-resolution": HTMLNodeResolutionElement;
         "parent-reflect-nan-attribute": HTMLParentReflectNanAttributeElement;
@@ -1353,10 +1335,6 @@ declare namespace LocalJSX {
     interface LifecycleUpdateC {
         "value"?: number;
     }
-    interface ListenJsx {
-    }
-    interface ListenJsxRoot {
-    }
     interface ListenReattach {
     }
     interface NodeResolution {
@@ -1594,8 +1572,6 @@ declare namespace LocalJSX {
         "lifecycle-update-a": LifecycleUpdateA;
         "lifecycle-update-b": LifecycleUpdateB;
         "lifecycle-update-c": LifecycleUpdateC;
-        "listen-jsx": ListenJsx;
-        "listen-jsx-root": ListenJsxRoot;
         "listen-reattach": ListenReattach;
         "node-resolution": NodeResolution;
         "parent-reflect-nan-attribute": ParentReflectNanAttribute;
@@ -1724,8 +1700,6 @@ declare module "@stencil/core" {
             "lifecycle-update-a": LocalJSX.LifecycleUpdateA & JSXBase.HTMLAttributes<HTMLLifecycleUpdateAElement>;
             "lifecycle-update-b": LocalJSX.LifecycleUpdateB & JSXBase.HTMLAttributes<HTMLLifecycleUpdateBElement>;
             "lifecycle-update-c": LocalJSX.LifecycleUpdateC & JSXBase.HTMLAttributes<HTMLLifecycleUpdateCElement>;
-            "listen-jsx": LocalJSX.ListenJsx & JSXBase.HTMLAttributes<HTMLListenJsxElement>;
-            "listen-jsx-root": LocalJSX.ListenJsxRoot & JSXBase.HTMLAttributes<HTMLListenJsxRootElement>;
             "listen-reattach": LocalJSX.ListenReattach & JSXBase.HTMLAttributes<HTMLListenReattachElement>;
             "node-resolution": LocalJSX.NodeResolution & JSXBase.HTMLAttributes<HTMLNodeResolutionElement>;
             "parent-reflect-nan-attribute": LocalJSX.ParentReflectNanAttribute & JSXBase.HTMLAttributes<HTMLParentReflectNanAttributeElement>;

test/wdio/listen-jsx/cmp-root.test.tsx

@@ -0,0 +1,16 @@
+import { h } from '@stencil/core';
+import { render } from '@wdio/browser-runner/stencil';
+
+describe('listen-jsx', function () {
+  beforeEach(() => {
+    render({
+      template: () => <listen-jsx-root></listen-jsx-root>,
+    });
+  });
+
+  it('button click trigger both listeners', async () => {
+    await $('listen-jsx').click();
+    await expect($('#result')).toHaveText('Host event');
+    await expect($('#result-root')).toHaveText('Parent event');
+  });
+});