mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-02 23:35:13 +00:00

The website used to host every past test suite, copied into the www directory. We no longer need that on the website (and it makes the codebase impossible to search) so I removed all the old tests and the new tests are hosted simply at /test. I also replaced the www.js script with a simpler www.sh one (since we no longer need to do anything besides copying, really), which allowed me to remove a node dependency that was only used in that script.
101 lines
3.9 KiB
JavaScript
101 lines
3.9 KiB
JavaScript
describe("hx-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 = getParameters(xhr);
|
|
should.equal(params['i1'], undefined);
|
|
should.equal(params['i2'], undefined);
|
|
should.equal(params['i3'], undefined);
|
|
xhr.respond(200, {}, "Clicked!")
|
|
});
|
|
var form = make('<form hx-trigger="click" hx-post="/params" hx-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 = getParameters(xhr);
|
|
should.equal(params['i1'], "test");
|
|
should.equal(params['i2'], "test");
|
|
should.equal(params['i3'], "test");
|
|
xhr.respond(200, {}, "Clicked!")
|
|
});
|
|
var form = make('<form hx-trigger="click" hx-post="/params" hx-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 = getParameters(xhr);
|
|
should.equal(params['i1'], "test");
|
|
should.equal(params['i2'], undefined);
|
|
should.equal(params['i3'], "test");
|
|
xhr.respond(200, {}, "Clicked!")
|
|
});
|
|
var form = make('<form hx-trigger="click" hx-post="/params" hx-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 = getParameters(xhr);
|
|
should.equal(params['i1'], undefined);
|
|
should.equal(params['i2'], "test");
|
|
should.equal(params['i3'], undefined);
|
|
xhr.respond(200, {}, "Clicked!")
|
|
});
|
|
var form = make('<form hx-trigger="click" hx-post="/params" hx-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!");
|
|
});
|
|
|
|
it('named exclude works w/ data-* prefix', function () {
|
|
this.server.respondWith("POST", "/params", function (xhr) {
|
|
var params = getParameters(xhr);
|
|
should.equal(params['i1'], undefined);
|
|
should.equal(params['i2'], "test");
|
|
should.equal(params['i3'], undefined);
|
|
xhr.respond(200, {}, "Clicked!")
|
|
});
|
|
var form = make('<form data-hx-trigger="click" data-hx-post="/params" data-hx-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!");
|
|
});
|
|
|
|
}); |