npm - jsf.js_next_gen - Versions diffs - 1.0.0-beta-20 → 4.0.0-RC.1 - Mend

jsf.js_next_gen 1.0.0-beta-20 → 4.0.0-RC.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

package/target/test/frameworkBase/_ext/monadish/DomQueryTest.spec.js CHANGED Viewed

@@ -1,29 +1,4 @@
 "use strict";
-// noinspection HtmlUnknownAttribute
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /* Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
  * this work for additional information regarding copyright ownership.
@@ -39,78 +14,147 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var chai_1 = require("chai");
-var mocha_1 = require("mocha");
-var mona_dish_1 = require("mona-dish");
-var sinon = __importStar(require("sinon"));
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const chai_1 = require("chai");
+const mocha_1 = require("mocha");
+const mona_dish_1 = require("mona-dish");
 var trim = mona_dish_1.Lang.trim;
-var ExtDomQuery_1 = require("../../../../impl/util/ExtDomQuery");
-var jsdom = require("jsdom");
-var JSDOM = jsdom.JSDOM;
+const rxjs_1 = require("rxjs");
+const jsdom = require("jsdom");
+const { JSDOM } = jsdom;
+global.window = {};
+let dom = null;
 (0, mocha_1.describe)('DOMQuery tests', function () {
     beforeEach(function () {
-        var _this = this;
-        var dom = new JSDOM("\n            <!DOCTYPE html>\n        <html lang=\"en\">\n        <head>\n            <meta charset=\"UTF-8\">\n            <title>Title</title>\n            </head>\n            <body>\n                <div id=\"id_1\"></div>\n                <div id=\"id_2\"  booga=\"blarg\"></div>\n                <div id=\"id_3\"></div>\n                <div id=\"id_4\"></div>\n            </body>\n            </html>\n    \n    ", {
+        // language=HTML
+        dom = new JSDOM(`
+            <!DOCTYPE html>
+        <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <title>Title</title>
+            </head>
+            <body>
+                <div id="id_1"></div>
+                <div id="id_2"  booga="blarg" class="blarg2"></div>
+                <div id="id_3" class="blarg1 blarg2"></div>
+                <div id="id_4"></div>
+            </body>
+            </html>
+    `, {
             contentType: "text/html",
-            runScripts: "dangerously"
+            runScripts: "dangerously",
+            resources: "usable",
+            url: `file://${__dirname}/index.html`
         });
-        var window = dom.window;
+        let window = dom.window;
+        global.dom = dom;
         global.window = window;
         global.body = window.document.body;
         global.document = window.document;
         global.navigator = {
             language: "en-En"
         };
-        this.xhr = sinon.useFakeXMLHttpRequest();
-        this.requests = [];
-        this.xhr.onCreate = function (xhr) {
-            _this.requests.push(xhr);
-        };
-        global.XMLHttpRequest = this.xhr;
-        window.XMLHttpRequest = this.xhr;
     });
     this.afterEach(function () {
-        global.XMLHttpRequest = window.XMLHttpRequest = this.xhr.restore();
     });
     (0, mocha_1.it)('basic init', function () {
-        var probe1 = new mona_dish_1.DomQuery(window.document.body);
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
-        var probe3 = new mona_dish_1.DomQuery(probe1, probe2);
-        var probe4 = new mona_dish_1.DomQuery(window.document.body, probe3);
+        let probe1 = new mona_dish_1.DomQuery(window.document.body);
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        let probe3 = new mona_dish_1.DomQuery(probe1, probe2);
+        let probe4 = new mona_dish_1.DomQuery(window.document.body, probe3);
         (0, chai_1.expect)(probe1.length).to.be.eq(1);
         (0, chai_1.expect)(probe2.length == 4).to.be.true;
         (0, chai_1.expect)(probe3.length == 5).to.be.true;
         //still under discussion (we might index to avoid doubles)
         (0, chai_1.expect)(probe4.length == 6).to.be.true;
     });
+    (0, mocha_1.it)('proper iterator api and rxjs mapping', function () {
+        let probe1 = new mona_dish_1.DomQuery(window.document.body);
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        let o1 = (0, rxjs_1.from)(probe1.stream);
+        let o2 = (0, rxjs_1.from)(probe2.stream);
+        let cnt1 = 0;
+        let isDQuery = false;
+        let cnt2 = 0;
+        o1.subscribe(() => {
+            cnt1++;
+        });
+        o2.subscribe((item) => {
+            cnt2++;
+            isDQuery = (item.length == 1) && (item instanceof mona_dish_1.DomQuery);
+        });
+        (0, chai_1.expect)(probe1.length).to.be.eq(1);
+        (0, chai_1.expect)(probe2.length == 4).to.be.true;
+        (0, chai_1.expect)(isDQuery).to.be.true;
+    });
+    (0, mocha_1.it)('proper iterator api and rxjs mapping with observable', function () {
+        let probe1 = new mona_dish_1.DomQuery(window.document.body);
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        let o1 = (0, rxjs_1.from)(probe1.stream);
+        let o2 = (0, rxjs_1.from)(probe2.stream);
+        let cnt1 = 0;
+        let isDQuery = false;
+        let cnt2 = 0;
+        o1.subscribe(() => {
+            cnt1++;
+        });
+        o2.subscribe((item) => {
+            cnt2++;
+            isDQuery = (item.length == 1) && (item instanceof mona_dish_1.DomQuery);
+        });
+        (0, chai_1.expect)(probe1.length).to.be.eq(1);
+        (0, chai_1.expect)(probe2.length == 4).to.be.true;
+        (0, chai_1.expect)(isDQuery).to.be.true;
+    });
     (0, mocha_1.it)('domquery ops test filter', function () {
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
-        probe2 = probe2.filter(function (item) { return item.id.match(function (id) { return id != "id_1"; }); });
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        probe2 = probe2.filter((item) => item.id.match((id) => id != "id_1"));
         (0, chai_1.expect)(probe2.length == 3);
     });
     (0, mocha_1.it)('global eval test', function () {
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
-        probe2 = probe2.filter(function (item) { return item.id.match(function (id) { return id != "id_1"; }); });
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        probe2 = probe2.filter((item) => item.id.match((id) => id != "id_1"));
         (0, chai_1.expect)(probe2.length == 3);
     });
     (0, mocha_1.it)('must detach', function () {
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div#id_1");
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div#id_1");
         probe2.detach();
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("div#id_1").isPresent()).to.be.false;
         probe2.appendTo(mona_dish_1.DomQuery.querySelectorAll("body"));
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("div#id_1").isPresent()).to.be.true;
     });
-    (0, mocha_1.it)('domquery ops test2 each', function () {
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div#id_1");
+    (0, mocha_1.it)('domquery ops test2 each', () => {
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div#id_1");
         mona_dish_1.DomQuery.globalEval("document.getElementById('id_1').innerHTML = 'hello'");
         (0, chai_1.expect)(probe2.html().value).to.eq("hello");
+        (0, chai_1.expect)(mona_dish_1.DomQuery.byId(document.head).innerHTML.indexOf("document.getElementById('id_1').innerHTML = 'hello'")).to.eq(-1);
         mona_dish_1.DomQuery.globalEval("document.getElementById('id_1').innerHTML = 'hello2'", "nonci");
         (0, chai_1.expect)(probe2.html().value).to.eq("hello2");
     });
+    (0, mocha_1.it)('domquery ops test2 with sticky eval code', () => {
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div#id_1");
+        mona_dish_1.DomQuery.globalEvalSticky("document.getElementById('id_1').innerHTML = 'hello'");
+        (0, chai_1.expect)(probe2.html().value).to.eq("hello");
+        (0, chai_1.expect)(mona_dish_1.DomQuery.byId(document.head).innerHTML.indexOf("document.getElementById('id_1').innerHTML = 'hello'")).not.to.eq(-1);
+        mona_dish_1.DomQuery.globalEvalSticky("document.getElementById('id_1').innerHTML = 'hello2'", "nonci");
+        (0, chai_1.expect)(probe2.html().value).to.eq("hello2");
+        (0, chai_1.expect)(mona_dish_1.DomQuery.byId(document.head).innerHTML.indexOf("document.getElementById('id_1').innerHTML = 'hello2'")).not.to.eq(-1);
+    });
     (0, mocha_1.it)('domquery ops test2 eachNode', function () {
-        var probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
-        var noIter = 0;
-        probe2.each(function (item, cnt) {
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        let noIter = 0;
+        probe2.each((item, cnt) => {
             (0, chai_1.expect)(item instanceof mona_dish_1.DomQuery).to.be.true;
             (0, chai_1.expect)(noIter == cnt).to.be.true;
             noIter++;
@@ -118,43 +162,77 @@ var JSDOM = jsdom.JSDOM;
         (0, chai_1.expect)(noIter == 4).to.be.true;
     });
     (0, mocha_1.it)('domquery ops test2 byId', function () {
-        var probe2 = mona_dish_1.DomQuery.byId("id_1");
+        let probe2 = mona_dish_1.DomQuery.byId("id_1");
         (0, chai_1.expect)(probe2.length == 1).to.be.true;
         probe2 = mona_dish_1.DomQuery.byTagName("div");
         (0, chai_1.expect)(probe2.length == 4).to.be.true;
     });
     (0, mocha_1.it)('outerhtml and eval tests', function () {
-        var probe1 = new ExtDomQuery_1.ExtDomquery(window.document.body);
-        probe1.querySelectorAll("#id_1").outerHTML("\n            <div id='barg'>\n            \n            </div>\n            <script type=\"text/javascript\">\n                document.getElementById('blarg').innerHTML = 'hello world';\n            </script>\n            ", true, true);
+        let probe1 = new mona_dish_1.DomQuery(window.document.body);
+        probe1.querySelectorAll("#id_1").outerHTML(`
+            <div id='barg'>
+            </div>
+            <script type="text/javascript">
+                document.getElementById('blarg').innerHTML = 'hello world';
+            </script>
+            `, true, true);
         (0, chai_1.expect)(window.document.body.innerHTML.indexOf("hello world") != -1).to.be.true;
         (0, chai_1.expect)(window.document.head.innerHTML.indexOf("hello world") == -1).to.be.true;
         (0, chai_1.expect)(window.document.body.innerHTML.indexOf("id_1") == -1).to.be.true;
         (0, chai_1.expect)(window.document.body.innerHTML.indexOf("blarg") != -1).to.be.true;
     });
-    (0, mocha_1.it)('attrn test and eval tests', function () {
-        var probe1 = new mona_dish_1.DomQuery(document);
+    (0, mocha_1.it)('attr test and eval tests', function () {
+        let probe1 = new mona_dish_1.DomQuery(document);
         probe1.querySelectorAll("div#id_2").attr("style").value = "border=1;";
-        var blarg = probe1.querySelectorAll("div#id_2").attr("booga").value;
-        var style = probe1.querySelectorAll("div#id_2").attr("style").value;
-        var nonexistent = probe1.querySelectorAll("div#id_2").attr("buhaha").value;
+        let blarg = probe1.querySelectorAll("div#id_2").attr("booga").value;
+        let style = probe1.querySelectorAll("div#id_2").attr("style").value;
+        let nonexistent = probe1.querySelectorAll("div#id_2").attr("buhaha").value;
         (0, chai_1.expect)(blarg).to.be.eq("blarg");
         (0, chai_1.expect)(style).to.be.eq("border=1;");
         (0, chai_1.expect)(nonexistent).to.be.eq(null);
     });
+    (0, mocha_1.it)('style must work ', function () {
+        let probe1 = new mona_dish_1.DomQuery(document);
+        let probe = probe1.querySelectorAll("div#id_2");
+        probe.style("border").value = "10px solid red";
+        probe.style("color").value = "blue";
+        let styleNodeLevel = probe.getAsElem(0).value.style['color'];
+        (0, chai_1.expect)(probe.style("border").value).to.eq("10px solid red");
+        (0, chai_1.expect)(probe.style("color").value).to.eq("blue");
+        (0, chai_1.expect)(styleNodeLevel).to.eq('blue');
+    });
     (0, mocha_1.it)('must perform addClass and hasClass correctly', function () {
-        var probe1 = new mona_dish_1.DomQuery(document);
-        var element = probe1.querySelectorAll("div#id_2");
+        let probe1 = new mona_dish_1.DomQuery(document);
+        let element = probe1.querySelectorAll("div#id_2");
+        element.addClass("booga").addClass("Booga2");
+        let classdef = element.attr("class").value;
+        (0, chai_1.expect)(classdef).to.eq("blarg2 booga Booga2");
+        element.removeClass("booga2");
+        (0, chai_1.expect)(element.hasClass("booga2")).to.be.false;
+        (0, chai_1.expect)(element.hasClass("booga")).to.be.true;
+    });
+    (0, mocha_1.it)('must perform addClass and hasClass correctly 2', function () {
+        let probe1 = new mona_dish_1.DomQuery(document);
+        let element = probe1.querySelectorAll(".blarg2");
         element.addClass("booga").addClass("Booga2");
-        var classdef = element.attr("class").value;
-        (0, chai_1.expect)(classdef).to.eq("booga Booga2");
+        let classdef = element.attr("class").value;
+        (0, chai_1.expect)(classdef).to.eq("blarg2 booga Booga2");
         element.removeClass("booga2");
         (0, chai_1.expect)(element.hasClass("booga2")).to.be.false;
         (0, chai_1.expect)(element.hasClass("booga")).to.be.true;
+        (0, chai_1.expect)(element.hasClass("blarg2")).to.be.true;
+    });
+    (0, mocha_1.it)('must perform addClass and hasClass correctly 2', function () {
+        let probe1 = new mona_dish_1.DomQuery(document);
+        let element = probe1.querySelectorAll(".blarg2");
+        element.addClass("booga").addClass("Booga2");
+        (0, chai_1.expect)(probe1.querySelectorAll(".Booga2").length).eq(2);
     });
     (0, mocha_1.it)('must perform insert before and insert after correctly', function () {
-        var probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("#id_2");
-        var insert = mona_dish_1.DomQuery.fromMarkup("<div id='insertedBefore'></div><div id='insertedBefore2'></div>");
-        var insert2 = mona_dish_1.DomQuery.fromMarkup("<div id='insertedAfter'></div><div id='insertedAfter2'></div>");
+        let probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("#id_2");
+        let insert = mona_dish_1.DomQuery.fromMarkup("<div id='insertedBefore'></div><div id='insertedBefore2'></div>");
+        let insert2 = mona_dish_1.DomQuery.fromMarkup("<div id='insertedAfter'></div><div id='insertedAfter2'></div>");
         probe1.insertBefore(insert);
         probe1.insertAfter(insert2);
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("#insertedBefore").isPresent()).to.be.true;
@@ -164,25 +242,32 @@ var JSDOM = jsdom.JSDOM;
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("#insertedAfter2").isPresent()).to.be.true;
     });
     (0, mocha_1.it)('it must stream', function () {
-        var probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("div");
-        var coll = probe1.stream.collect(new mona_dish_1.ArrayCollector());
+        let probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("div");
+        let coll = probe1.stream.collect(new mona_dish_1.ArrayCollector());
         (0, chai_1.expect)(coll.length == 4).to.be.true;
         coll = probe1.lazyStream.collect(new mona_dish_1.ArrayCollector());
         (0, chai_1.expect)(coll.length == 4).to.be.true;
     });
+    (0, mocha_1.it)('it must stream to a domquery', function () {
+        let probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("div");
+        let coll = probe1.stream.collect(new mona_dish_1.DomQueryCollector());
+        (0, chai_1.expect)(coll.length == 4).to.be.true;
+        coll = probe1.lazyStream.collect(new mona_dish_1.DomQueryCollector());
+        (0, chai_1.expect)(coll.length == 4).to.be.true;
+    });
     (0, mocha_1.it)('it must have parents', function () {
-        var probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("div");
-        var coll = probe1.parents("body").stream.collect(new mona_dish_1.ArrayCollector());
+        let probe1 = new mona_dish_1.DomQuery(document).querySelectorAll("div");
+        let coll = probe1.parents("body").stream.collect(new mona_dish_1.ArrayCollector());
         (0, chai_1.expect)(coll.length == 1).to.be.true;
     });
     (0, mocha_1.it)("must have a working insertBefore and insertAfter", function () {
-        var probe1 = new mona_dish_1.DomQuery(document).byId("id_2");
-        probe1.insertBefore(mona_dish_1.DomQuery.fromMarkup(" <div id=\"id_x_0\"></div><div id=\"id_x_1\"></div>"));
-        probe1.insertAfter(mona_dish_1.DomQuery.fromMarkup(" <div id=\"id_x_0_1\"></div><div id=\"id_x_1_1\"></div>"));
+        let probe1 = new mona_dish_1.DomQuery(document).byId("id_2");
+        probe1.insertBefore(mona_dish_1.DomQuery.fromMarkup(` <div id="id_x_0"></div><div id="id_x_1"></div>`));
+        probe1.insertAfter(mona_dish_1.DomQuery.fromMarkup(` <div id="id_x_0_1"></div><div id="id_x_1_1"></div>`));
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("div").length).to.eq(8);
-        mona_dish_1.DomQuery.querySelectorAll("body").innerHtml = trim(mona_dish_1.DomQuery.querySelectorAll("body").innerHtml.replace(/>\s*</gi, "><"));
+        mona_dish_1.DomQuery.querySelectorAll("body").innerHTML = trim(mona_dish_1.DomQuery.querySelectorAll("body").innerHTML.replace(/>\s*</gi, "><"));
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("body").childNodes.length).to.eq(8);
-        var innerHtml = mona_dish_1.DomQuery.querySelectorAll("body").innerHtml;
+        let innerHtml = mona_dish_1.DomQuery.querySelectorAll("body").innerHTML;
         (0, chai_1.expect)(innerHtml.indexOf("id_x_0") < innerHtml.indexOf("id_x_1")).to.be.true;
         (0, chai_1.expect)(innerHtml.indexOf("id_x_0") < innerHtml.indexOf("id_2")).to.be.true;
         (0, chai_1.expect)(innerHtml.indexOf("id_x_0") > 0).to.be.true;
@@ -190,28 +275,50 @@ var JSDOM = jsdom.JSDOM;
         (0, chai_1.expect)(innerHtml.indexOf("id_x_1_1") > innerHtml.indexOf("id_x_0_1")).to.be.true;
     });
     (0, mocha_1.it)("must have a working input handling", function () {
-        mona_dish_1.DomQuery.querySelectorAll("body").innerHtml = "<form id=\"blarg\">\n    <div id=\"embed1\">\n        <input type=\"text\" id=\"id_1\" name=\"id_1\" value=\"id_1_val\"/>\n        <input type=\"text\" id=\"id_2\" name=\"id_2\" value=\"id_2_val\" disabled=\"disabled\"/>\n        <textarea type=\"text\" id=\"id_3\" name=\"id_3\">textareaVal</textarea>\n\n        <fieldset>\n            <input type=\"radio\" id=\"mc\" name=\"cc_1\" value=\"Mastercard\" checked=\"checked\"/>\n            <label for=\"mc\"> Mastercard</label>\n            <input type=\"radio\" id=\"vi\" name=\"cc_1\" value=\"Visa\"/>\n            <label for=\"vi\"> Visa</label>\n            <input type=\"radio\" id=\"ae\" name=\"cc_1\" value=\"AmericanExpress\"/>\n            <label for=\"ae\"> American Express</label>\n        </fieldset>\n        <select id=\"val_5\" name=\"val_5\" size=\"5\">\n            <option>barg</option>\n            <option>jjj</option>\n            <option selected>akaka</option>\n            <option>blon</option>\n            <option>slashs</option>\n        </select>\n    </div>\n</form>\n       ";
-        var elements = mona_dish_1.DomQuery.querySelectorAll("form").elements;
-        var length = elements.length;
+        mona_dish_1.DomQuery.querySelectorAll("body").innerHTML = `<form id="blarg">
+    <div id="embed1">
+        <input type="text" id="id_1" name="id_1" value="id_1_val">
+        <input type="text" id="id_2" name="id_2" value="id_2_val" disabled="disabled">
+        <textarea id="id_3" name="id_3">textareaVal</textarea>
+        <fieldset>
+            <input type="radio" id="mc" name="cc_1" value="Mastercard" checked="checked">
+            <label for="mc"> Mastercard</label>
+            <input type="radio" id="vi" name="cc_1" value="Visa">
+            <label for="vi"> Visa</label>
+            <input type="radio" id="ae" name="cc_1" value="AmericanExpress">
+            <label for="ae"> American Express</label>
+        </fieldset>
+        <select id="val_5" name="val_5" size="5">
+            <option>barg</option>
+            <option>jjj</option>
+            <option selected>akaka</option>
+            <option>blon</option>
+            <option>slashs</option>
+        </select>
+    </div>
+</form>
+       `;
+        let length = mona_dish_1.DomQuery.querySelectorAll("form").elements.length;
         (0, chai_1.expect)(length == 8).to.be.true;
-        var length1 = mona_dish_1.DomQuery.querySelectorAll("body").elements.length;
+        let length1 = mona_dish_1.DomQuery.querySelectorAll("body").elements.length;
         (0, chai_1.expect)(length1 == 8).to.be.true;
-        var length2 = mona_dish_1.DomQuery.byId("embed1").elements.length;
+        let length2 = mona_dish_1.DomQuery.byId("embed1").elements.length;
         (0, chai_1.expect)(length2 == 8).to.be.true;
-        var count = mona_dish_1.DomQuery.byId("embed1").elements
-            .stream.map(function (item) { return item.disabled ? 1 : 0; })
-            .reduce(function (val1, val2) { return val1 + val2; }, 0);
+        let count = mona_dish_1.DomQuery.byId("embed1").elements
+            .stream.map(item => item.disabled ? 1 : 0)
+            .reduce((val1, val2) => val1 + val2, 0);
         (0, chai_1.expect)(count.value).to.eq(1);
         mona_dish_1.DomQuery.byId("embed1").elements
-            .stream.filter(function (item) { return item.disabled; })
-            .each(function (item) { return item.disabled = false; });
+            .stream.filter(item => item.disabled)
+            .each(item => item.disabled = false);
         count = mona_dish_1.DomQuery.byId("embed1").elements
-            .stream.map(function (item) { return item.disabled ? 1 : 0; })
-            .reduce(function (val1, val2) { return val1 + val2; }, 0);
+            .stream.map(item => item.disabled ? 1 : 0)
+            .reduce((val1, val2) => val1 + val2, 0);
         (0, chai_1.expect)(count.value).to.eq(0);
         count = mona_dish_1.DomQuery.byId("embed1").elements
-            .stream.map(function (item) { return item.attr("checked").isPresent() ? 1 : 0; })
-            .reduce(function (val1, val2) { return val1 + val2; }, 0);
+            .stream.map(item => item.attr("checked").isPresent() ? 1 : 0)
+            .reduce((val1, val2) => val1 + val2, 0);
         (0, chai_1.expect)(count.value).to.eq(1);
         (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").inputValue.value == "id_1_val").to.be.true;
         mona_dish_1.DomQuery.byId("id_1").inputValue.value = "booga";
@@ -219,7 +326,7 @@ var JSDOM = jsdom.JSDOM;
         (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_3").inputValue.value).to.eq("textareaVal");
         mona_dish_1.DomQuery.byId("id_3").inputValue.value = "hello world";
         (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_3").inputValue.value).to.eq("hello world");
-        var cfg = mona_dish_1.DomQuery.querySelectorAll("form").elements.encodeFormElement();
+        let cfg = mona_dish_1.DomQuery.querySelectorAll("form").elements.encodeFormElement();
         (0, chai_1.expect)(cfg.getIf("id_1").value[0]).to.eq("booga");
         (0, chai_1.expect)(cfg.getIf("id_2").value[0]).to.eq("id_2_val");
         (0, chai_1.expect)(cfg.getIf("id_3").value[0]).to.eq("hello world");
@@ -227,47 +334,71 @@ var JSDOM = jsdom.JSDOM;
         (0, chai_1.expect)(cfg.getIf("val_5").value[0]).to.eq("akaka");
     });
     (0, mocha_1.it)("must have a proper loadScriptEval execution", function (done) {
-        mona_dish_1.DomQuery.byTagName("body").loadScriptEval("test.js");
-        var xhr = this.requests[0];
-        xhr.respond(200, {
-            "content-type": "application/javascript",
-        }, "\n            document.getElementById('id_1').innerHTML = \"hello world\";\n        ");
-        setTimeout(function () {
-            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHtml == "hello world").to.be.true;
+        mona_dish_1.DomQuery.byTagName("body").loadScriptEval("./fixtures/test.js");
+        setTimeout(() => {
+            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHTML == "hello world").to.be.true;
             done();
         }, 100);
     });
     (0, mocha_1.it)("must have first etc working", function () {
         (0, chai_1.expect)(mona_dish_1.DomQuery.querySelectorAll("div").first().id.value).to.eq("id_1");
     });
-    (0, mocha_1.it)("runscript runcss", function () {
-        mona_dish_1.DomQuery.byTagName("body").innerHtml = "\n            <div id=\"first\"></div>\n            <div id=\"second\"></div>\n            <div id=\"third\"></div>\n            <div id=\"fourth\"></div>\n            \n            <script type=\"text/javascript\">\n                document.getElementById(\"first\").innerHTML = \"hello world\";\n            </script>\n            <script type=\"text/javascript\">\n            //<![CDATA[\n                document.getElementById(\"second\").innerHTML = \"hello world\";\n            //]]>    \n            </script>\n            <script type=\"text/javascript\">\n            <!--\n                document.getElementById(\"third\").innerHTML = \"hello world\";\n            //-->   \n            </script>\n              <script type=\"text/javascript\">\n            //<!--\n                document.getElementById(\"fourth\").innerHTML = \"hello world\";\n            //-->   \n            </script>\n        \n            <style>\n                #first {\n                    border: 1px solid black;\n                }\n            </style>\n        ";
-        var content = mona_dish_1.DomQuery.byTagName("body").runScripts().runCss();
-        (0, chai_1.expect)(content.byId("first").innerHtml).to.eq("hello world");
-        (0, chai_1.expect)(content.byId("second").innerHtml).to.eq("hello world");
-        (0, chai_1.expect)(content.byId("third").innerHtml).to.eq("hello world");
-        (0, chai_1.expect)(content.byId("fourth").innerHtml).to.eq("hello world");
+    (0, mocha_1.it)("runscript runcss", function (done) {
+        mona_dish_1.DomQuery.byTagName("body").innerHTML = `
+            <div id="first"></div>
+            <div id="second"></div>
+            <div id="third"></div>
+            <div id="fourth"></div>
+            <script type="text/javascript">
+                document.getElementById("first").innerHTML = "hello world";
+            </script>
+            <script type="text/javascript">
+            //<![CDATA[
+                document.getElementById("second").innerHTML = "hello world";
+            //]]>
+            </script>
+            <script type="text/javascript">
+            <!--
+                document.getElementById("third").innerHTML = "hello world";
+            //-->
+            </script>
+              <script type="text/javascript">
+            //<!--
+                document.getElementById("fourth").innerHTML = "hello world";
+            //-->
+            </script>
+            <style>
+                #first {
+                    border: 1px solid black;
+                }
+            </style>
+        `;
+        let content = mona_dish_1.DomQuery.byTagName("body").runScripts().runCss();
+        (0, chai_1.expect)(content.byId("first").innerHTML).to.eq("hello world");
+        (0, chai_1.expect)(content.byId("second").innerHTML).to.eq("hello world");
+        (0, chai_1.expect)(content.byId("third").innerHTML).to.eq("hello world");
+        (0, chai_1.expect)(content.byId("fourth").innerHTML).to.eq("hello world");
+        done();
     });
+    //TODO defer does not work in jsdom
     (0, mocha_1.it)("must have a proper loadScriptEval deferred", function (done) {
-        mona_dish_1.DomQuery.byTagName("body").loadScriptEval("test.js", 700);
-        var xhr = this.requests[0];
-        xhr.respond(200, {
-            "content-type": "application/javascript",
-        }, "\n            document.getElementById('id_1').innerHTML = \"hello world\";\n        ");
-        setTimeout(function () {
-            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHtml == "hello world").to.be.false;
+        mona_dish_1.DomQuery.byId(document.body).loadScriptEval("./fixtures/test2.js", 200);
+        setTimeout(() => {
+            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHTML == "hello world").to.be.false;
         }, 100);
-        setTimeout(function () {
-            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHtml == "hello world").to.be.true;
+        setTimeout(() => {
+            (0, chai_1.expect)(mona_dish_1.DomQuery.byId("id_1").innerHTML == "hello world").to.be.true;
             done();
-        }, 1000);
+        }, 1500);
     });
     (0, mocha_1.it)("it must handle events properly", function () {
-        var clicked = 0;
-        var listener = function () {
+        let clicked = 0;
+        let listener = () => {
             clicked++;
         };
-        var eventReceiver = mona_dish_1.DomQuery.byId("id_1");
+        let eventReceiver = mona_dish_1.DomQuery.byId("id_1");
         eventReceiver.addEventListener("click", listener);
         eventReceiver.click();
         (0, chai_1.expect)(clicked).to.eq(1);
@@ -278,40 +409,147 @@ var JSDOM = jsdom.JSDOM;
     (0, mocha_1.it)("it must handle innerText properly", function () {
         //jsdom bug
         Object.defineProperty(Object.prototype, 'innerText', {
-            get: function () {
+            get() {
                 return this.textContent;
             },
         });
-        var probe = mona_dish_1.DomQuery.byId("id_1");
-        probe.innerHtml = "<div>hello</div><div>world</div>";
+        let probe = mona_dish_1.DomQuery.byId("id_1");
+        probe.innerHTML = "<div>hello</div><div>world</div>";
         (0, chai_1.expect)(probe.innerText()).to.eq("helloworld");
     });
     (0, mocha_1.it)("it must handle textContent properly", function () {
-        var probe = mona_dish_1.DomQuery.byId("id_1");
-        probe.innerHtml = "<div>hello</div><div>world</div>";
+        let probe = mona_dish_1.DomQuery.byId("id_1");
+        probe.innerHTML = "<div>hello</div><div>world</div>";
         (0, chai_1.expect)(probe.textContent()).to.eq("helloworld");
     });
     (0, mocha_1.it)("it must handle iterations properly", function () {
-        var probe = mona_dish_1.DomQuery.byTagName("div");
-        var resArr = probe.lazyStream.collect(new mona_dish_1.ArrayCollector());
+        let probe = mona_dish_1.DomQuery.byTagName("div");
+        let resArr = probe.lazyStream.collect(new mona_dish_1.ArrayCollector());
         (0, chai_1.expect)(resArr.length).to.eq(4);
         probe.reset();
         while (probe.hasNext()) {
-            var el = probe.next();
+            let el = probe.next();
             (0, chai_1.expect)(el.tagName.value.toLowerCase()).to.eq("div");
         }
         (0, chai_1.expect)(probe.next()).to.eq(null);
-        var probe2 = mona_dish_1.DomQuery.byTagName("div").limits(2);
+        let probe2 = mona_dish_1.DomQuery.byTagName("div").limits(2);
         resArr = mona_dish_1.LazyStream.ofStreamDataSource(probe2).collect(new mona_dish_1.ArrayCollector());
         (0, chai_1.expect)(resArr.length).to.eq(2);
     });
     (0, mocha_1.it)("it must handle subnodes properly", function () {
-        var probe = mona_dish_1.DomQuery.byTagName("div");
+        let probe = mona_dish_1.DomQuery.byTagName("div");
         (0, chai_1.expect)(probe.subNodes(1, 3).length).to.eq(2);
         probe = mona_dish_1.DomQuery.byTagName("body").childNodes.subNodes(0, 2);
         (0, chai_1.expect)(probe.length).to.eq(2);
         probe = mona_dish_1.DomQuery.byTagName("div").subNodes(2);
         (0, chai_1.expect)(probe.length).to.eq(2);
     });
+    (0, mocha_1.it)("it must ensure shadow dom creation works properly", function () {
+        let probe = mona_dish_1.DomQuery.byTagName("div");
+        try {
+            //probably not testable atm, mocha does not have shadow dom support
+            //we might be able to shim it in one way or the other
+            let element = probe.attachShadow();
+            (0, chai_1.expect)(element.length > 0).to.eq(true);
+        }
+        catch (e) {
+            //not supported we still need to get an error here
+            (0, chai_1.expect)(e.message.indexOf("not supported") != -1).to.be.true;
+        }
+    });
+    (0, mocha_1.it)('it must have a working wait for dom with mut observer and must detect condition after change', function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            let probe = mona_dish_1.DomQuery.byId('id_1');
+            probe.innerHTML = 'true';
+            let ret = yield probe.waitUntilDom((element) => element.innerHTML.indexOf('true') != -1);
+            (0, chai_1.expect)(ret.isPresent());
+            probe = mona_dish_1.DomQuery.byId('bosushsdhs');
+            ret = yield probe.waitUntilDom((element) => element.isAbsent());
+            (0, chai_1.expect)(ret.isAbsent());
+        });
+    });
+    (0, mocha_1.it)('it must have a working wait for dom with mut observer', function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            let probe = mona_dish_1.DomQuery.byId('id_1');
+            setTimeout(() => probe.innerHTML = 'true', 300);
+            let ret = yield probe.waitUntilDom((element) => element.innerHTML.indexOf('true') != -1);
+            delete window.MutationObserver;
+            delete global.MutationObserver;
+            probe.innerHTML = "";
+            setTimeout(() => probe.innerHTML = 'true', 300);
+            let ret2 = yield probe.waitUntilDom((element) => element.innerHTML.indexOf('true') != -1);
+            (0, chai_1.expect)(ret.isPresent() && ret2.isPresent());
+        });
+    });
+    (0, mocha_1.it)('it must have a timeout', function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            let probe = mona_dish_1.DomQuery.byId('booga');
+            try {
+                setTimeout(() => probe.innerHTML = 'true', 300);
+                yield probe.waitUntilDom((element) => element.innerHTML.indexOf('true') != -1);
+                chai_1.expect.fail("must have a timeout");
+            }
+            catch (ex) {
+                (0, chai_1.expect)(!!ex);
+            }
+            try {
+                delete window.MutationObserver;
+                delete global.MutationObserver;
+                probe.innerHTML = "";
+                setTimeout(() => probe.innerHTML = 'true', 300);
+                yield probe.waitUntilDom((element) => element.innerHTML.indexOf('true') != -1);
+                chai_1.expect.fail("must have a timeout");
+            }
+            catch (ex2) {
+                (0, chai_1.expect)(!!ex2);
+            }
+        });
+    });
+    (0, mocha_1.it)('must handle null inputs correctly', function () {
+        const dq = new mona_dish_1.DomQuery(null);
+        (0, chai_1.expect)(dq.isAbsent()).to.eq(true);
+    });
+    (0, mocha_1.it)('concat must work as expected resulting', function () {
+        let probe = mona_dish_1.DomQuery.querySelectorAll("div");
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("body");
+        let result = probe.concat(probe2);
+        (0, chai_1.expect)(result.length).to.eq(probe.length + probe2.length);
+        //lets now check for filter double
+        probe2 = mona_dish_1.DomQuery.querySelectorAll('div');
+        result = probe.concat(probe2);
+        (0, chai_1.expect)(result.length).to.eq(probe.length);
+    });
+    (0, mocha_1.it)('must handle match correctly', function () {
+        let probe = mona_dish_1.DomQuery.querySelectorAll("div").first();
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("body").first();
+        (0, chai_1.expect)(probe.matchesSelector("div")).to.eq(true);
+        (0, chai_1.expect)(probe2.matchesSelector("body")).to.eq(true);
+        (0, chai_1.expect)(probe2.matchesSelector("div")).to.eq(false);
+    });
+    (0, mocha_1.it)('must by recycleable', function () {
+        let probe = mona_dish_1.DomQuery.querySelectorAll("div");
+        let res1 = probe.filter(item => item.matchesSelector("div"));
+        (0, chai_1.expect)(res1.length).to.eq(4);
+        let res2 = probe.filter(item => item.matchesSelector("div"));
+        (0, chai_1.expect)(res2.length).to.eq(4);
+    });
+    (0, mocha_1.it)('delete must work', function () {
+        let probe = mona_dish_1.DomQuery.querySelectorAll("body");
+        let probe2 = mona_dish_1.DomQuery.fromMarkup("<div id='deleteprobe1'>snafu</div>");
+        probe2.appendTo(probe);
+        (0, chai_1.expect)(probe.querySelectorAll("#deleteprobe1").isPresent()).to.eq(true);
+        probe2.delete();
+        (0, chai_1.expect)(probe.querySelectorAll("#deleteprobe1").isAbsent()).to.eq(true);
+    });
+    (0, mocha_1.it)('must work with rxjs and domquery', function () {
+        let probe = mona_dish_1.DomQuery.querySelectorAll("div");
+        let probe2 = mona_dish_1.DomQuery.querySelectorAll("div");
+        let probeCnt = 0;
+        let probe2Cnt = 0;
+        (0, rxjs_1.from)(probe).subscribe(() => probeCnt++);
+        (0, rxjs_1.from)(probe2.stream).subscribe(() => probe2Cnt++);
+        (0, chai_1.expect)(probeCnt).to.be.above(0);
+        (0, chai_1.expect)(probeCnt).to.eq(probe2Cnt);
+    });
 });
 //# sourceMappingURL=DomQueryTest.spec.js.map