fix(engine): closes #871 - support for svg manual injection (#872)

* fix(engine): closes #871 - support for svg manual injection

* fix(engine): integration tests

packages/@lwc/engine/src/faux-shadow/traverse.ts

@@ -75,7 +75,7 @@ export function isNodeSlotted(host: Element, node: Node): boolean {
     }
     const hostKey = getNodeKey(host);
     // just in case the provided node is not an element
-    let currentElement: Element = node instanceof HTMLElement ? node : parentElementGetter.call(node);
+    let currentElement: Element = node instanceof Element ? node : parentElementGetter.call(node);
     while (!isNull(currentElement) && currentElement !== host) {
         const elmOwnerKey = getNodeNearestOwnerKey(currentElement);
         const parent: Element = parentElementGetter.call(currentElement);

packages/integration-tests/src/components/dom/test-lwc-dom-mode-manual-svg/integration/lwc-dom-mode-manual-svg/lwc-dom-mode-manual-svg.css

@@ -0,0 +1,3 @@
+:host {
+    display: block;
+}

packages/integration-tests/src/components/dom/test-lwc-dom-mode-manual-svg/integration/lwc-dom-mode-manual-svg/lwc-dom-mode-manual-svg.html

@@ -0,0 +1,3 @@
+<template>
+    <svg lwc:dom="manual"></svg>
+</template>

packages/integration-tests/src/components/dom/test-lwc-dom-mode-manual-svg/integration/lwc-dom-mode-manual-svg/lwc-dom-mode-manual-svg.js

@@ -0,0 +1,12 @@
+import { LightningElement } from 'lwc';
+
+export default class DomModeManualSvg extends LightningElement {
+    rendered = false
+    renderedCallback() {
+        if (this.rendered === false) {
+            this.rendered = true;
+            const elm = document.createElement('g');
+            this.template.querySelector('svg').appendChild(elm);
+        }
+    }
+}

packages/integration-tests/src/components/dom/test-lwc-dom-mode-manual-svg/lwc-dom-mode-manual-svg.spec.js

@@ -0,0 +1,20 @@
+const assert = require('assert');
+describe('CSS token on manual svg dom node', () => {
+    const URL = 'http://localhost:4567/lwc-dom-mode-manual-svg';
+
+    before(() => {
+        browser.url(URL);
+    });
+
+    it('should have token', () => {
+
+        const elm = browser.execute(function () {
+            return document.querySelector('integration-lwc-dom-mode-manual-svg').shadowRoot.querySelector('g');
+        });
+
+        browser.waitUntil(() => {
+            return elm.getAttribute('integration-lwc-dom-mode-manual-svg_lwc-dom-mode-manual-svg') === '';
+        }, 500, '<g> should have css token');
+
+    });
+});