test(integration-karma): migrate slotted-custome-element-event-target

packages/integration-karma/test/events/slotted-custom-element-event-target/index.spec.js

@@ -0,0 +1,21 @@
+import { createElement } from 'test-utils';
+import Container from 'x/container';
+
+describe('Event target in slot elements', () => {
+    it('should receive event with correct target in slotted custom element', function() {
+        const elm = createElement('x-container', { is: Container });
+        document.body.appendChild(elm);
+
+        const child = elm.shadowRoot.querySelector('x-child');
+        child.click();
+
+        return Promise.resolve().then(() => {
+            const elementWithResult = elm.shadowRoot
+                .querySelector('x-parent')
+                .shadowRoot.querySelector('.correct-event-target');
+
+            expect(elementWithResult).not.toBeNull();
+            expect(elementWithResult.innerText).toBe('Event target is correct');
+        });
+    });
+});

packages/integration-karma/test/events/slotted-custom-element-event-target/x/container/container.html

@@ -0,0 +1,5 @@
+<template>
+    <x-parent>
+        <x-child></x-child>
+    </x-parent>
+</template>

packages/integration-karma/test/events/slotted-custom-element-event-target/x/container/container.js

@@ -0,0 +1,3 @@
+import { LightningElement } from 'lwc';
+
+export default class Container extends LightningElement {}

packages/integration-tests/src/components/events/test-slotted-custom-element-event-target/integration/parent/parent.js → packages/integration-karma/test/events/slotted-custom-element-event-target/x/parent/parent.js

@@ -3,6 +3,6 @@ import { LightningElement, track } from 'lwc';
 export default class XParent extends LightningElement {
     @track eventTargetIsCorrectTag = false;
     handleClick(evt) {
-        this.eventTargetIsCorrectTag = evt.target.tagName === 'INTEGRATION-CHILD';
+        this.eventTargetIsCorrectTag = evt.target.tagName === 'X-CHILD';
     }
 }