diff --git a/test/karma/test-app/components.d.ts b/test/karma/test-app/components.d.ts index d633d56ad2f..d661f44a030 100644 --- a/test/karma/test-app/components.d.ts +++ b/test/karma/test-app/components.d.ts @@ -46,8 +46,6 @@ export namespace Components { } interface EventCustomType { } - interface EventListenerCapture { - } interface ExternalImportA { } interface ExternalImportB { @@ -419,12 +417,6 @@ declare global { prototype: HTMLEventCustomTypeElement; new (): HTMLEventCustomTypeElement; }; - interface HTMLEventListenerCaptureElement extends Components.EventListenerCapture, HTMLStencilElement { - } - var HTMLEventListenerCaptureElement: { - prototype: HTMLEventListenerCaptureElement; - new (): HTMLEventListenerCaptureElement; - }; interface HTMLExternalImportAElement extends Components.ExternalImportA, HTMLStencilElement { } var HTMLExternalImportAElement: { @@ -1036,7 +1028,6 @@ declare global { "es5-addclass-svg": HTMLEs5AddclassSvgElement; "esm-import": HTMLEsmImportElement; "event-custom-type": HTMLEventCustomTypeElement; - "event-listener-capture": HTMLEventListenerCaptureElement; "external-import-a": HTMLExternalImportAElement; "external-import-b": HTMLExternalImportBElement; "external-import-c": HTMLExternalImportCElement; @@ -1176,8 +1167,6 @@ declare namespace LocalJSX { interface EventCustomType { "onTestEvent"?: (event: EventCustomTypeCustomEvent) => void; } - interface EventListenerCapture { - } interface ExternalImportA { } interface ExternalImportB { @@ -1429,7 +1418,6 @@ declare namespace LocalJSX { "es5-addclass-svg": Es5AddclassSvg; "esm-import": EsmImport; "event-custom-type": EventCustomType; - "event-listener-capture": EventListenerCapture; "external-import-a": ExternalImportA; "external-import-b": ExternalImportB; "external-import-c": ExternalImportC; @@ -1550,7 +1538,6 @@ declare module "@stencil/core" { "es5-addclass-svg": LocalJSX.Es5AddclassSvg & JSXBase.HTMLAttributes; "esm-import": LocalJSX.EsmImport & JSXBase.HTMLAttributes; "event-custom-type": LocalJSX.EventCustomType & JSXBase.HTMLAttributes; - "event-listener-capture": LocalJSX.EventListenerCapture & JSXBase.HTMLAttributes; "external-import-a": LocalJSX.ExternalImportA & JSXBase.HTMLAttributes; "external-import-b": LocalJSX.ExternalImportB & JSXBase.HTMLAttributes; "external-import-c": LocalJSX.ExternalImportC & JSXBase.HTMLAttributes; diff --git a/test/karma/test-app/event-listener-capture/index.html b/test/karma/test-app/event-listener-capture/index.html deleted file mode 100644 index 61d31e9c1c8..00000000000 --- a/test/karma/test-app/event-listener-capture/index.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/test/karma/test-app/event-listener-capture/karma.spec.ts b/test/karma/test-app/event-listener-capture/karma.spec.ts deleted file mode 100644 index c988fdbee50..00000000000 --- a/test/karma/test-app/event-listener-capture/karma.spec.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { setupDomTests, waitForChanges } from '../util'; - -describe('event-listener-capture', function () { - const { setupDom, tearDownDom } = setupDomTests(document); - - let app: HTMLElement | undefined; - let host: HTMLElement | undefined; - - beforeEach(async () => { - app = await setupDom('/event-listener-capture/index.html'); - host = app.querySelector('event-listener-capture'); - }); - - afterEach(tearDownDom); - - it('should render', () => { - expect(host).toBeDefined(); - }); - - it('should increment counter on click', async () => { - const counter = host.querySelector('#counter'); - expect(counter.textContent).toBe('0'); - - const p = host.querySelector('#incrementer') as HTMLParagraphElement; - expect(p).toBeDefined(); - p.click(); - await waitForChanges(); - - expect(counter.textContent).toBe('1'); - }); -}); diff --git a/test/wdio/event-listener-capture/cmp.test.tsx b/test/wdio/event-listener-capture/cmp.test.tsx new file mode 100644 index 00000000000..9a2d5ab503c --- /dev/null +++ b/test/wdio/event-listener-capture/cmp.test.tsx @@ -0,0 +1,26 @@ +import { h } from '@stencil/core'; +import { render } from '@wdio/browser-runner/stencil'; + +describe('event-listener-capture', function () { + const eventListenerCaptureCmp = () => $('event-listener-capture'); + + beforeEach(() => { + render({ + template: () => , + }); + }); + + it('should render', async () => { + await expect(eventListenerCaptureCmp()).toBePresent(); + }); + + it('should increment counter on click', async () => { + const counter = $('#counter'); + await expect(counter).toHaveText('0'); + + const p = eventListenerCaptureCmp().$('#incrementer'); + await expect(p).toBePresent(); + await p.click(); + await expect(counter).toHaveText('1'); + }); +}); diff --git a/test/karma/test-app/event-listener-capture/cmp.tsx b/test/wdio/event-listener-capture/cmp.tsx similarity index 100% rename from test/karma/test-app/event-listener-capture/cmp.tsx rename to test/wdio/event-listener-capture/cmp.tsx