summaryrefslogtreecommitdiffstatshomepage
path: root/test/attributes
diff options
context:
space:
mode:
Diffstat (limited to 'test/attributes')
-rw-r--r--test/attributes/hx-boost.js (renamed from test/attributes/kt-boost.js)10
-rw-r--r--test/attributes/hx-classes.js (renamed from test/attributes/kt-classes.js)6
-rw-r--r--test/attributes/hx-delete.js (renamed from test/attributes/kt-delete.js)4
-rw-r--r--test/attributes/hx-error-url.js (renamed from test/attributes/kt-error-url.js)4
-rw-r--r--test/attributes/hx-get.js (renamed from test/attributes/kt-get.js)6
-rw-r--r--test/attributes/hx-include.js (renamed from test/attributes/kt-include.js)24
-rw-r--r--test/attributes/hx-indicator.js (renamed from test/attributes/kt-indicator.js)22
-rw-r--r--test/attributes/hx-params.js (renamed from test/attributes/kt-params.js)10
-rw-r--r--test/attributes/hx-patch.js (renamed from test/attributes/kt-patch.js)4
-rw-r--r--test/attributes/hx-post.js (renamed from test/attributes/kt-post.js)4
-rw-r--r--test/attributes/hx-push-url.js (renamed from test/attributes/kt-push-url.js)26
-rw-r--r--test/attributes/hx-put.js (renamed from test/attributes/kt-put.js)4
-rw-r--r--test/attributes/hx-select.js (renamed from test/attributes/kt-select.js)6
-rw-r--r--test/attributes/hx-swap-oob.js (renamed from test/attributes/kt-swap-oob.js)14
-rw-r--r--test/attributes/hx-swap.js (renamed from test/attributes/kt-swap.js)66
-rw-r--r--test/attributes/hx-target.js (renamed from test/attributes/kt-target.js)14
-rw-r--r--test/attributes/hx-trigger.js (renamed from test/attributes/kt-trigger.js)10
17 files changed, 117 insertions, 117 deletions
diff --git a/test/attributes/kt-boost.js b/test/attributes/hx-boost.js
index 86ea2c34..41dfb29e 100644
--- a/test/attributes/kt-boost.js
+++ b/test/attributes/hx-boost.js
@@ -1,4 +1,4 @@
-describe("kt-boost attribute", function() {
+describe("hx-boost attribute", function() {
beforeEach(function () {
this.server = makeServer();
@@ -11,7 +11,7 @@ describe("kt-boost attribute", function() {
it('handles basic anchor properly', function () {
this.server.respondWith("GET", "/test", "Boosted");
- var div = make('<div kt-target="this" kt-boost="true"><a id="a1" href="/test">Foo</a></div>');
+ var div = make('<div hx-target="this" hx-boost="true"><a id="a1" href="/test">Foo</a></div>');
var a = byId('a1');
a.click();
this.server.respond();
@@ -22,7 +22,7 @@ describe("kt-boost attribute", function() {
it('handles basic form post properly', function () {
this.server.respondWith("POST", "/test", "Boosted");
this.server.respondWith("POST", "/test", "Boosted");
- var div = make('<div kt-target="this" kt-boost="true"><form id="f1" action="/test" method="post"><button id="b1">Submit</button></form></div>');
+ var div = make('<div hx-target="this" hx-boost="true"><form id="f1" action="/test" method="post"><button id="b1">Submit</button></form></div>');
var btn = byId('b1');
btn.click();
this.server.respond();
@@ -31,7 +31,7 @@ describe("kt-boost attribute", function() {
it('handles basic form get properly', function () {
this.server.respondWith("GET", "/test", "Boosted");
- var div = make('<div kt-target="this" kt-boost="true"><form id="f1" action="/test" method="get"><button id="b1">Submit</button></form></div>');
+ var div = make('<div hx-target="this" hx-boost="true"><form id="f1" action="/test" method="get"><button id="b1">Submit</button></form></div>');
var btn = byId('b1');
btn.click();
this.server.respond();
@@ -40,7 +40,7 @@ describe("kt-boost attribute", function() {
it('handles basic form with no explicit method property', function () {
this.server.respondWith("GET", "/test", "Boosted");
- var div = make('<div kt-target="this" kt-boost="true"><form id="f1" action="/test"><button id="b1">Submit</button></form></div>');
+ var div = make('<div hx-target="this" hx-boost="true"><form id="f1" action="/test"><button id="b1">Submit</button></form></div>');
var btn = byId('b1');
btn.click();
this.server.respond();
diff --git a/test/attributes/kt-classes.js b/test/attributes/hx-classes.js
index 3ad68cc2..a138976e 100644
--- a/test/attributes/kt-classes.js
+++ b/test/attributes/hx-classes.js
@@ -1,4 +1,4 @@
-describe("kt-classes attribute", function(){
+describe("hx-classes attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -10,7 +10,7 @@ describe("kt-classes attribute", function(){
it('adds classes properly', function(done)
{
- var div = make('<div kt-classes="add c1">Click Me!</div>')
+ var div = make('<div hx-classes="add c1">Click Me!</div>')
should.equal(div.classList.length, 0);
setTimeout(function(){
should.equal(div.classList.contains("c1"), true);
@@ -20,7 +20,7 @@ describe("kt-classes attribute", function(){
it('removes classes properly', function(done)
{
- var div = make('<div class="foo bar" kt-classes="remove bar">Click Me!</div>')
+ var div = make('<div class="foo bar" hx-classes="remove bar">Click Me!</div>')
should.equal(div.classList.contains("foo"), true);
should.equal(div.classList.contains("bar"), true);
setTimeout(function(){
diff --git a/test/attributes/kt-delete.js b/test/attributes/hx-delete.js
index e4789e34..42892e31 100644
--- a/test/attributes/kt-delete.js
+++ b/test/attributes/hx-delete.js
@@ -1,4 +1,4 @@
-describe("kt-delete attribute", function(){
+describe("hx-delete attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -15,7 +15,7 @@ describe("kt-delete attribute", function(){
xhr.respond(200, {}, "Deleted!");
});
- var btn = make('<button kt-delete="/test">Click Me!</button>')
+ var btn = make('<button hx-delete="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Deleted!");
diff --git a/test/attributes/kt-error-url.js b/test/attributes/hx-error-url.js
index 4a573ef1..1984edcc 100644
--- a/test/attributes/kt-error-url.js
+++ b/test/attributes/hx-error-url.js
@@ -1,4 +1,4 @@
-describe("kt-error-url attribute", function(){
+describe("hx-error-url attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -13,7 +13,7 @@ describe("kt-error-url attribute", function(){
this.server.respondWith("POST", "/error", function(xhr){
should.equal(JSON.parse(xhr.requestBody).detail.xhr.status, 404);
});
- var btn = make('<button kt-error-url="/error" kt-get="/bad">Click Me!</button>')
+ var btn = make('<button hx-error-url="/error" hx-get="/bad">Click Me!</button>')
btn.click();
this.server.respond();
this.server.respond();
diff --git a/test/attributes/kt-get.js b/test/attributes/hx-get.js
index b5f79263..3a36da20 100644
--- a/test/attributes/kt-get.js
+++ b/test/attributes/hx-get.js
@@ -1,4 +1,4 @@
-describe("kt-get attribute", function() {
+describe("hx-get attribute", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -11,7 +11,7 @@ describe("kt-get attribute", function() {
it('issues a GET request on click and swaps content', function () {
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-get="/test">Click Me!</button>')
+ var btn = make('<button hx-get="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Clicked!");
@@ -21,7 +21,7 @@ describe("kt-get attribute", function() {
this.server.respondWith("GET", "/test", function (xhr) {
xhr.respond(200, {}, "Clicked!");
});
- make('<form><input name="i1" value="value"/><button id="b1" kt-get="/test">Click Me!</inputbutton></form>')
+ make('<form><input name="i1" value="value"/><button id="b1" hx-get="/test">Click Me!</inputbutton></form>')
var btn = byId("b1");
btn.click();
this.server.respond();
diff --git a/test/attributes/kt-include.js b/test/attributes/hx-include.js
index e92eb9d7..a263076e 100644
--- a/test/attributes/kt-include.js
+++ b/test/attributes/hx-include.js
@@ -1,4 +1,4 @@
-describe("kt-include attribute", function() {
+describe("hx-include attribute", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -14,7 +14,7 @@ describe("kt-include attribute", function() {
params['i1'].should.equal("test");
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<div kt-target="this"><input kt-post="/include" kt-trigger="click" id="i1" name="i1" value="test"/></div>')
+ var div = make('<div hx-target="this"><input hx-post="/include" hx-trigger="click" id="i1" name="i1" value="test"/></div>')
var input = byId("i1")
input.click();
this.server.respond();
@@ -27,7 +27,7 @@ describe("kt-include attribute", function() {
params['i1'].should.equal("test");
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<form kt-target="this"><div id="d1" kt-post="/include"></div><input name="i1" value="test"/></form>')
+ var div = make('<form hx-target="this"><div id="d1" hx-post="/include"></div><input name="i1" value="test"/></form>')
var input = byId("d1")
input.click();
this.server.respond();
@@ -40,7 +40,7 @@ describe("kt-include attribute", function() {
should.equal(params['i1'], undefined);
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<form kt-target="this"><div id="d1" kt-get="/include"></div><input name="i1" value="test"/></form>')
+ var div = make('<form hx-target="this"><div id="d1" hx-get="/include"></div><input name="i1" value="test"/></form>')
var input = byId("d1")
input.click();
this.server.respond();
@@ -53,7 +53,7 @@ describe("kt-include attribute", function() {
params['i1'].should.equal("test");
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<form kt-target="this"><input kt-post="/include" kt-trigger="click" id="i1" name="i1" value="test"/></form>')
+ var div = make('<form hx-target="this"><input hx-post="/include" hx-trigger="click" id="i1" name="i1" value="test"/></form>')
var input = byId("i1")
input.click();
this.server.respond();
@@ -66,8 +66,8 @@ describe("kt-include attribute", function() {
params['i1'].should.deep.equal(["test", "test2"]);
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<form kt-target="this">' +
- '<input kt-post="/include" kt-trigger="click" id="i1" name="i1" value="test"/>' +
+ var div = make('<form hx-target="this">' +
+ '<input hx-post="/include" hx-trigger="click" id="i1" name="i1" value="test"/>' +
'<input name="i1" value="test2"/>' +
'</form>')
var input = byId("i1")
@@ -82,8 +82,8 @@ describe("kt-include attribute", function() {
params['i1'].should.equal("test");
xhr.respond(200, {}, "Clicked!")
});
- var div = make('<form id="f1" kt-target="this">' +
- '<input kt-include="#f1" kt-post="/include" kt-trigger="click" id="i1" name="i1" value="test"/>' +
+ var div = make('<form id="f1" hx-target="this">' +
+ '<input hx-include="#f1" hx-post="/include" hx-trigger="click" id="i1" name="i1" value="test"/>' +
'</form>')
var input = byId("i1")
input.click();
@@ -98,7 +98,7 @@ describe("kt-include attribute", function() {
xhr.respond(200, {}, "Clicked!")
});
make('<input id="i1" name="i1" value="test"/>');
- var div = make('<div kt-post="/include" kt-include="#i1"></div>')
+ var div = make('<div hx-post="/include" hx-include="#i1"></div>')
div.click();
this.server.respond();
div.innerHTML.should.equal("Clicked!");
@@ -113,7 +113,7 @@ describe("kt-include attribute", function() {
});
make('<input id="i1" name="i1" value="test"/>');
make('<input id="i2" name="i2" value="test"/>');
- var div = make('<div kt-post="/include" kt-include="#i1, #i2"></div>')
+ var div = make('<div hx-post="/include" hx-include="#i1, #i2"></div>')
div.click();
this.server.respond();
div.innerHTML.should.equal("Clicked!");
@@ -130,7 +130,7 @@ describe("kt-include attribute", function() {
'<input name="i1" value="test"/>' +
'<input name="i2" value="test"/>' +
'</form> ');
- var div = make('<div kt-post="/include" kt-include="#f1"></div>')
+ var div = make('<div hx-post="/include" hx-include="#f1"></div>')
div.click();
this.server.respond();
div.innerHTML.should.equal("Clicked!");
diff --git a/test/attributes/kt-indicator.js b/test/attributes/hx-indicator.js
index d42c939b..7b1503bf 100644
--- a/test/attributes/kt-indicator.js
+++ b/test/attributes/hx-indicator.js
@@ -1,4 +1,4 @@
-describe("kt-indicator attribute", function(){
+describe("hx-indicator attribute", function(){
beforeEach(function() {
this.server = sinon.fakeServer.create();
clearWorkArea();
@@ -11,26 +11,26 @@ describe("kt-indicator attribute", function(){
it('Indicator classes are properly put on element with no explicit indicator', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-get="/test">Click Me!</button>')
+ var btn = make('<button hx-get="/test">Click Me!</button>')
btn.click();
- btn.classList.contains("kutty-request").should.equal(true);
+ btn.classList.contains("htmx-request").should.equal(true);
this.server.respond();
- btn.classList.contains("kutty-request").should.equal(false);
+ btn.classList.contains("htmx-request").should.equal(false);
});
it('Indicator classes are properly put on element with explicit indicator', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-get="/test" kt-indicator="#a1, #a2">Click Me!</button>')
+ var btn = make('<button hx-get="/test" hx-indicator="#a1, #a2">Click Me!</button>')
var a1 = make('<a id="a1"></a>')
var a2 = make('<a id="a2"></a>')
btn.click();
- btn.classList.contains("kutty-request").should.equal(false);
- a1.classList.contains("kutty-request").should.equal(true);
- a2.classList.contains("kutty-request").should.equal(true);
+ btn.classList.contains("htmx-request").should.equal(false);
+ a1.classList.contains("htmx-request").should.equal(true);
+ a2.classList.contains("htmx-request").should.equal(true);
this.server.respond();
- btn.classList.contains("kutty-request").should.equal(false);
- a1.classList.contains("kutty-request").should.equal(false);
- a2.classList.contains("kutty-request").should.equal(false);
+ btn.classList.contains("htmx-request").should.equal(false);
+ a1.classList.contains("htmx-request").should.equal(false);
+ a2.classList.contains("htmx-request").should.equal(false);
});
})
diff --git a/test/attributes/kt-params.js b/test/attributes/hx-params.js
index 4e57930f..49c9d54f 100644
--- a/test/attributes/kt-params.js
+++ b/test/attributes/hx-params.js
@@ -1,4 +1,4 @@
-describe("kt-params attribute", function() {
+describe("hx-params attribute", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -16,7 +16,7 @@ describe("kt-params attribute", function() {
should.equal(params['i3'], undefined);
xhr.respond(200, {}, "Clicked!")
});
- var form = make('<form kt-trigger="click" kt-post="/params" kt-params="none">' +
+ 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"/>' +
@@ -34,7 +34,7 @@ describe("kt-params attribute", function() {
should.equal(params['i3'], "test");
xhr.respond(200, {}, "Clicked!")
});
- var form = make('<form kt-trigger="click" kt-post="/params" kt-params="*">' +
+ 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"/>' +
@@ -52,7 +52,7 @@ describe("kt-params attribute", function() {
should.equal(params['i3'], "test");
xhr.respond(200, {}, "Clicked!")
});
- var form = make('<form kt-trigger="click" kt-post="/params" kt-params="i1, i3">' +
+ 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"/>' +
@@ -70,7 +70,7 @@ describe("kt-params attribute", function() {
should.equal(params['i3'], undefined);
xhr.respond(200, {}, "Clicked!")
});
- var form = make('<form kt-trigger="click" kt-post="/params" kt-params="not i1, i3">' +
+ 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"/>' +
diff --git a/test/attributes/kt-patch.js b/test/attributes/hx-patch.js
index f6e19c05..5f4abd63 100644
--- a/test/attributes/kt-patch.js
+++ b/test/attributes/hx-patch.js
@@ -1,4 +1,4 @@
-describe("kt-patch attribute", function(){
+describe("hx-patch attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -15,7 +15,7 @@ describe("kt-patch attribute", function(){
xhr.respond(200, {}, "Patched!");
});
- var btn = make('<button kt-patch="/test">Click Me!</button>')
+ var btn = make('<button hx-patch="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Patched!");
diff --git a/test/attributes/kt-post.js b/test/attributes/hx-post.js
index d8eb718a..4b548018 100644
--- a/test/attributes/kt-post.js
+++ b/test/attributes/hx-post.js
@@ -1,4 +1,4 @@
-describe("kt-post attribute", function(){
+describe("hx-post attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -15,7 +15,7 @@ describe("kt-post attribute", function(){
xhr.respond(200, {}, "Posted!");
});
- var btn = make('<button kt-post="/test">Click Me!</button>')
+ var btn = make('<button hx-post="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Posted!");
diff --git a/test/attributes/kt-push-url.js b/test/attributes/hx-push-url.js
index a5fa2368..c76d6aa4 100644
--- a/test/attributes/kt-push-url.js
+++ b/test/attributes/hx-push-url.js
@@ -1,6 +1,6 @@
-describe("kt-push-url attribute", function() {
+describe("hx-push-url attribute", function() {
- var KUTTY_HISTORY_CACHE = "kutty-history-cache";
+ var KUTTY_HISTORY_CACHE = "htmx-history-cache";
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -15,7 +15,7 @@ describe("kt-push-url attribute", function() {
it("navigation should push an element into the cache ", function () {
this.server.respondWith("GET", "/test", "second");
getWorkArea().innerHTML.should.be.equal("");
- var div = make('<div kt-push-url="true" kt-get="/test">first</div>');
+ var div = make('<div hx-push-url="true" hx-get="/test">first</div>');
div.click();
this.server.respond();
getWorkArea().textContent.should.equal("second")
@@ -24,10 +24,10 @@ describe("kt-push-url attribute", function() {
});
it("restore should return old value", function () {
- this.server.respondWith("GET", "/test1", '<div id="d2" kt-push-url="true" kt-get="/test2" kt-swap="outerHTML settle:0">test1</div>');
- this.server.respondWith("GET", "/test2", '<div id="d3" kt-push-url="true" kt-get="/test3" kt-swap="outerHTML settle:0">test2</div>');
+ this.server.respondWith("GET", "/test1", '<div id="d2" hx-push-url="true" hx-get="/test2" hx-swap="outerHTML settle:0">test1</div>');
+ this.server.respondWith("GET", "/test2", '<div id="d3" hx-push-url="true" hx-get="/test3" hx-swap="outerHTML settle:0">test2</div>');
- make('<div id="d1" kt-push-url="true" kt-get="/test1" kt-swap="outerHTML settle:0">init</div>');
+ make('<div id="d1" hx-push-url="true" hx-get="/test1" hx-swap="outerHTML settle:0">init</div>');
byId("d1").click();
this.server.respond();
@@ -41,7 +41,7 @@ describe("kt-push-url attribute", function() {
var cache = JSON.parse(localStorage.getItem(KUTTY_HISTORY_CACHE));
cache.length.should.equal(2);
- kutty._('restoreHistory')("/test1")
+ htmx._('restoreHistory')("/test1")
this.server.respond();
getWorkArea().textContent.should.equal("test1")
});
@@ -50,10 +50,10 @@ describe("kt-push-url attribute", function() {
var x = 0;
this.server.respondWith("GET", /test.*/, function(xhr){
x++;
- xhr.respond(200, {}, '<div id="d1" kt-push-url="true" kt-get="/test' + x + '" kt-swap="outerHTML settle:0"></div>')
+ xhr.respond(200, {}, '<div id="d1" hx-push-url="true" hx-get="/test' + x + '" hx-swap="outerHTML settle:0"></div>')
});
getWorkArea().innerHTML.should.be.equal("");
- make('<div id="d1" kt-push-url="true" kt-get="/test" kt-swap="outerHTML settle:0"></div>');
+ make('<div id="d1" hx-push-url="true" hx-get="/test" hx-swap="outerHTML settle:0"></div>');
for (var i = 0; i < 20; i++) { // issue 20 requests
byId("d1").click();
this.server.respond();
@@ -63,10 +63,10 @@ describe("kt-push-url attribute", function() {
});
it("cache miss should issue another GET", function () {
- this.server.respondWith("GET", "/test1", '<div id="d2" kt-push-url="true" kt-get="/test2" kt-swap="outerHTML settle:0">test1</div>');
- this.server.respondWith("GET", "/test2", '<div id="d3" kt-push-url="true" kt-get="/test3" kt-swap="outerHTML settle:0">test2</div>');
+ this.server.respondWith("GET", "/test1", '<div id="d2" hx-push-url="true" hx-get="/test2" hx-swap="outerHTML settle:0">test1</div>');
+ this.server.respondWith("GET", "/test2", '<div id="d3" hx-push-url="true" hx-get="/test3" hx-swap="outerHTML settle:0">test2</div>');
- make('<div id="d1" kt-push-url="true" kt-get="/test1" kt-swap="outerHTML settle:0">init</div>');
+ make('<div id="d1" hx-push-url="true" hx-get="/test1" hx-swap="outerHTML settle:0">init</div>');
byId("d1").click();
this.server.respond();
@@ -81,7 +81,7 @@ describe("kt-push-url attribute", function() {
cache.length.should.equal(2);
localStorage.removeItem(KUTTY_HISTORY_CACHE); // clear cache
- kutty._('restoreHistory')("/test1")
+ htmx._('restoreHistory')("/test1")
this.server.respond();
getWorkArea().textContent.should.equal("test1")
});
diff --git a/test/attributes/kt-put.js b/test/attributes/hx-put.js
index 957a1522..ad347da6 100644
--- a/test/attributes/kt-put.js
+++ b/test/attributes/hx-put.js
@@ -1,4 +1,4 @@
-describe("kt-put attribute", function(){
+describe("hx-put attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -15,7 +15,7 @@ describe("kt-put attribute", function(){
xhr.respond(200, {}, "Putted!");
});
- var btn = make('<button kt-put="/test">Click Me!</button>')
+ var btn = make('<button hx-put="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Putted!");
diff --git a/test/attributes/kt-select.js b/test/attributes/hx-select.js
index 23d84ea4..916571c1 100644
--- a/test/attributes/kt-select.js
+++ b/test/attributes/hx-select.js
@@ -1,4 +1,4 @@
-describe("BOOTSTRAP - kutty AJAX Tests", function(){
+describe("BOOTSTRAP - htmx AJAX Tests", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -12,7 +12,7 @@ describe("BOOTSTRAP - kutty AJAX Tests", function(){
{
var i = 1;
this.server.respondWith("GET", "/test", "<div id='d1'>foo</div><div id='d2'>bar</div>");
- var div = make('<div kt-get="/test" kt-select="#d1"></div>');
+ var div = make('<div hx-get="/test" hx-select="#d1"></div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("<div id=\"d1\">foo</div>");
@@ -22,7 +22,7 @@ describe("BOOTSTRAP - kutty AJAX Tests", function(){
{
var i = 1;
this.server.respondWith("GET", "/test", "<html><body><div id='d1'>foo</div><div id='d2'>bar</div></body></html>");
- var div = make('<div kt-get="/test" kt-select="#d1"></div>');
+ var div = make('<div hx-get="/test" hx-select="#d1"></div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("<div id=\"d1\">foo</div>");
diff --git a/test/attributes/kt-swap-oob.js b/test/attributes/hx-swap-oob.js
index 7985b19b..b6b2afb8 100644
--- a/test/attributes/kt-swap-oob.js
+++ b/test/attributes/hx-swap-oob.js
@@ -1,4 +1,4 @@
-describe("kt-swap-oob attribute", function () {
+describe("hx-swap-oob attribute", function () {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -9,8 +9,8 @@ describe("kt-swap-oob attribute", function () {
});
it('handles basic response properly', function () {
- this.server.respondWith("GET", "/test", "Clicked<div id='d1' kt-swap-oob='true'>Swapped</div>");
- var div = make('<div kt-get="/test">click me</div>');
+ this.server.respondWith("GET", "/test", "Clicked<div id='d1' hx-swap-oob='true'>Swapped</div>");
+ var div = make('<div hx-get="/test">click me</div>');
make('<div id="d1"></div>');
div.click();
this.server.respond();
@@ -19,8 +19,8 @@ describe("kt-swap-oob attribute", function () {
})
it('handles more than one oob swap properly', function () {
- this.server.respondWith("GET", "/test", "Clicked<div id='d1' kt-swap-oob='true'>Swapped1</div><div id='d2' kt-swap-oob='true'>Swapped2</div>");
- var div = make('<div kt-get="/test">click me</div>');
+ this.server.respondWith("GET", "/test", "Clicked<div id='d1' hx-swap-oob='true'>Swapped1</div><div id='d2' hx-swap-oob='true'>Swapped2</div>");
+ var div = make('<div hx-get="/test">click me</div>');
make('<div id="d1"></div>');
make('<div id="d2"></div>');
div.click();
@@ -31,8 +31,8 @@ describe("kt-swap-oob attribute", function () {
})
it('handles no id match properly', function () {
- this.server.respondWith("GET", "/test", "Clicked<div id='d1' kt-swap-oob='true'>Swapped</div>");
- var div = make('<div kt-get="/test">click me</div>');
+ this.server.respondWith("GET", "/test", "Clicked<div id='d1' hx-swap-oob='true'>Swapped</div>");
+ var div = make('<div hx-get="/test">click me</div>');
div.click();
this.server.respond();
div.innerText.should.equal("Clicked");
diff --git a/test/attributes/kt-swap.js b/test/attributes/hx-swap.js
index 1d99bef8..ee5307ec 100644
--- a/test/attributes/kt-swap.js
+++ b/test/attributes/hx-swap.js
@@ -1,4 +1,4 @@
-describe("kt-swap attribute", function(){
+describe("hx-swap attribute", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -10,13 +10,13 @@ describe("kt-swap attribute", function(){
it('swap innerHTML properly', function()
{
- this.server.respondWith("GET", "/test", '<a kt-get="/test2">Click Me</a>');
+ this.server.respondWith("GET", "/test", '<a hx-get="/test2">Click Me</a>');
this.server.respondWith("GET", "/test2", "Clicked!");
- var div = make('<div kt-get="/test"></div>')
+ var div = make('<div hx-get="/test"></div>')
div.click();
this.server.respond();
- div.innerHTML.should.equal('<a kt-get="/test2">Click Me</a>');
+ div.innerHTML.should.equal('<a hx-get="/test2">Click Me</a>');
var a = div.querySelector('a');
a.click();
this.server.respond();
@@ -25,10 +25,10 @@ describe("kt-swap attribute", function(){
it('swap outerHTML properly', function()
{
- this.server.respondWith("GET", "/test", '<a id="a1" kt-get="/test2">Click Me</a>');
+ this.server.respondWith("GET", "/test", '<a id="a1" hx-get="/test2">Click Me</a>');
this.server.respondWith("GET", "/test2", "Clicked!");
- var div = make('<div id="d1" kt-get="/test" kt-swap="outerHTML"></div>')
+ var div = make('<div id="d1" hx-get="/test" hx-swap="outerHTML"></div>')
div.click();
should.equal(byId("d1"), div);
this.server.respond();
@@ -43,11 +43,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="beforebegin">*</div>')
+ var div = make('<div hx-get="/test" hx-swap="beforebegin">*</div>')
var parent = div.parentElement;
div.click();
this.server.respond();
@@ -73,11 +73,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="afterbegin">*</div>')
+ var div = make('<div hx-get="/test" hx-swap="afterbegin">*</div>')
div.click();
this.server.respond();
div.innerText.should.equal("1*");
@@ -100,11 +100,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="afterbegin"></div>')
+ var div = make('<div hx-get="/test" hx-swap="afterbegin"></div>')
div.click();
this.server.respond();
div.innerText.should.equal("1");
@@ -127,11 +127,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="afterend">*</div>')
+ var div = make('<div hx-get="/test" hx-swap="afterend">*</div>')
var parent = div.parentElement;
div.click();
this.server.respond();
@@ -157,11 +157,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="beforeend">*</div>')
+ var div = make('<div hx-get="/test" hx-swap="beforeend">*</div>')
div.click();
this.server.respond();
div.innerText.should.equal("*1");
@@ -184,11 +184,11 @@ describe("kt-swap attribute", function(){
var i = 0;
this.server.respondWith("GET", "/test", function(xhr){
i++;
- xhr.respond(200, {}, '<a id="a' + i + '" kt-get="/test2" kt-swap="innerHTML">' + i + '</a>');
+ xhr.respond(200, {}, '<a id="a' + i + '" hx-get="/test2" hx-swap="innerHTML">' + i + '</a>');
});
this.server.respondWith("GET", "/test2", "*");
- var div = make('<div kt-get="/test" kt-swap="beforeend"></div>')
+ var div = make('<div hx-get="/test" hx-swap="beforeend"></div>')
div.click();
this.server.respond();
div.innerText.should.equal("1");
@@ -207,24 +207,24 @@ describe("kt-swap attribute", function(){
});
it('properly parses various swap specifications', function(){
- var swapSpec = kutty._("getSwapSpecification"); // internal function for swap spec
+ var swapSpec = htmx._("getSwapSpecification"); // internal function for swap spec
swapSpec(make("<div/>")).swapStyle.should.equal("innerHTML")
- swapSpec(make("<div kt-swap='innerHTML'/>")).swapStyle.should.equal("innerHTML")
- swapSpec(make("<div kt-swap='innerHTML'/>")).swapDelay.should.equal(0)
- swapSpec(make("<div kt-swap='innerHTML'/>")).settleDelay.should.equal(100)
- swapSpec(make("<div kt-swap='innerHTML swap:10'/>")).swapDelay.should.equal(10)
- swapSpec(make("<div kt-swap='innerHTML settle:10'/>")).settleDelay.should.equal(10)
- swapSpec(make("<div kt-swap='innerHTML swap:10 settle:11'/>")).swapDelay.should.equal(10)
- swapSpec(make("<div kt-swap='innerHTML swap:10 settle:11'/>")).settleDelay.should.equal(11)
- swapSpec(make("<div kt-swap='innerHTML settle:11 swap:10'/>")).swapDelay.should.equal(10)
- swapSpec(make("<div kt-swap='innerHTML settle:11 swap:10'/>")).settleDelay.should.equal(11)
- swapSpec(make("<div kt-swap='innerHTML nonsense settle:11 swap:10'/>")).settleDelay.should.equal(11)
- swapSpec(make("<div kt-swap='innerHTML nonsense settle:11 swap:10 '/>")).settleDelay.should.equal(11)
+ swapSpec(make("<div hx-swap='innerHTML'/>")).swapStyle.should.equal("innerHTML")
+ swapSpec(make("<div hx-swap='innerHTML'/>")).swapDelay.should.equal(0)
+ swapSpec(make("<div hx-swap='innerHTML'/>")).settleDelay.should.equal(100)
+ swapSpec(make("<div hx-swap='innerHTML swap:10'/>")).swapDelay.should.equal(10)
+ swapSpec(make("<div hx-swap='innerHTML settle:10'/>")).settleDelay.should.equal(10)
+ swapSpec(make("<div hx-swap='innerHTML swap:10 settle:11'/>")).swapDelay.should.equal(10)
+ swapSpec(make("<div hx-swap='innerHTML swap:10 settle:11'/>")).settleDelay.should.equal(11)
+ swapSpec(make("<div hx-swap='innerHTML settle:11 swap:10'/>")).swapDelay.should.equal(10)
+ swapSpec(make("<div hx-swap='innerHTML settle:11 swap:10'/>")).settleDelay.should.equal(11)
+ swapSpec(make("<div hx-swap='innerHTML nonsense settle:11 swap:10'/>")).settleDelay.should.equal(11)
+ swapSpec(make("<div hx-swap='innerHTML nonsense settle:11 swap:10 '/>")).settleDelay.should.equal(11)
})
it('works with a swap delay', function(done) {
this.server.respondWith("GET", "/test", "Clicked!");
- var div = make("<div kt-get='/test' kt-swap='innerHTML swap:10ms'></div>");
+ var div = make("<div hx-get='/test' hx-swap='innerHTML swap:10ms'></div>");
div.click();
this.server.respond();
div.innerText.should.equal("");
@@ -235,8 +235,8 @@ describe("kt-swap attribute", function(){
});
it('works with a settle delay', function(done) {
- this.server.respondWith("GET", "/test", "<div id='d1' class='foo' kt-get='/test' kt-swap='outerHTML settle:10ms'></div>");
- var div = make("<div id='d1' kt-get='/test' kt-swap='outerHTML settle:10ms'></div>");
+ this.server.respondWith("GET", "/test", "<div id='d1' class='foo' hx-get='/test' hx-swap='outerHTML settle:10ms'></div>");
+ var div = make("<div id='d1' hx-get='/test' hx-swap='outerHTML settle:10ms'></div>");
div.click();
this.server.respond();
div.classList.contains('foo').should.equal(false);
diff --git a/test/attributes/kt-target.js b/test/attributes/hx-target.js
index f9c15f0e..c28fcc9d 100644
--- a/test/attributes/kt-target.js
+++ b/test/attributes/hx-target.js
@@ -1,4 +1,4 @@
-describe("kt-target attribute", function(){
+describe("hx-target attribute", function(){
beforeEach(function() {
this.server = sinon.fakeServer.create();
clearWorkArea();
@@ -11,7 +11,7 @@ describe("kt-target attribute", function(){
it('targets an adjacent element properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-target="#d1" kt-get="/test">Click Me!</button>')
+ var btn = make('<button hx-target="#d1" hx-get="/test">Click Me!</button>')
var div1 = make('<div id="d1"></div>')
btn.click();
this.server.respond();
@@ -21,7 +21,7 @@ describe("kt-target attribute", function(){
it('targets a parent element properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var div1 = make('<div id="d1"><button id="b1" kt-target="#d1" kt-get="/test">Click Me!</button></div>')
+ var div1 = make('<div id="d1"><button id="b1" hx-target="#d1" hx-get="/test">Click Me!</button></div>')
var btn = byId("b1")
btn.click();
this.server.respond();
@@ -31,7 +31,7 @@ describe("kt-target attribute", function(){
it('targets a `this` element properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var div1 = make('<div kt-target="this"><button id="b1" kt-get="/test">Click Me!</button></div>')
+ var div1 = make('<div hx-target="this"><button id="b1" hx-get="/test">Click Me!</button></div>')
var btn = byId("b1")
btn.click();
this.server.respond();
@@ -41,7 +41,7 @@ describe("kt-target attribute", function(){
it('targets a `closest` element properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var div1 = make('<div><p><i><button id="b1" kt-target="closest div" kt-get="/test">Click Me!</button></i></p></div>')
+ var div1 = make('<div><p><i><button id="b1" hx-target="closest div" hx-get="/test">Click Me!</button></i></p></div>')
var btn = byId("b1")
btn.click();
this.server.respond();
@@ -51,7 +51,7 @@ describe("kt-target attribute", function(){
it('targets an inner element properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-target="#d1" kt-get="/test">Click Me!<div id="d1"></div></button>')
+ var btn = make('<button hx-target="#d1" hx-get="/test">Click Me!<div id="d1"></div></button>')
var div1 = byId("d1")
btn.click();
this.server.respond();
@@ -62,7 +62,7 @@ describe("kt-target attribute", function(){
it('handles bad target gracefully', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-target="bad" kt-get="/test">Click Me!</button>')
+ var btn = make('<button hx-target="bad" hx-get="/test">Click Me!</button>')
btn.click();
this.server.respond();
btn.innerHTML.should.equal("Click Me!");
diff --git a/test/attributes/kt-trigger.js b/test/attributes/hx-trigger.js
index a8cbced2..62052500 100644
--- a/test/attributes/kt-trigger.js
+++ b/test/attributes/hx-trigger.js
@@ -1,4 +1,4 @@
-describe("kt-trigger attribute", function(){
+describe("hx-trigger attribute", function(){
beforeEach(function() {
this.server = sinon.fakeServer.create();
clearWorkArea();
@@ -12,7 +12,7 @@ describe("kt-trigger attribute", function(){
{
this.server.respondWith("GET", "/test", "Clicked!");
- var form = make('<form kt-get="/test" kt-trigger="click">Click Me!</form>');
+ var form = make('<form hx-get="/test" hx-trigger="click">Click Me!</form>');
form.click();
form.innerHTML.should.equal("Click Me!");
this.server.respond();
@@ -26,7 +26,7 @@ describe("kt-trigger attribute", function(){
requests++;
xhr.respond(200, {}, "Requests: " + requests);
});
- var input = make('<input kt-trigger="click changed" kt-target="#d1" kt-get="/test" value="foo"/>');
+ var input = make('<input hx-trigger="click changed" hx-target="#d1" hx-get="/test" value="foo"/>');
var div = make('<div id="d1"></div>');
input.click();
this.server.respond();
@@ -50,7 +50,7 @@ describe("kt-trigger attribute", function(){
requests++;
xhr.respond(200, {}, "Requests: " + requests);
});
- var input = make('<input kt-trigger="click once" kt-target="#d1" kt-get="/test" value="foo"/>');
+ var input = make('<input hx-trigger="click once" hx-target="#d1" hx-get="/test" value="foo"/>');
var div = make('<div id="d1"></div>');
input.click();
this.server.respond();
@@ -82,7 +82,7 @@ describe("kt-trigger attribute", function(){
});
this.server.autoRespond = true;
this.server.autoRespondAfter = 0;
- make('<div kt-trigger="every 10ms" kt-get="/test"/>');
+ make('<div hx-trigger="every 10ms" hx-get="/test"/>');
});
generated by cgit v1.2.3 (git 2.39.1) at 2025-05-22 04:46:00 +0000