jsf.js_next_gen 4.0.0-RC.19 → 4.0.0-RC.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsf.js_next_gen",
-  "version": "4.0.0-RC.19",
+  "version": "4.0.0-RC.20",
   "description": "A next generation typescript reimplementation of jsf.js",
   "main": "dist/window/faces.js",
   "scripts": {
@@ -23,31 +23,31 @@
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
     "@types/chai": "^4.3.4",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^18.11.9",
+    "@types/node": "^18.11.18",
     "@types/sinon": "^10.0.13",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "chai": "^4.3.7",
     "compression-webpack-plugin": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
     "http-server": "^14.1.1",
-    "jsdom": "^20.0.3",
+    "jsdom": "^21.0.0",
     "jsdom-global": "^3.0.2",
-    "mocha": "^10.1.0",
-    "npm-check-updates": "^16.4.3",
+    "mocha": "^10.2.0",
+    "npm-check-updates": "^16.6.2",
     "nyc": "^15.1.0",
     "replace-in-file": "^6.3.5",
-    "rxjs": "^7.5.7",
-    "sinon": "^15.0.0",
+    "rxjs": "^7.8.0",
+    "sinon": "^15.0.1",
     "terser-webpack-plugin": "^5.3.6",
-    "ts-loader": "^9.4.1",
+    "ts-loader": "^9.4.2",
     "ts-node": "^10.9.1",
-    "typedoc": "^0.23.21",
-    "typescript": "^4.9.3",
+    "typedoc": "^0.23.24",
+    "typescript": "^4.9.4",
     "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.0",
+    "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.11.1"
   },
   "dependencies": {
-    "mona-dish": "^0.23.10"
+    "mona-dish": "^0.24.3"
   }
 }

package/src/main/typescript/impl/AjaxImpl.ts

@@ -272,7 +272,14 @@ export module Implementation {
 
         // spec conform behavior, all passthrough params must be under "passthrough
         const params = remapArrayToAssocArr(options.getIf(CTX_OPTIONS_PARAMS).orElse({}).value);
-        requestCtx.getIf(CTX_PARAM_REQ_PASS_THR).shallowMerge(new Config(params), true);
+        //we turn off the remapping for the param merge, because we do not want to have
+        //any namespacing to be remapped
+
+        let ctxPassthrough = requestCtx.getIf(CTX_PARAM_REQ_PASS_THR) as ExtConfig;
+        ctxPassthrough.$nspEnabled = false;
+        ctxPassthrough.shallowMerge(new Config(params), true);
+        //now we turn it on again
+        ctxPassthrough.$nspEnabled = true;
         requestCtx.assignIf(!!event, CTX_PARAM_REQ_PASS_THR, P_EVT).value = event?.type;
 
         /**
@@ -530,7 +537,7 @@ export module Implementation {
          *
          * adds a new request to our queue for further processing
          */
-        addRequestToQueue: function (elem: DQ, form: DQ, reqCtx: Config, respPassThr: Config, delay = 0, timeout = 0) {
+        addRequestToQueue: function (elem: DQ, form: DQ, reqCtx: ExtConfig, respPassThr: Config, delay = 0, timeout = 0) {
             requestQueue = requestQueue ?? new AsynchronousQueue<XhrRequest>();
             requestQueue.enqueue(new XhrRequest(elem, form, reqCtx, respPassThr, [], timeout), delay);
         }
@@ -638,13 +645,13 @@ export module Implementation {
             const hasLeadingSep = componentIdToTransform.indexOf(SEP) === 0;
             const isAbsolutSearchExpr = hasLeadingSep || (rootNamingContainerId.length
                 && componentIdToTransform.indexOf(rootNamingContainerPrefix) == 0);
-
+            let finalIdentifier = "";
             if (isAbsolutSearchExpr) {
                 //we cut off the leading sep if there is one
                 componentIdToTransform = hasLeadingSep ? componentIdToTransform.substring(1) : componentIdToTransform;
                 componentIdToTransform = componentIdToTransform.indexOf(rootNamingContainerPrefix) == 0 ? componentIdToTransform.substring(rootNamingContainerPrefix.length) : componentIdToTransform;
                 //now we prepend either the prefix or "" from the cut-off string to get the final result
-                return  [rootNamingContainerPrefix, componentIdToTransform].join(EMPTY_STR);
+                finalIdentifier = [rootNamingContainerPrefix, componentIdToTransform].join(EMPTY_STR);
             } else { //relative search according to the javadoc
                 //we cut off the root naming container id from the form
                 if (formClientId.indexOf(rootNamingContainerPrefix) == 0) {
@@ -653,10 +660,15 @@ export module Implementation {
 
                 //If prependId = true, the outer form id must be present in the id if same form
                 let hasPrependId = componentIdToTransform.indexOf(formClientId) == 0;
-                return hasPrependId ?
+                finalIdentifier = hasPrependId ?
                     [rootNamingContainerPrefix, componentIdToTransform].join(EMPTY_STR) :
                     [nearestNamingContainerPrefix,  componentIdToTransform].join(EMPTY_STR);
             }
+            // We need to double check because we have scenarios where we have a naming container
+            // and no prepend (aka tobago testcase "must handle ':' in IDs properly", scenario 3,
+            // in this case we return the component id, and be happy
+            // we can roll a dom check here
+            return (!!document.getElementById(finalIdentifier)) ? finalIdentifier : componentIdToTransform;
         };
 
         // in this case we do not use lazy stream because it wont bring any code reduction

package/src/main/typescript/impl/util/ExtDomQuery.ts

@@ -257,6 +257,8 @@ export const ExtDQ = ExtDomQuery;
  */
 export class ExtConfig extends  Config {
 
+    $nspEnabled = true;
+
     constructor(root: any) {
         super(root);
     }
@@ -326,7 +328,10 @@ export class ExtConfig extends  Config {
      * @param accessPath the access paths to be remapped
      * @private returns an array of access paths with version remapped namespaces
      */
-    private remap(accessPath: any[]) {
+    private remap(accessPath: string[]): string[] {
+        if(!this.$nspEnabled) {
+            return accessPath;
+        }
         return Stream.of(...accessPath).map(key => $nsp(key)).collect(new ArrayCollector());
     }
 }

package/src/main/typescript/impl/xhrCore/XhrRequest.ts

@@ -45,6 +45,7 @@ import {
 } from "../core/Const";
 import {resolveFinalUrl, resolveHandlerFunc} from "./RequestDataResolver";
 import failSaveExecute = ExtLang.failSaveExecute;
+import {ExtConfig} from "../util/ExtDomQuery";
 
 /**
  * Faces XHR Request Wrapper
@@ -87,7 +88,7 @@ export class XhrRequest implements AsyncRunnable<XMLHttpRequest> {
     constructor(
         private source: DQ,
         private sourceForm: DQ,
-        private requestContext: Config,
+        private requestContext: ExtConfig,
         private internalContext: Config,
         private partialIdsArray = [],
         private timeout = NO_TIMEOUT,
@@ -132,13 +133,20 @@ export class XhrRequest implements AsyncRunnable<XMLHttpRequest> {
             this.contentType = formData.isMultipartRequest ? "undefined" : this.contentType;
 
             // next step the pass through parameters are merged in for post params
+            this.requestContext.$nspEnabled = false;
             let requestContext = this.requestContext;
-            let requestPassThroughParams = requestContext.getIf(CTX_PARAM_REQ_PASS_THR);
-
+            let requestPassThroughParams = requestContext.getIf(CTX_PARAM_REQ_PASS_THR) as ExtConfig;
+            requestPassThroughParams.$nspEnabled = false;
             // this is an extension where we allow pass through parameters to be sent down additionally
             // this can be used and is used in the impl to enrich the post request parameters with additional
             // information
-            formData.shallowMerge(requestPassThroughParams, true, true);
+
+            try {
+                formData.shallowMerge(requestPassThroughParams, true, true);
+            } finally {
+                this.requestContext.$nspEnabled = true;
+                requestPassThroughParams.$nspEnabled = true;
+            }
 
             this.responseContext = requestPassThroughParams.deepCopy;
 

package/src/main/typescript/test/frameworkBase/_ext/shared/StandardInits.ts

@@ -90,6 +90,54 @@ export module StandardInits {
 </html>`;
 
 
+
+    /**
+     * a page simulating basically a simple faces form
+     */
+    const HTML_FORM_PREFIXED = `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<form id="form1">
+    <input type="text" id="form1:input_1::field" name="form1:input_1" value="form1:input_1_val"></input>
+    <input type="hidden" id="form1:jakarta.faces.ViewState" name="jakarta.faces.ViewState" value="blubbblubblubb"></input>
+    <input type="button" id="form1:input_2::field" name="form1:input_2" value="form1:input_1_val"></input>
+    <input type="text" id="form1:input_3::field" name="form1:input_23 value="form1:input_1_val"></input>
+</form>
+</body>
+</html>`;
+
+
+
+    /**
+     * a page simulating basically a simple faces form
+     */
+    export const HTML_PREFIX_EMBEDDED_BODY = `<form id="form1">
+  <tobago-in id="page:input" class="tobago-auto-spacing">
+     <input type="text" name="page:input" id="page:input::field" class="form-control" value="input_value">
+     <tobago-behavior event="change" client-id="page:input" field-id="page:input::field" execute="page:input" render="page:output"></tobago-behavior>
+  </tobago-in>
+  
+  <tobago-out id="page:output" class="tobago-auto-spacing">
+    <input type="text" name="page:output" id="page:output::field" class="form-control">
+  </tobago-out>
+</form>`;
+
+    const HTML_FORM_PREFIXED_EMBEDDED = `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    ${HTML_PREFIX_EMBEDDED_BODY}
+</body>
+</html>`;
+
+
     const HTML_FORM_NAMESPACED = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -321,6 +369,11 @@ export module StandardInits {
         return <any>init((IS_40) ? PROTOCOL_PAGE : PROTOCOL_PAGE.replace(/jakarta/gi,"javax"), withJsf, IS_40);
     }
 
+    export function prefixEmbeddedPage(withJsf = true, IS_40 = true): Promise<() => void> {
+        return <any>init((IS_40) ? HTML_FORM_PREFIXED_EMBEDDED : HTML_FORM_PREFIXED_EMBEDDED.replace(/jakarta/gi,"javax"), withJsf, IS_40);
+    }
+
+
     export function defaultSeparatorChar(separatorChar: string, withJsf = true, IS_40 = true): Promise<() => void> {
         let template = HTML_DEFAULT_SEPARATOR_CHAR(separatorChar, IS_40);
         return init(template, withJsf);

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

@@ -82,9 +82,10 @@ describe('Namespacing tests', function () {
     it('must send the element identifiers properly encoded', function () {
         let send = sinon.spy(XMLHttpRequest.prototype, "send");
         try {
+            global["debug3"] = true;
             faces.ajax.request(document.getElementById("jd_0:input_2"), null, {
                 execute: ":input_1",
-                render: ":blarg :input2",
+                render: ":blarg :input_2",
                 params: {
                     pass1: "pass1",
                     pass2: "pass2"
@@ -108,7 +109,7 @@ describe('Namespacing tests', function () {
             expect(P_VIEWSTATE in resultsMap).to.be.true;
             expect(resultsMap[P_PARTIAL_SOURCE]).to.eq(escape("jd_0:input_2"));
             expect(resultsMap[P_AJAX]).to.eq("true");
-            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input2"));
+            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input_2"));
             expect(resultsMap[P_EXECUTE]).to.eq(escape("jd_0:input_1 jd_0:input_2"));
         } finally {
             send.restore();
@@ -120,7 +121,7 @@ describe('Namespacing tests', function () {
         try {
             faces.ajax.request(document.getElementById("jd_0:input_2"), null, {
                 execute: "jd_0:input_1",
-                render: ":blarg jd_0:input2",
+                render: ":blarg jd_0:input_2",
                 params: {
                     pass1: "pass1",
                     pass2: "pass2"
@@ -144,7 +145,7 @@ describe('Namespacing tests', function () {
             expect(P_VIEWSTATE in resultsMap).to.be.true;
             expect(resultsMap[P_PARTIAL_SOURCE]).to.eq(escape("jd_0:input_2"));
             expect(resultsMap[P_AJAX]).to.eq("true");
-            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input2"));
+            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input_2"));
             expect(resultsMap[P_EXECUTE]).to.eq(escape("jd_0:input_1 jd_0:input_2"));
         } finally {
             send.restore();
@@ -160,7 +161,7 @@ describe('Namespacing tests', function () {
 
             faces.ajax.request(document.getElementById("jd_0:input_2"), null, {
                 execute: "jd_0:input_1",
-                render: ":blarg jd_0:input2",
+                render: ":blarg jd_0:input_2",
                 params: {
                     pass1: "pass1",
                     pass2: "pass2"
@@ -185,7 +186,7 @@ describe('Namespacing tests', function () {
             expect(resultsMap[P_VIEWSTATE]).to.eq("booga");
             expect(resultsMap[P_PARTIAL_SOURCE]).to.eq(escape("jd_0:input_2"));
             expect(resultsMap[P_AJAX]).to.eq("true");
-            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input2"));
+            expect(resultsMap[P_RENDER]).to.eq(escape("jd_0:blarg jd_0:input_2"));
             expect(resultsMap[P_EXECUTE]).to.eq(escape("jd_0:input_1 jd_0:input_2"));
         } finally {
             send.restore();

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

@@ -20,7 +20,11 @@ import {StandardInits} from "../frameworkBase/_ext/shared/StandardInits";
 import protocolPage = StandardInits.protocolPage;
 import {DQ} from "mona-dish";
 import {XhrFormData} from "../../impl/xhrCore/XhrFormData";
-import { expect } from "chai";
+import {expect} from "chai";
+import prefixPage = StandardInits.prefixEmbeddedPage;
+import prefixEmbeddedPage = StandardInits.prefixEmbeddedPage;
+import HTML_PREFIX_EMBEDDED_BODY = StandardInits.HTML_PREFIX_EMBEDDED_BODY;
+import {it} from "mocha";
 
 describe("test for proper request param patterns identical to the old implementation", function () {
     const UPDATE_INSERT_2 = {
@@ -35,12 +39,12 @@ describe("test for proper request param patterns identical to the old implementa
     /**
      * matches two maps for absolute identicality
      */
-    let matches = (item1: {[key: string]: any}, item2: {[key: string]: any}): boolean => {
-        if(Object.keys(item1).length != Object.keys(item2).length) {
+    let matches = (item1: { [key: string]: any }, item2: { [key: string]: any }): boolean => {
+        if (Object.keys(item1).length != Object.keys(item2).length) {
             return false;
         }
-        for(let key in item1) {
-            if((!(key in item2)) || item1[key] != item2[key]) {
+        for (let key in item1) {
+            if ((!(key in item2)) || item1[key] != item2[key]) {
                 return false;
             }
         }
@@ -77,7 +81,7 @@ describe("test for proper request param patterns identical to the old implementa
         this.closeIt();
     });
 
-    it("must pass updateinsert2 with proper parameters", function() {
+    it("must pass updateinsert2 with proper parameters", function () {
         DQ.byId("cmd_update_insert2").click();
 
         let requestBody = this.requests[0].requestBody;
@@ -88,7 +92,7 @@ describe("test for proper request param patterns identical to the old implementa
     });
 
 
-    it("must handle base64 encoded strings properly as request data", function() {
+    it("must handle base64 encoded strings properly as request data", function () {
         let probe = "YWFhYWFhc1Rlc3RpdCDDpGtvNDU5NjczMDA9PSsrNDU5MGV3b3UkJiUmLyQmJQ==";
         DQ.byId("jakarta.faces.ViewState").inputValue.value = probe;
         DQ.byId("cmd_update_insert2").click();
@@ -100,7 +104,7 @@ describe("test for proper request param patterns identical to the old implementa
     });
 
 
-    it("must handle empty parameters properly", function() {
+    it("must handle empty parameters properly", function () {
         let probe = "";
         DQ.byId("jakarta.faces.ViewState").inputValue.value = probe;
         DQ.byId("cmd_update_insert2").click();
@@ -113,7 +117,7 @@ describe("test for proper request param patterns identical to the old implementa
 
     //KssbpZfCe+0lwDhgMRQ44wRFkaM1o1lbMMUO3lini5YhXWm6
 
-    it("must handle base64 special cases properly (+ in encoding)", function() {
+    it("must handle base64 special cases properly (+ in encoding)", function () {
         let probe = "KssbpZfCe+0lwDhgMRQ44wRFkaM1o1lbMMUO3lini5YhXWm6";
         DQ.byId("jakarta.faces.ViewState").inputValue.value = probe;
         DQ.byId("cmd_update_insert2").click();
@@ -123,4 +127,107 @@ describe("test for proper request param patterns identical to the old implementa
 
         expect(decodeURIComponent(formData.getIf("jakarta.faces.ViewState").value) == probe).to.be.true;
     });
+
+    it("must handle prefixed inputs properly (prefixes must be present) faces4", function (done) {
+        window.document.body.innerHTML = HTML_PREFIX_EMBEDDED_BODY;
+
+        //we now run the tests here
+        try {
+
+            let event = {
+                isTrusted: true,
+                type: 'change',
+                target: document.getElementById("page:input::field"),
+                currentTarget: document.getElementById("page:input::field")
+            };
+            faces.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;
+        //We check if the base64 encoded string matches the original
+        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();
+    });
+
+
+
+
+    /**
+     * This test is based on Tobago 6 (Jakarte EE 9).
+     */
+    it("must handle ':' in IDs properly", function (done) {
+        window.document.body.innerHTML = `
+
+<tobago-page locale="en" class="container-fluid" id="page" focus-on-error="true" wait-overlay-delay-full="1000" wait-overlay-delay-ajax="1000">
+    <form action="/content/010-input/10-in/In.xhtml?jfwid=q6qbeuqed" 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="secretValue">
+        <tobago-in id="page:input" class="tobago-auto-spacing">
+            <input type="text" name="page:input" id="page:input::field" class="form-control" value="Bob">
+            <tobago-behavior event="change" client-id="page:input" field-id="page:input::field" execute="page:input" render="page:output"></tobago-behavior>
+        </tobago-in>
+        <tobago-out id="page:output" class="tobago-auto-spacing">
+            <span class="form-control-plaintext"></span>
+        </tobago-out>
+        <div class="tobago-page-menuStore">
+        </div>
+        <span id="page::faces-state-container">
+            <input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:1" value="viewStateValue" 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="clientWindowValue">
+        </span>
+    </form>
+</tobago-page>
+`;
+
+        //we now run the tests here
+        try {
+
+            let event = {
+                isTrusted: true,
+                type: 'change',
+                target: document.getElementById("page:input::field"),
+                currentTarget: document.getElementById("page:input::field")
+            };
+            global.debug2 = true;
+            faces.ajax.request(document.getElementById("page:input"), event as any, {
+                "jakarta.faces.behavior.event": 'change',
+                execute: "page:input",
+                render: "page:output"
+            });
+        } catch (err) {
+            console.error(err);
+            expect(false).to.eq(true);
+        }
+        const requestBody = this.requests[0].requestBody;
+        expect(requestBody.indexOf("org.apache.myfaces.tobago.webapp.Secret=secretValue")).to.not.eq(-1);
+        expect(requestBody.indexOf("page%3Ainput=Bob")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.ViewState=viewStateValue")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.RenderKitId=tobago")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.ClientWindow=clientWindowValue")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.behavior.event=change")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.partial.event=change")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.source=page%3Ainput")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.partial.ajax=true")).to.not.eq(-1);
+        expect(requestBody.indexOf("page%3A%3Aform=page%3A%3Aform")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.partial.execute=page%3Ainput")).to.not.eq(-1);
+        expect(requestBody.indexOf("jakarta.faces.partial.render=page%3Aoutput")).to.not.eq(-1);
+        done();
+    });
+
 });

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

@@ -65,6 +65,7 @@ let {
 
 import STD_XML = StandardInits.STD_XML;
 import defaultMyFaces23 = StandardInits.defaultMyFaces23;
+import HTML_PREFIX_EMBEDDED_BODY = StandardInits.HTML_PREFIX_EMBEDDED_BODY;
 
 declare var jsf: any;
 declare var Implementation: any;
@@ -360,5 +361,40 @@ describe('Tests after core when it hits response', function () {
         }
 
     });
+
+    it("must handle prefixed inputs properly (prefixes must be present)", function (done) {
+        window.document.body.innerHTML = HTML_PREFIX_EMBEDDED_BODY;
+
+        //we now run the tests here
+        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;
+        //We check if the base64 encoded string matches the original
+        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/xhrCore/ResponseTest.spec.ts

@@ -516,7 +516,7 @@ describe('Tests of the various aspects of the response protocol functionality',
         </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",

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

@@ -24,6 +24,8 @@ import {expect} from "chai";
 import protocolPage = StandardInits.protocolPage;
 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;
@@ -358,7 +360,37 @@ describe('Tests of the various aspects of the response protocol functionality',
     });
 
     
+    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/tsconfig.json

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