jsf.js_next_gen 4.0.0-RC.2 → 4.0.0-RC.21

package/src/main/typescript/test/xhrCore/ResponseTest.spec.ts

@@ -21,9 +21,9 @@ import * as sinon from "sinon";
 
 import {XmlResponses} from "../frameworkBase/_ext/shared/XmlResponses";
 import {expect} from "chai";
-import {DomQuery, DQ} from "mona-dish";
+import {DomQuery, DQ, DQ$} from "mona-dish";
 import protocolPage = StandardInits.protocolPage;
-import exp from "constants";
+
 
 declare var faces: any;
 declare var Implementation: any;
@@ -199,7 +199,7 @@ describe('Tests of the various aspects of the response protocol functionality',
             "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 () {
         DQ.byId("cmd_viewstate").click();
 
         this.respond(XmlResponses.VIEWSTATE_1);
@@ -229,7 +229,7 @@ describe('Tests of the various aspects of the response protocol functionality',
         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"
-      enctype="application/x-www-form-urlencoded"><span id="updatePanel">hello world</span><a href="#"
+      ><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"
@@ -245,18 +245,17 @@ describe('Tests of the various aspects of the response protocol functionality',
 
         // language=XML
         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>`);
+        <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>`);
 
 
-        expect(DQ.byId("jakarta.faces.ViewState").isAbsent()).to.be.false;
+        expect(DQ$("[name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
 
-        expect((<HTMLInputElement>document.getElementById("jakarta.faces.ViewState")).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        expect(DQ.byId("jakarta.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        expect(DQ$("[name*='jakarta.faces.ViewState']").val == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
     });
 
 
@@ -264,7 +263,7 @@ describe('Tests of the various aspects of the response protocol functionality',
         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"
-      enctype="application/x-www-form-urlencoded"><span id="updatePanel">hello world</span><a href="#"
+      ><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"
@@ -280,20 +279,20 @@ describe('Tests of the various aspects of the response protocol functionality',
 
         // language=XML
         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]]><!-- 
+        <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>`);
+            </changes>
+        </partial-response>`);
 
 
-        expect(DQ.byId("jakarta.faces.ViewState").isAbsent()).to.be.false;
+        expect(DQ$("[name*='jakarta.faces.ViewState']").isAbsent()).to.be.false;
 
-        expect((<HTMLInputElement>document.getElementById("jakarta.faces.ViewState")).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        expect(DQ.byId("jakarta.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        // expect((<HTMLInputElement>document.getElementsByName("jakarta.faces.ViewState")[0]).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        expect(DQ$("[name*='jakarta.faces.ViewState']").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
     });
 
 
@@ -357,8 +356,7 @@ describe('Tests of the various aspects of the response protocol functionality',
     });
 
 
-
-    it("must handle simple resource responses properly", function(done) {
+    it("must handle simple resource responses properly", 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";
@@ -373,10 +371,10 @@ describe('Tests of the various aspects of the response protocol functionality',
     })
 
 
-    it("only single resources are allowed", function(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(let cnt = 0; cnt < 10; cnt++) {
+        for (let cnt = 0; cnt < 10; cnt++) {
             DQ.byId("cmd_simple_resource").click();
             this.respond(XmlResponses.MULTIPLE_RESOURCE_RESPONSE);
         }
@@ -390,7 +388,7 @@ describe('Tests of the various aspects of the response protocol functionality',
     })
 
     //TODO implement secondary response mockup
-    it("must handle complex resource responses properly", function(done) {
+    it("must handle complex resource responses properly", function (done) {
         DQ.byId("cmd_complex_resource").click();
         this.respond(XmlResponses.MULTIPLE_RESOURCE_RESPONSE);
 
@@ -403,14 +401,62 @@ describe('Tests of the various aspects of the response protocol functionality',
             .catch(done);
     })
 
-    it("embedded scripts must be evaled", function(done) {
+    it("embedded scripts must be evaled", function (done) {
 
         DQ.byId("cmd_complex_resource2").click();
         this.respond(XmlResponses.EMBEDDED_SCRIPTS_RESOURCE_RESPONSE);
-       // this.respond("debugger; document.getElementById('resource_area_1').innerHTML = 'true3'",  {'Content-Type': 'text/javascript'});
+        // this.respond("debugger; document.getElementById('resource_area_1').innerHTML = 'true3'",  {'Content-Type': 'text/javascript'});
         let headHTML = document.head.innerHTML;
         expect(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
-        expect(headHTML.indexOf("rel=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        expect(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        expect(DQ$("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+        setTimeout(() => {
+            let evalAreaHtml = DQ.byId('resource_area_1').innerHTML;
+            //last one must be the last item, order must be preserved
+            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) {
+
+        DQ.byId("cmd_complex_resource2").click();
+        this.respond(XmlResponses.HEAD_REPLACE);
+        let headHTML = document.head.innerHTML;
+
+        //failing now, no elements in the html head after respond!!!
+        expect(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        expect(DQ$("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+
+        expect(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
+        setTimeout(() => {
+            let evalAreaHtml = DQ.byId('resource_area_1').innerHTML;
+            //last one must be the last item, order must be preserved
+            expect(evalAreaHtml).to.eq("booga");
+            done();
+        }, 800)
+
+    })
+
+
+    it("complex head replacement must work", function (done) {
+
+        DQ.byId("cmd_complex_resource2").click();
+        this.respond(XmlResponses.HEAD_REPLACE2);
+        let headHTML = document.head.innerHTML;
+
+        //failing now, no elements in the html head after respond!!!
+        expect(headHTML.indexOf("href=\"../../../xhrCore/fixtures/addedViewHead2.css\"")).not.eq(-1);
+        expect(DQ$("head link[rel='stylesheet'][href='../../../xhrCore/fixtures/addedViewHead2.css']").length).to.eq(1);
+
+        let metas = DQ$("head meta");
+        expect(metas.length).to.eq(5);
+        expect(metas.get(0).attr("charSet").value == "UTF-8");
+        expect(metas.get(4).attr("author").value == "Whoever");
+
+        expect(headHTML.indexOf("../../../xhrCore/fixtures/addedViewHead3.js")).not.eq(-1);
         setTimeout(() => {
             let evalAreaHtml = DQ.byId('resource_area_1').innerHTML;
             //last one must be the last item, order must be preserved
@@ -419,5 +465,296 @@ describe('Tests of the various aspects of the response protocol functionality',
         }, 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);
+        expect(DQ$("#viewroot_1\\:form2 [name='jakarta.faces.ViewState']").isAbsent()).to.be.true;
+        expect(DQ$("#viewroot_1\\:form1 [name='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        expect(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);
+        expect(DQ$("#viewroot_1\\:form2 [name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        expect(DQ$("#viewroot_1\\:form1 [name*='jakarta.faces.ViewState']").isPresent()).to.be.true;
+        expect(DQ$("#viewroot_2\\:form1\\:form1 [name*='jakarta.faces.ViewState']").isAbsent()).to.be.true;
+
+        expect(faces.getViewState(DQ$("#viewroot_1\\:form2").getAsElem(0).value).indexOf("jakarta.faces.ViewState=updatedVST") != -1).to.be.true;
+        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);
+        expect(DQ$("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").isAbsent()).to.be.true;
+        expect(DQ$("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        expect(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);
+        expect(DQ$("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        expect(DQ$("#viewroot_1\\:form1 [name*='jakarta.faces.ClientWindow']").isPresent()).to.be.true;
+        expect(DQ$("#viewroot_2\\:form1\\:form1 [name*='jakarta.faces.ClientWindow']").isAbsent()).to.be.true;
+        expect(DQ$("#viewroot_1\\:form2 [name*='jakarta.faces.ClientWindow']").val).to.be.eq("updatedViewId");
+        expect(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) {        //special case, viewid given but no viewid in page special result all render and executes must be updated
+
+        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
+        expect(DQ$("#form1 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        expect(DQ$("#form2 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        expect(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>
+`)
+        expect(DQ$("#form1 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        expect(DQ$("#form2 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+        expect(DQ$("#form3 [name*='jakarta.faces.ViewState']").val).to.eq("booga_after_update");
+
+        expect(DQ$("#form1 [name*='jakarta.faces.ViewState']").id.value.indexOf("viewroot_1:jakarta.faces.ViewState:0") === 0).to.be.true;
+        expect(DQ$("#form2 [name*='jakarta.faces.ViewState']").id.value.indexOf("viewroot_1:jakarta.faces.ViewState:1") === 0).to.be.true;
+        expect(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)=> {
+            expect(error.errorName).to.eq("jakarta.faces.application.ViewExpiredException");
+            expect(error.errorMessage).to.eq("serverError: View \"/testhmtl.xhtml\" could not be restored.");
+            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>`)
+
+        expect(errorCalled).to.eq(1);
+
+        done();
+
+    });
+
+
+
 
 });

package/src/main/typescript/test/xhrCore/ResponseTest23.spec.ts

@@ -22,8 +22,10 @@ import * as sinon from "sinon";
 import {XmlResponses} from "../frameworkBase/_ext/shared/XmlResponses";
 import {expect} from "chai";
 import protocolPage = StandardInits.protocolPage;
-import {DQ} from "mona-dish";
+import {DQ, DQ$} from "mona-dish";
 import {$nsp} from "../../impl/core/Const";
+import STD_XML = StandardInits.STD_XML;
+import HTML_PREFIX_EMBEDDED_BODY = StandardInits.HTML_PREFIX_EMBEDDED_BODY;
 
 
 declare var jsf: any;
@@ -254,10 +256,10 @@ describe('Tests of the various aspects of the response protocol functionality',
             </partial-response>`);
 
 
-        expect(DQ.byId("javax.faces.ViewState").isAbsent()).to.be.false;
+        expect(DQ$("[name*='javax.faces.ViewState']").isAbsent()).to.be.false;
 
-        expect((<HTMLInputElement>document.getElementsByName("javax.faces.ViewState")[0]).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        expect(DQ.byId("javax.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        //expect((<HTMLInputElement>document.getElementsByName("javax.faces.ViewState")[0]).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        expect(DQ$("[name*='javax.faces.ViewState']").val == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
     });
 
 
@@ -291,10 +293,10 @@ describe('Tests of the various aspects of the response protocol functionality',
             </partial-response>`);
 
 
-        expect(DQ.byId("javax.faces.ViewState").isAbsent()).to.be.false;
+        expect(DQ$("[name*='javax.faces.ViewState']").isAbsent()).to.be.false;
 
-        expect((<HTMLInputElement>document.getElementById("javax.faces.ViewState")).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
-        expect(DQ.byId("javax.faces.ViewState").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        //expect((<HTMLInputElement>document.getElementsByName("javax.faces.ViewState")[0]).value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
+        expect(DQ$("[name*='javax.faces.ViewState']").inputValue.value == "RTUyRDI0NzE4QzAxM0E5RDAwMDAwMDVD").to.be.true;
     });
 
 
@@ -357,6 +359,38 @@ describe('Tests of the various aspects of the response protocol functionality',
         expect(DQ.byId("j_id__v_0:javax.faces.ClientWindow:1").isAbsent()).to.be.false;
     });
 
+    
+    it("must pass named params properly (tobago testcase)", function(done) {
+            window.document.body.innerHTML = HTML_PREFIX_EMBEDDED_BODY;
+        try {
+
+            let event = {
+                isTrusted: true,
+                type: 'change',
+                target: document.getElementById("page:input::field"),
+                currentTarget: document.getElementById("page:input::field")
+            };
+            jsf.ajax.request(document.getElementById("page:input"), event as any, {
+                render: "page:output",
+                execute: "page:input",
+                params: {
+                    "booga2.xxx": "yyy",
+                    "javax.faces.behavior.event": "change",
+                    "booga": "bla"
+                }
+            });
+        } catch (err) {
+            console.error(err);
+            expect(false).to.eq(true);
+        }
+
+        const requestBody = this.requests[0].requestBody;
+        expect(requestBody.indexOf("javax.faces.behavior.event")).to.not.eq(-1);
+        expect(requestBody.indexOf("javax.faces.behavior.event=change")).to.not.eq(-1);
+        expect(requestBody.indexOf("page%3Ainput=input_value")).to.not.eq(-1);
+            done();
+
+    });
 
 
 });

package/src/main/typescript/test.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<partial-response id='viewroot_1'>
+    <changes>
+        <update id='viewroot_1:jakarta.faces.ViewState:1'><![[updatedVST]]></update>
+    </changes>
+</partial-response>

package/src/main/typescript/tsconfig.json

@@ -29,7 +29,7 @@
     "module": "commonjs",
     "sourceMap": true,
     "typeRoots": [
-      "../../build/npm/node_modules/@types",
+      "../../../node_modules/@types",
       "./@types/"
     ]