itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-30 22:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tests for HX Retarget and fix typo (#1600)

Browse Source 
Co-authored-by: mat <matt@techspace.asia>
This commit is contained in:
matiboy 2023-07-19 00:10:39 +08:00 committed by GitHub
parent 449fc9df04
commit f20791c55c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/ext/response-targets.js
View File

@ -83,7 +83,7 @@
evt.detail.xhr.status !== 200) {
if (evt.detail.target) {
if (htmx.config.responseTargetPrefersExisting) {
evt.detail.shoudSwap = true;
evt.detail.shouldSwap = true;
handleErrorFlag(evt);
return true;
}

42
test/ext/response-targets.js
View File

@ -221,4 +221,46 @@ describe("response-targets extension", function() {
div2.innerHTML.should.equal("");
div3.innerHTML.should.equal("Not found!");
});
it('targets the element specified in headers if configured to prefer it (default)', function () {
this.server.respondWith("GET", "/test", [404, { "HX-Retarget": "#d2" }, "Not found!"]);
var btn = make('<button hx-ext="response-targets" hx-target-404="#d1" hx-get="/test">Click Me!</button>')
var div1 = make('<div id="d1"></div>')
var div2 = make('<div id="d2"></div>')
btn.click();
this.server.respond();
div1.innerHTML.should.equal("");
div2.innerHTML.should.equal("Not found!");
});
it('ignores the HX-Retarget header when responseTargetPrefersRetargetHeader is false', function () {
htmx.config.responseTargetPrefersRetargetHeader = false;
try {
this.server.respondWith("GET", "/test", [404, { "HX-Retarget": "#d2" }, "Not found!"]);
var btn = make('<button hx-ext="response-targets" hx-target-404="#d1" hx-get="/test">Click Me!</button>')
var div1 = make('<div id="d1"></div>')
var div2 = make('<div id="d2"></div>')
btn.click();
this.server.respond();
div1.innerHTML.should.equal("Not found!");
div2.innerHTML.should.equal("");
} finally {
htmx.config.responseTargetPrefersRetargetHeader = true;
}
});
it('targets the already established target when responseTargetPrefersExisting is true', function () {
htmx.config.responseTargetPrefersExisting = true;
try {
this.server.respondWith("GET", "/test", [404, {}, "Not found!"]);
var btn = make('<button hx-ext="response-targets" hx-target-404="#d1" hx-get="/test">Click Me!</button>')
var div1 = make('<div id="d1"></div>')
btn.click();
this.server.respond();
div1.innerHTML.should.equal("");
btn.innerHTML.should.equal("Not found!");
} finally {
htmx.config.responseTargetPrefersExisting = false;
}
});
});