jsf.js_next_gen 4.0.0-RC.3 → 4.0.0-RC.31

package/target/test/xhrCore/ResponseTest.spec.js

@@ -46,40 +46,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var mocha_1 = require("mocha");
-var StandardInits_1 = require("../frameworkBase/_ext/shared/StandardInits");
-var sinon = __importStar(require("sinon"));
-var XmlResponses_1 = require("../frameworkBase/_ext/shared/XmlResponses");
-var chai_1 = require("chai");
-var mona_dish_1 = require("mona-dish");
+const mocha_1 = require("mocha");
+const StandardInits_1 = require("../frameworkBase/_ext/shared/StandardInits");
+const sinon = __importStar(require("sinon"));
+const XmlResponses_1 = require("../frameworkBase/_ext/shared/XmlResponses");
+const chai_1 = require("chai");
+const mona_dish_1 = require("mona-dish");
 var protocolPage = StandardInits_1.StandardInits.protocolPage;
 /**
  * response test
@@ -89,31 +62,27 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
  */
 (0, mocha_1.describe)('Tests of the various aspects of the response protocol functionality', function () {
     beforeEach(function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var waitForResult;
-            var _this = this;
-            return __generator(this, function (_a) {
-                waitForResult = protocolPage();
-                return [2 /*return*/, waitForResult.then(function (close) {
-                        _this.xhr = sinon.useFakeXMLHttpRequest();
-                        _this.requests = [];
-                        _this.respond = function (response) {
-                            var xhrReq = _this.requests.shift();
-                            xhrReq.responsetype = "text/xml";
-                            xhrReq.respond(200, { 'Content-Type': 'text/xml' }, response);
-                            return xhrReq;
-                        };
-                        _this.xhr.onCreate = function (xhr) {
-                            _this.requests.push(xhr);
-                        };
-                        global.XMLHttpRequest = _this.xhr;
-                        window.XMLHttpRequest = _this.xhr;
-                        _this.closeIt = function () {
-                            global.XMLHttpRequest = window.XMLHttpRequest = _this.xhr.restore();
-                            Implementation.reset();
-                            close();
-                        };
-                    })];
+        return __awaiter(this, void 0, void 0, function* () {
+            let waitForResult = protocolPage();
+            return waitForResult.then((close) => {
+                this.xhr = sinon.useFakeXMLHttpRequest();
+                this.requests = [];
+                this.respond = (response) => {
+                    let xhrReq = this.requests.shift();
+                    xhrReq.responsetype = "text/xml";
+                    xhrReq.respond(200, { 'Content-Type': 'text/xml' }, response);
+                    return xhrReq;
+                };
+                this.xhr.onCreate = (xhr) => {
+                    this.requests.push(xhr);
+                };
+                global.XMLHttpRequest = this.xhr;
+                window.XMLHttpRequest = this.xhr;
+                this.closeIt = () => {
+                    global.XMLHttpRequest = window.XMLHttpRequest = this.xhr.restore();
+                    Implementation.reset();
+                    close();
+                };
             });
         });
     });
@@ -129,15 +98,15 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
             .orElse("fail")
             .value.indexOf("update succeeded 1") != -1)
             .to.be.true;
-        var pos1 = mona_dish_1.DQ.byId(document.body).html()
+        let pos1 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("insert before succeeded should display before test1");
-        var pos3 = mona_dish_1.DQ.byId(document.body).html()
+        let pos3 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("insert after succeeded should display after test1");
-        var pos2 = mona_dish_1.DQ.byId(document.body).html()
+        let pos2 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("update succeeded 1");
         (0, chai_1.expect)(pos1 != -1).to.be.true;
         (0, chai_1.expect)(pos1 < pos2 && pos2 < pos3).to.be.true;
-        var pos4 = mona_dish_1.DQ.byId(document.body).html()
+        let pos4 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("embedded script at update succeed");
         (0, chai_1.expect)(pos4 != -1).to.be.true;
         done();
@@ -151,15 +120,15 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
             .orElse("fail")
             .value.indexOf("update succeeded 2") != -1)
             .to.be.true;
-        var pos1 = mona_dish_1.DQ.byId(document.body).html()
+        let pos1 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("insert before succeeded should display before test1");
-        var pos3 = mona_dish_1.DQ.byId(document.body).html()
+        let pos3 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("insert after succeeded should display after test1");
-        var pos2 = mona_dish_1.DQ.byId(document.body).html()
+        let pos2 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("update succeeded 2");
         (0, chai_1.expect)(pos1 != -1).to.be.true;
         (0, chai_1.expect)(pos1 < pos2 && pos2 < pos3).to.be.true;
-        var pos4 = mona_dish_1.DQ.byId(document.body).html()
+        let pos4 = mona_dish_1.DQ.byId(document.body).html()
             .value.indexOf("embedded script at update succeed");
         (0, chai_1.expect)(pos4 != -1).to.be.true;
         done();
@@ -168,8 +137,8 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
         mona_dish_1.DQ.byId("cmd_replace").click();
         this.respond(XmlResponses_1.XmlResponses.BODY_REPLACEMENT);
         //basic replacement
-        var newBody = mona_dish_1.DQ.byId(document.body);
-        var newContent = newBody.html().value;
+        let newBody = mona_dish_1.DQ.byId(document.body);
+        let newContent = newBody.html().value;
         //standard replacement successful
         (0, chai_1.expect)(newContent.indexOf("<h3>Body replacement test successful</h3>") != -1, "elements must be updated").to.be.true;
         //script eval
@@ -182,8 +151,8 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
         mona_dish_1.DQ.byId("cmd_replace").click();
         this.respond(XmlResponses_1.XmlResponses.HEAD_REPLACEMENT);
         //basic replacement
-        var newBody = mona_dish_1.DQ.byId(document.body);
-        var newContent = newBody.html().value;
+        let newBody = mona_dish_1.DQ.byId(document.body);
+        let newContent = newBody.html().value;
         //standard replacement successful
         //script eval
         //modern browsers block head replacement but you still can eval
@@ -193,9 +162,9 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
         mona_dish_1.DQ.byId("cmd_replace").click();
         this.respond(XmlResponses_1.XmlResponses.VIEW_ROOT_REPLACEMENT);
         //basic replacement
-        var newHead = mona_dish_1.DQ.byId(document.head);
-        var newBody = mona_dish_1.DQ.byId(document.body);
-        var newContent = newBody.html().value;
+        let newHead = mona_dish_1.DQ.byId(document.head);
+        let newBody = mona_dish_1.DQ.byId(document.body);
+        let newContent = newBody.html().value;
         (0, chai_1.expect)(newHead.isPresent(), " head must exist ").to.be.true;
         //standard replacement successful
         (0, chai_1.expect)(newContent.indexOf("<h3>Body replacement test successful</h3>") != -1, "elements must be updated").to.be.true;
@@ -209,10 +178,10 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
         //modern browsers block head replacement but you still can eval
         (0, chai_1.expect)(newContent.indexOf(">hello from embedded script in replacement head") != -1, "embedded scripts must be executed").to.be.true;
     });
-    it("must have a viewstate update to be peformed", function () {
+    it("must have a viewState update to be performed", function () {
         mona_dish_1.DQ.byId("cmd_viewstate").click();
         this.respond(XmlResponses_1.XmlResponses.VIEWSTATE_1);
-        var viewStateElem = mona_dish_1.DQ.byId('jakarta.faces.ViewState');
+        let viewStateElem = mona_dish_1.DQ.byId('jakarta.faces.ViewState');
         (0, chai_1.expect)(viewStateElem.inputValue.value == "hello world").to.be.true;
     });
     it("must have processed a proper delete", function () {
@@ -223,36 +192,66 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
     it("must have processed a proper eval of a script given in the eval tag", function () {
         mona_dish_1.DQ.byId("cmd_eval").click();
         this.respond(XmlResponses_1.XmlResponses.EVAL_1);
-        var resultHTML = mona_dish_1.DQ.byId(document.body).html().value;
+        let resultHTML = mona_dish_1.DQ.byId(document.body).html().value;
         (0, chai_1.expect)(resultHTML.indexOf('eval test succeeded') != -1).to.be.true;
     });
-    it("must have updated the viewstates properly", function () {
+    it("must have updated the viewstates properly", function (done) {
         mona_dish_1.DQ.byId("cmd_eval").click();
         /*js full submit form, coming from the integration tests*/
-        window.document.body.innerHTML = "<form id=\"j_id__v_0\" name=\"j_id__v_0\" method=\"post\" action=\"/IntegrationJSTest/integrationtestsjasmine/test7-eventtest.jsf\"\n      enctype=\"application/x-www-form-urlencoded\"><span id=\"updatePanel\">hello world</span><a href=\"#\"\n                                                                                              onclick=\"return faces.util.chain(this, event,'return false;', 'return myfaces.ab('j_id_1l','updateTrigger');');\"\n                                                                                              id=\"updateTrigger\"\n                                                                                              name=\"updateTrigger\"\n                                                                                              class=\"updateTrigger\">[Press\n    me for Update]</a><input type=\"hidden\" name=\"j_id_1l_SUBMIT\" value=\"1\">\n</form>";
+        window.document.body.innerHTML = `<form id="j_id__v_0" name="j_id__v_0" method="post" action="/IntegrationJSTest/integrationtestsjasmine/test7-eventtest.jsf"
+      ><span id="updatePanel">hello world</span><a href="#"
+                                                                                              onclick="return faces.util.chain(this, event,'return false;', 'return myfaces.ab(\'j_id_1l\',\'updateTrigger\');');"
+                                                                                              id="updateTrigger"
+                                                                                              name="updateTrigger"
+                                                                                              class="updateTrigger">[Press
+    me for Update]</a><input type="hidden" name="j_id_1l_SUBMIT" value="1">
+</form>`;
         faces.ajax.request(window.document.getElementById("updateTrigger"), null, {
             render: "updatePanel",
             execute: "updatePanel updateTrigger"
         });
         // language=XML
-        this.respond("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n            <partial-response id=\"j_id__v_0\">\n                <changes>\n                    <update id=\"updatePanel\"><![CDATA[<span id=\"updatePanel\">hello world</span>]]></update>\n                    <update id=\"j_id__v_0:jakarta.faces.ViewState:1\"><![CDATA[RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD]]></update>\n                </changes>\n            </partial-response>");
-        (0, chai_1.expect)(mona_dish_1.DQ.byId("jakarta.faces.ViewState").isAbsent()).to.be.false;
-        (0, chai_1.expect)(document.getElementById("jakarta.faces.ViewState").value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        (0, chai_1.expect)(mona_dish_1.DQ.byId("jakarta.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        this.respond(`<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id="j_id__v_0">
+            <changes>
+                <update id="updatePanel"><![CDATA[<span id="updatePanel">hello world</span>]]></update>
+                <update id="j_id__v_0:jakarta.faces.ViewState:1"><![CDATA[RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD]]></update>
+            </changes>
+        </partial-response>`);
+        setTimeout(() => {
+            (0, chai_1.expect)((0, mona_dish_1.DQ$)("[name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
+            (0, chai_1.expect)((0, mona_dish_1.DQ$)("[name*='jakarta.faces.ViewState']").val == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+            done();
+        }, 100);
     });
     it("must have updated the viewstates properly with lenient update block", function () {
         mona_dish_1.DQ.byId("cmd_eval").click();
         /*js full submit form, coming from the integration tests*/
-        window.document.body.innerHTML = "<form id=\"j_id__v_0\" name=\"j_id__v_0\" method=\"post\" action=\"/IntegrationJSTest/integrationtestsjasmine/test7-eventtest.jsf\"\n      enctype=\"application/x-www-form-urlencoded\"><span id=\"updatePanel\">hello world</span><a href=\"#\"\n                                                                                              onclick=\"return faces.util.chain(this, event,'return false;', 'return myfaces.ab('j_id_1l','updateTrigger');');\"\n                                                                                              id=\"updateTrigger\"\n                                                                                              name=\"updateTrigger\"\n                                                                                              class=\"updateTrigger\">[Press\n    me for Update]</a><input type=\"hidden\" name=\"j_id_1l_SUBMIT\" value=\"1\">\n</form>";
+        window.document.body.innerHTML = `<form id="j_id__v_0" name="j_id__v_0" method="post" action="/IntegrationJSTest/integrationtestsjasmine/test7-eventtest.jsf"
+      ><span id="updatePanel">hello world</span><a href="#"
+                                                                                              onclick="return faces.util.chain(this, event,'return false;', 'return myfaces.ab(\'j_id_1l\',\'updateTrigger\');');"
+                                                                                              id="updateTrigger"
+                                                                                              name="updateTrigger"
+                                                                                              class="updateTrigger">[Press
+    me for Update]</a><input type="hidden" name="j_id_1l_SUBMIT" value="1">
+</form>`;
         faces.ajax.request(window.document.getElementById("updateTrigger"), null, {
             render: "updatePanel",
             execute: "updatePanel updateTrigger"
         });
         // language=XML
-        this.respond("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n            <partial-response id=\"j_id__v_0\">\n                <changes>\n                    <update id=\"updatePanel\"><![CDATA[<span id=\"updatePanel\">hello world</span>]]></update>\n                    <update id=\"j_id__v_0:jakarta.faces.ViewState:1\"><![CDATA[RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD]]><!-- \n                        Some random junk which is sent by the server\n                    --></update>\n                </changes>\n            </partial-response>");
-        (0, chai_1.expect)(mona_dish_1.DQ.byId("jakarta.faces.ViewState").isAbsent()).to.be.false;
-        (0, chai_1.expect)(document.getElementById("jakarta.faces.ViewState").value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        (0, chai_1.expect)(mona_dish_1.DQ.byId("jakarta.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        this.respond(`<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id="j_id__v_0">
+            <changes>
+                <update id="updatePanel"><![CDATA[<span id="updatePanel">hello world</span>]]></update>
+                <update id="j_id__v_0:jakarta.faces.ViewState:1"><![CDATA[RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD]]><!-- 
+                        Some random junk which is sent by the server
+                    --></update>
+            </changes>
+        </partial-response>`);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("[name*='jakarta.faces.ViewState']").isAbsent()).to.be.false;
+        // expect((<HTMLInputElement>document.getElementsByName("jakarta.faces.ViewState")[0]).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("[name*='jakarta.faces.ViewState']").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
     });
     /**
      * The body innerHTML is based on a Tobago page. View state and client window id is rendered within a
@@ -260,7 +259,28 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
      * Beside the tobago-out tag, the view state and the client window id must be updated properly.
      */
     it("must have updated the client window tag properly", function () {
-        window.document.body.innerHTML = "<tobago-page locale='en' class='container-fluid' id='page'>\n   <form action='/IntegrationJSTest/integrationtestsjasmine/tobago-jfwid-test.jsf' id='page::form' method='post' accept-charset='UTF-8' data-tobago-context-path=''>\n    <input type='hidden' name='jakarta.faces.source' id='jakarta.faces.source' disabled='disabled'>\n    <tobago-focus id='page::lastFocusId'>\n     <input type='hidden' name='page::lastFocusId' id='page::lastFocusId::field'>\n    </tobago-focus>\n    <input type='hidden' name='org.apache.myfaces.tobago.webapp.Secret' id='org.apache.myfaces.tobago.webapp.Secret' value='SLrPlxqLEaR/oYFLSu4wgg=='>\n    <tobago-in id='page:input' class='tobago-margin-bottom'>\n     <input type='text' name='page:input' id='page:input::field' class='tobago-in form-control' value='Alice'>\n     <tobago-behavior event='change' client-id='page:input' field-id='page:input::field' execute='page:input' render='page:output'></tobago-behavior>\n    </tobago-in>\n    <div id='page:output' class='tobago-margin-bottom'>\n     <tobago-out class='form-control-plaintext'></tobago-out>\n    </div>\n    <div class='tobago-page-menuStore'></div>\n    <span id='page::jsf-state-container'>\n      <input type='hidden' name='jakarta.faces.ViewState' id='j_id__v_0:jakarta.faces.ViewState:1' value='RkExQ0Q1NTYzOTNCNzg0RjAwMDAwMDE4' autocomplete='off'>\n      <input type='hidden' name='jakarta.faces.RenderKitId' value='tobago'>\n      <input type='hidden' id='j_id__v_0:jakarta.faces.ClientWindow:1' name='jakarta.faces.ClientWindow' value='5m10kooxi'>\n    </span>\n   </form>\n  </tobago-page>";
+        window.document.body.innerHTML = `<tobago-page locale='en' class='container-fluid' id='page'>
+   <form action='/IntegrationJSTest/integrationtestsjasmine/tobago-jfwid-test.jsf' id='page::form' method='post' accept-charset='UTF-8' data-tobago-context-path=''>
+    <input type='hidden' name='jakarta.faces.source' id='jakarta.faces.source' disabled='disabled'>
+    <tobago-focus id='page::lastFocusId'>
+     <input type='hidden' name='page::lastFocusId' id='page::lastFocusId::field'>
+    </tobago-focus>
+    <input type='hidden' name='org.apache.myfaces.tobago.webapp.Secret' id='org.apache.myfaces.tobago.webapp.Secret' value='SLrPlxqLEaR/oYFLSu4wgg=='>
+    <tobago-in id='page:input' class='tobago-margin-bottom'>
+     <input type='text' name='page:input' id='page:input::field' class='tobago-in form-control' value='Alice'>
+     <tobago-behavior event='change' client-id='page:input' field-id='page:input::field' execute='page:input' render='page:output'></tobago-behavior>
+    </tobago-in>
+    <div id='page:output' class='tobago-margin-bottom'>
+     <tobago-out class='form-control-plaintext'></tobago-out>
+    </div>
+    <div class='tobago-page-menuStore'></div>
+    <span id='page::jsf-state-container'>
+      <input type='hidden' name='jakarta.faces.ViewState' id='j_id__v_0:jakarta.faces.ViewState:1' value='RkExQ0Q1NTYzOTNCNzg0RjAwMDAwMDE4' autocomplete='off'>
+      <input type='hidden' name='jakarta.faces.RenderKitId' value='tobago'>
+      <input type='hidden' id='j_id__v_0:jakarta.faces.ClientWindow:1' name='jakarta.faces.ClientWindow' value='5m10kooxi'>
+    </span>
+   </form>
+  </tobago-page>`;
         (0, chai_1.expect)(mona_dish_1.DQ.querySelectorAll("#page\\:output tobago-out").textContent() === "").to.be.true;
         (0, chai_1.expect)(mona_dish_1.DQ.byId("j_id__v_0:jakarta.faces.ViewState:1").isAbsent()).to.be.false;
         (0, chai_1.expect)(mona_dish_1.DQ.byId("j_id__v_0:jakarta.faces.ClientWindow:1").isAbsent()).to.be.false;
@@ -269,7 +289,20 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
             execute: "page:input",
             render: "page:output"
         });
-        this.respond("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<partial-response id='j_id__v_0'>\n<changes>\n<update id='page:output'><![CDATA[\n<div id='page:output' class='tobago-margin-bottom'>\n<tobago-out class='form-control-plaintext'>Alice</tobago-out>\n</div>]]>\n</update>\n<update id='j_id__v_0:jakarta.faces.ViewState:1'><![CDATA[MDQwQzkxNkU0MTg0RTQxRjAwMDAwMDE3]]>\n</update>\n<update id='j_id__v_0:jakarta.faces.ClientWindow:1'><![CDATA[5m10kooxg]]>\n</update>\n</changes>\n</partial-response>");
+        this.respond(`<?xml version="1.0" encoding="UTF-8"?>
+<partial-response id='j_id__v_0'>
+<changes>
+<update id='page:output'><![CDATA[
+<div id='page:output' class='tobago-margin-bottom'>
+<tobago-out class='form-control-plaintext'>Alice</tobago-out>
+</div>]]>
+</update>
+<update id='j_id__v_0:jakarta.faces.ViewState:1'><![CDATA[MDQwQzkxNkU0MTg0RTQxRjAwMDAwMDE3]]>
+</update>
+<update id='j_id__v_0:jakarta.faces.ClientWindow:1'><![CDATA[5m10kooxg]]>
+</update>
+</changes>
+</partial-response>`);
         (0, chai_1.expect)(mona_dish_1.DQ.querySelectorAll("#page\\:output tobago-out").textContent() === "Alice").to.be.true;
         (0, chai_1.expect)(mona_dish_1.DQ.byId("j_id__v_0:jakarta.faces.ViewState:1").isAbsent()).to.be.false;
         (0, chai_1.expect)(mona_dish_1.DQ.byId("j_id__v_0:jakarta.faces.ClientWindow:1").isAbsent()).to.be.false;
@@ -280,19 +313,19 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
         mona_dish_1.DQ.byId("cmd_simple_resource").click();
         this.respond(XmlResponses_1.XmlResponses.SIMPLE_RESOURCE_RESPONSE);
         (0, chai_1.expect)(document.head.innerHTML.indexOf("../../../xhrCore/fixtures/addedViewHead1.js") != -1).to.be.true;
-        mona_dish_1.DQ.byId(document.body).waitUntilDom(function () { return mona_dish_1.DQ.byId('resource_area_1').innerHTML === "true"; })
-            .then(function () { return done(); })
+        mona_dish_1.DQ.byId(document.body).waitUntilDom(() => mona_dish_1.DQ.byId('resource_area_1').innerHTML === "true")
+            .then(() => done())
             .catch(done);
     });
     it("only single resources are allowed", function (done) {
         // we need to fake the response as well to see whether the server has loaded the addedViewHead code and has interpreted it
         //(window as any)["test"] = "booga";
-        for (var cnt = 0; cnt < 10; cnt++) {
+        for (let cnt = 0; cnt < 10; cnt++) {
             mona_dish_1.DQ.byId("cmd_simple_resource").click();
             this.respond(XmlResponses_1.XmlResponses.MULTIPLE_RESOURCE_RESPONSE);
         }
         (0, chai_1.expect)(document.head.innerHTML.indexOf("../../../xhrCore/fixtures/addedViewHead2.js") != -1).to.be.true;
-        var addedScriptsCnt = mona_dish_1.DomQuery.byId(document.head).querySelectorAll("script[src='../../../xhrCore/fixtures/addedViewHead2.js']").length;
+        let addedScriptsCnt = mona_dish_1.DomQuery.byId(document.head).querySelectorAll("script[src='../../../xhrCore/fixtures/addedViewHead2.js']").length;
         (0, chai_1.expect)(addedScriptsCnt).to.eq(1);
         addedScriptsCnt = mona_dish_1.DomQuery.byId(document.head).querySelectorAll("style[rel='../../../xhrCore/fixtures/addedViewHead2.css']").length;
         (0, chai_1.expect)(addedScriptsCnt).to.eq(1);
@@ -302,26 +335,308 @@ var protocolPage = StandardInits_1.StandardInits.protocolPage;
     it("must handle complex resource responses properly", function (done) {
         mona_dish_1.DQ.byId("cmd_complex_resource").click();
         this.respond(XmlResponses_1.XmlResponses.MULTIPLE_RESOURCE_RESPONSE);
-        var headHTML = document.head.innerHTML;
+        let headHTML = document.head.innerHTML;
         (0, chai_1.expect)(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead2.js")).not.eq(-1);
         (0, chai_1.expect)(headHTML.indexOf("rel=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
-        mona_dish_1.DQ.byId(document.body).waitUntilDom(function () { return mona_dish_1.DQ.byId('resource_area_2').innerHTML === "true2"; })
-            .then(function () { return done(); })
+        mona_dish_1.DQ.byId(document.body).waitUntilDom(() => mona_dish_1.DQ.byId('resource_area_2').innerHTML === "true2")
+            .then(() => done())
             .catch(done);
     });
     it("embedded scripts must be evaled", function (done) {
         mona_dish_1.DQ.byId("cmd_complex_resource2").click();
         this.respond(XmlResponses_1.XmlResponses.EMBEDDED_SCRIPTS_RESOURCE_RESPONSE);
         // this.respond("debugger; document.getElementById('resource_area_1').innerHTML = 'true3'",  {'Content-Type': 'text/javascript'});
-        var headHTML = document.head.innerHTML;
+        let headHTML = document.head.innerHTML;
         (0, chai_1.expect)(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
-        (0, chai_1.expect)(headHTML.indexOf("rel=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
-        setTimeout(function () {
-            var evalAreaHtml = mona_dish_1.DQ.byId('resource_area_1').innerHTML;
+        (0, chai_1.expect)(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+        setTimeout(() => {
+            let evalAreaHtml = mona_dish_1.DQ.byId('resource_area_1').innerHTML;
+            //last one must be the last item, order must be preserved
+            (0, chai_1.expect)(evalAreaHtml).to.eq("booga");
+            done();
+        }, 800);
+    });
+    it("head replacement must work (https://issues.apache.org/jira/browse/MYFACES-4498 and TCK Issue 4345IT)", function (done) {
+        mona_dish_1.DQ.byId("cmd_complex_resource2").click();
+        this.respond(XmlResponses_1.XmlResponses.HEAD_REPLACE);
+        let headHTML = document.head.innerHTML;
+        //failing now, no elements in the html head after respond!!!
+        (0, chai_1.expect)(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+        (0, chai_1.expect)(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
+        setTimeout(() => {
+            let evalAreaHtml = mona_dish_1.DQ.byId('resource_area_1').innerHTML;
             //last one must be the last item, order must be preserved
             (0, chai_1.expect)(evalAreaHtml).to.eq("booga");
             done();
         }, 800);
     });
+    it("complex head replacement must work", function (done) {
+        mona_dish_1.DQ.byId("cmd_complex_resource2").click();
+        this.respond(XmlResponses_1.XmlResponses.HEAD_REPLACE2);
+        let headHTML = document.head.innerHTML;
+        //failing now, no elements in the html head after respond!!!
+        (0, chai_1.expect)(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+        let metas = (0, mona_dish_1.DQ$)("head meta");
+        (0, chai_1.expect)(metas.length).to.eq(5);
+        (0, chai_1.expect)(metas.get(0).attr("charSet").value == "UTF-8");
+        (0, chai_1.expect)(metas.get(4).attr("author").value == "Whoever");
+        (0, chai_1.expect)(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
+        setTimeout(() => {
+            let evalAreaHtml = mona_dish_1.DQ.byId('resource_area_1').innerHTML;
+            //last one must be the last item, order must be preserved
+            (0, chai_1.expect)(evalAreaHtml).to.eq("booga");
+            done();
+        }, 800);
+    });
+    const INNER_HTML_MULIT_VIEW = `
+        <div id="viewroot_1">
+            <form id="viewroot_1:form1">
+                <button type="submit" id="viewroot_1:submit_1"></button>
+                <input type="hidden" id="viewroot_1:form1:jakarta.faces.ViewState:1" name="jakarta.faces.ViewState" value="booga"></input>
+            </form>
+            <form id="viewroot_1:form2">
+                <button type="submit" id="viewroot_1:submit_2"></button>
+            </form>
+        </div>
+        
+        <div id="viewroot_2">
+            <form id="viewroot_2:form1">
+                <button type="submit" id="viewroot_1:submit_2"></button>
+            </form>
+        </div>
+        `;
+    it("must handle multiple view roots", function (done) {
+        const RESPONSE_1 = `<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id='viewroot_1'>
+        <changes>
+        <update id='viewroot_1:jakarta.faces.ViewState:1'><![CDATA[updatedVST]]></update>
+        </changes>
+        </partial-response>`;
+        window.document.body.innerHTML = INNER_HTML_MULIT_VIEW;
+        faces.ajax.request(window.document.getElementById("viewroot_1:submit_1"), null, {
+            "javax.faces.behavior.event": "change",
+            execute: "submit_1",
+            render: "form1"
+        });
+        this.respond(RESPONSE_1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form2 [name='jakarta.faces.ViewState']").isAbsent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name='jakarta.faces.ViewState']").val).to.be.eq("updatedVST");
+        done();
+    });
+    it("must handle multiple view roots multi forms", function (done) {
+        const RESPONSE_1 = `<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id='viewroot_1'>
+        <changes>
+        <update id='viewroot_1:jakarta.faces.ViewState:1'><![CDATA[updatedVST]]></update>
+        </changes>
+        </partial-response>`;
+        window.document.body.innerHTML = INNER_HTML_MULIT_VIEW;
+        global["debug4"] = true;
+        faces.ajax.request(window.document.getElementById("viewroot_1:submit_1"), null, {
+            "javax.faces.behavior.event": "change",
+            execute: "submit_1",
+            render: "viewroot_1:form1 submit_2"
+        });
+        this.respond(RESPONSE_1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form2 [name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_2\\:form1\\:form1 [name*='jakarta.faces.ViewState']").isAbsent()).to.be.true;
+        (0, chai_1.expect)(faces.getViewState((0, mona_dish_1.DQ$)("#viewroot_1\\:form2").getAsElem(0).value).indexOf("jakarta.faces.ViewState=updatedVST") != -1).to.be.true;
+        (0, chai_1.expect)(faces.getViewState("viewroot_1:form1").indexOf("jakarta.faces.ViewState=updatedVST") != -1).to.be.true;
+        done();
+    });
+    it("must handle multiple view roots with ClientWindow ids", function (done) {
+        const RESPONSE_1 = `<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id='viewroot_1'>
+        <changes>
+        <update id='viewroot_1:jakarta.faces.ClientWindow:1'><![CDATA[updatedViewId]]></update>
+        </changes>
+        </partial-response>`;
+        window.document.body.innerHTML = INNER_HTML_MULIT_VIEW;
+        faces.ajax.request(window.document.getElementById("viewroot_1:submit_1"), null, {
+            "javax.faces.behavior.event": "change",
+            execute: "submit_1",
+            render: "viewroot_1:form1"
+        });
+        this.respond(RESPONSE_1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").isAbsent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").val).to.be.eq("updatedViewId");
+        done();
+    });
+    it("must handle multiple view roots multi forms with ClientWindow ids", function (done) {
+        const RESPONSE_1 = `<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response id='viewroot_1'>
+        <changes>
+        <update id='viewroot_1:jakarta.faces.ClientWindow:1'><![CDATA[updatedViewId]]></update>
+        </changes>
+        </partial-response>`;
+        window.document.body.innerHTML = INNER_HTML_MULIT_VIEW;
+        faces.ajax.request(window.document.getElementById("viewroot_1:submit_1"), null, {
+            "javax.faces.behavior.event": "change",
+            execute: "submit_1",
+            render: "viewroot_1:form1 :submit_2"
+        });
+        this.respond(RESPONSE_1);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_2\\:form1\\:form1 [name*='jakarta.faces.ClientWindow']").isAbsent()).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").val).to.be.eq("updatedViewId");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").val).to.be.eq("updatedViewId");
+        done();
+    });
+    const TCK_790_MARKUP = `
+        <div id="panel1">
+            <form id="form1" name="form1" method="post"
+                  action="booga"
+                  ><input id="form1:button" name="form1:button" type="submit"
+                                                                     value="submit form1 via ajax">
+                   <input type="hidden" name="jakarta.faces.ViewState"
+                                        id="viewroot_1:jakarta.faces.ViewState:1"
+                                        value="beforeUpdate">
+            </form>
+        </div>
+        <div id="panel2">
+            <form id="form2" name="form2" method="post" action="booga2"
+                  ><a href="#" id="form2:link" name="form2:link"></a>
+           </form>
+        </div>
+        <div id="panel3">
+            <form id="form3" name="form3" method="post" action="booga3"
+                  ><a href="#" id="form3:link" name="form3:link"></a>
+            </form>
+        </div>
+        `;
+    const TCK_790_NAV_MARKUP = `
+            <form id="form1x" name="form1" method="post"
+                  action="booga"
+                  ><input id="form1x:button" name="form1x:button" type="submit"
+                                                                     value="submit form1 via ajax">
+                   <input type="hidden" name="jakarta.faces.ViewState"
+                                        id="viewroot_1:jakarta.faces.ViewState:1"
+                                        value="beforeUpdate">
+            </form>
+    `;
+    /**
+     * Similar to TCK 790
+     */
+    it("must handle a more complex replace with several forms and one issuing form and a viewstate and a viewroot id in response but viewroot is not present in page", function (done) {
+        document.body.innerHTML = TCK_790_MARKUP;
+        const RESPONSE_1 = `<partial-response id="viewroot_1">
+    <changes>
+        <update id="panel2"><![CDATA[
+            <div id="panel2">
+            after update
+                <form id="form2" name="form2" method="post" action="booga2"
+                      ><a href="#" id="form2:link" name="form2:link"></a>
+                      <input type="hidden" name="form2_SUBMIT" value="1"/></form>
+            </div>
+            ]]>
+        </update>
+        <update id="panel3"><![CDATA[
+            <div id="panel3">
+            after update
+                <form id="form3" name="form3" method="post" action="booga3"
+                      ><a href="#"  id="form3:link" name="form3:link"></a>
+                </form>
+            </div>
+            ]]>
+        </update>
+        <update id="viewroot_1:jakarta.faces.ViewState:1"><![CDATA[booga_after_update]]></update>
+    </changes>
+</partial-response>`;
+        faces.ajax.request(window.document.getElementById("form1:button"), null, {
+            "javax.faces.behavior.event": "click",
+            execute: "form1",
+            render: "form2 form3"
+        });
+        this.respond(RESPONSE_1);
+        // all forms in execute and render must receive the latest viewstate
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form1 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form2 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form2 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        done();
+    });
+    it("must handle a complex navigation response (TCK Spec790)", function (done) {
+        /*we start from a simple form which triggers a an internal navigation*/
+        document.body.innerHTML = TCK_790_NAV_MARKUP;
+        faces.ajax.request(window.document.getElementById("form1x:button"), null, {
+            "javax.faces.behavior.event": "click",
+            execute: "@form",
+            render: ":form1x:button"
+        });
+        //TODO xhr stubbing, to check if the viewId is prepended in render!
+        this.respond(`<?xml version="1.0" encoding="UTF-8"?>
+<partial-response id="viewroot_1">
+    <changes>
+        <update id="jakarta.faces.ViewRoot"><![CDATA[<!DOCTYPE html>
+            <html xmlns="http://www.w3.org/1999/xhtml">
+            <head>
+                <title>Spec 790</title>
+                <script src="/jakarta.faces.resource/faces.js.xhtml?ln=jakarta.faces;stage=Development"></script>
+            </head>
+            <body>
+                <div id="panel1">
+                 <form id="form1" name="form1" method="post"
+                  action="booga"
+                  ><input id="form1:button" name="form1:button" type="submit"
+                                                                     value="submit form1 via ajax">
+                </form>
+                </div>
+                <div id="panel2">
+                after update
+                    <form id="form2" name="form2" method="post" action="booga2"
+                          ><a href="#" id="form2:link" name="form2:link"></a>
+                         <input type="hidden" name="form2_SUBMIT" value="1"/></form>
+                </div>
+                  <div id="panel3">
+                    after update
+                        <form id="form3" name="form3" method="post" action="booga3"
+                              ><a href="#"  id="form3:link" name="form3:link"></a>
+                        </form>
+                    </div>
+            </body>
+             </html>
+          ]]>
+        </update>
+        <update id="viewroot_1:jakarta.faces.ViewState:1"><![CDATA[booga_after_update]]></update>
+    </changes>
+</partial-response>
+`);
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form1 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form2 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form3 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form1 [name*='jakarta.faces.ViewState']").id.value.indexOf("viewroot_1:jakarta.faces.ViewState:0") === 0).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form2 [name*='jakarta.faces.ViewState']").id.value.indexOf("viewroot_1:jakarta.faces.ViewState:1") === 0).to.be.true;
+        (0, chai_1.expect)((0, mona_dish_1.DQ$)("#form3 [name*='jakarta.faces.ViewState']").id.value.indexOf("viewroot_1:jakarta.faces.ViewState:2") === 0).to.be.true;
+        done();
+    });
+    it('must handle a ViewExpired Error correctly, and only once in a listener', function (done) {
+        document.body.innerHTML = TCK_790_NAV_MARKUP;
+        let errorCalled = 0;
+        faces.ajax.addOnError((error) => {
+            (0, chai_1.expect)(error.errorName).to.eq("jakarta.faces.application.ViewExpiredException");
+            (0, chai_1.expect)(error.errorMessage).to.eq("serverError: View \"/testhmtl.xhtml\" could not be restored.");
+            (0, chai_1.expect)(error.source.id).to.eq("form1x:button");
+            errorCalled++;
+        });
+        faces.ajax.request(window.document.getElementById("form1x:button"), null, {
+            "javax.faces.behavior.event": "click",
+            execute: "@form",
+            render: ":form1x:button"
+        });
+        this.respond(`<?xml version="1.0" encoding="UTF-8"?>
+        <partial-response><error>
+        <error-name>jakarta.faces.application.ViewExpiredException</error-name>
+        <error-message><![CDATA[View "/testhmtl.xhtml" could not be restored.]]></error-message>
+        </error>
+        </partial-response>`);
+        (0, chai_1.expect)(errorCalled).to.eq(1);
+        done();
+    });
 });
 //# sourceMappingURL=ResponseTest.spec.js.map