htmx/test/attributes/kt-params.js

describe("kt-params attribute", function() {
    beforeEach(function () {
        this.server = makeServer();
        clearWorkArea();
    });
    afterEach(function () {
        this.server.restore();
        clearWorkArea();
    });

    it('none excludes all params', function () {
        this.server.respondWith("POST", "/params", function (xhr) {
            var params = parseParams(xhr.requestBody);
            should.equal(params['i1'], undefined);
            should.equal(params['i2'], undefined);
            should.equal(params['i3'], undefined);
            xhr.respond(200, {}, "Clicked!")
        });
        var form = make('<form kt-trigger="click" kt-post="/params" kt-params="none">' +
            '<input name="i1" value="test"/>' +
            '<input  name="i2" value="test"/>' +
            '<input  name="i3" value="test"/>' +
            '</form> ');
        form.click();
        this.server.respond();
        form.innerHTML.should.equal("Clicked!");
    });

    it('"*" includes all params', function () {
        this.server.respondWith("POST", "/params", function (xhr) {
            var params = parseParams(xhr.requestBody);
            should.equal(params['i1'], "test");
            should.equal(params['i2'], "test");
            should.equal(params['i3'], "test");
            xhr.respond(200, {}, "Clicked!")
        });
        var form = make('<form kt-trigger="click" kt-post="/params" kt-params="*">' +
            '<input name="i1" value="test"/>' +
            '<input  name="i2" value="test"/>' +
            '<input  name="i3" value="test"/>' +
            '</form> ');
        form.click();
        this.server.respond();
        form.innerHTML.should.equal("Clicked!");
    });

    it('named includes works', function () {
        this.server.respondWith("POST", "/params", function (xhr) {
            var params = parseParams(xhr.requestBody);
            should.equal(params['i1'], "test");
            should.equal(params['i2'], undefined);
            should.equal(params['i3'], "test");
            xhr.respond(200, {}, "Clicked!")
        });
        var form = make('<form kt-trigger="click" kt-post="/params" kt-params="i1, i3">' +
            '<input name="i1" value="test"/>' +
            '<input  name="i2" value="test"/>' +
            '<input  name="i3" value="test"/>' +
            '</form> ');
        form.click();
        this.server.respond();
        form.innerHTML.should.equal("Clicked!");
    });

    it('named exclude works', function () {
        this.server.respondWith("POST", "/params", function (xhr) {
            var params = parseParams(xhr.requestBody);
            should.equal(params['i1'], undefined);
            should.equal(params['i2'], "test");
            should.equal(params['i3'], undefined);
            xhr.respond(200, {}, "Clicked!")
        });
        var form = make('<form kt-trigger="click" kt-post="/params" kt-params="not i1, i3">' +
            '<input name="i1" value="test"/>' +
            '<input  name="i2" value="test"/>' +
            '<input  name="i3" value="test"/>' +
            '</form> ');
        form.click();
        this.server.respond();
        form.innerHTML.should.equal("Clicked!");
    });

});