summaryrefslogtreecommitdiffstatshomepage
path: root/test
diff options
context:
space:
mode:
authorcarson <carson@leaddyno.com>2020-05-17 05:22:19 -0700
committercarson <carson@leaddyno.com>2020-05-17 05:22:19 -0700
commit3aa8c64754c323f367fae64342f4ac9c20ea5a3d (patch)
tree6de764954d60c019fb87359007919bb56f0fe8f1 /test
parente1e4f25b0ef21e96eda192e69ab89e207dd7f617 (diff)
downloadhtmx-3aa8c64754c323f367fae64342f4ac9c20ea5a3d.tar.gz
htmx-3aa8c64754c323f367fae64342f4ac9c20ea5a3d.zip
le big re-rename
Diffstat (limited to 'test')
-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
-rw-r--r--test/core/ajax.js66
-rw-r--r--test/core/api.js68
-rw-r--r--test/core/events.js34
-rw-r--r--test/core/headers.js18
-rw-r--r--test/core/internals.js14
-rw-r--r--test/core/parameters.js52
-rw-r--r--test/core/regressions.js16
-rw-r--r--test/core/verbs.js10
-rw-r--r--test/index.html40
-rw-r--r--test/manual/browser-only-tests.html10
-rw-r--r--test/manual/confirm-and-prompt.html8
-rw-r--r--test/manual/no-indicator-css.html6
-rw-r--r--test/manual/yes-indicator-css.html4
-rw-r--r--test/scratch.html12
-rw-r--r--test/util/scratch_server.js6
-rw-r--r--test/util/util.js4
33 files changed, 301 insertions, 301 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"/>');
});
diff --git a/test/core/ajax.js b/test/core/ajax.js
index 763d4347..e7639033 100644
--- a/test/core/ajax.js
+++ b/test/core/ajax.js
@@ -1,4 +1,4 @@
-describe("Core kutty AJAX Tests", function(){
+describe("Core htmx AJAX Tests", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -13,7 +13,7 @@ describe("Core kutty AJAX Tests", 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,13 +21,13 @@ describe("Core kutty AJAX Tests", function(){
it('processes inner content 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();
@@ -36,10 +36,10 @@ describe("Core kutty AJAX Tests", function(){
it('handles 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();
@@ -54,11 +54,11 @@ describe("Core kutty AJAX Tests", 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();
@@ -84,11 +84,11 @@ describe("Core kutty AJAX Tests", 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*");
@@ -111,11 +111,11 @@ describe("Core kutty AJAX Tests", 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");
@@ -138,11 +138,11 @@ describe("Core kutty AJAX Tests", 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();
@@ -168,11 +168,11 @@ describe("Core kutty AJAX Tests", 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");
@@ -195,11 +195,11 @@ describe("Core kutty AJAX Tests", 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");
@@ -217,11 +217,11 @@ describe("Core kutty AJAX Tests", function(){
div.innerText.should.equal("**");
});
- it('handles kt-target properly', function()
+ it('handles hx-target properly', function()
{
this.server.respondWith("GET", "/test", "Clicked!");
- var btn = make('<button kt-get="/test" kt-target="#s1">Click Me!</button>');
+ var btn = make('<button hx-get="/test" hx-target="#s1">Click Me!</button>');
var target = make('<span id="s1">Initial</span>');
btn.click();
target.innerHTML.should.equal("Initial");
@@ -233,28 +233,28 @@ describe("Core kutty AJAX Tests", function(){
{
this.server.respondWith("GET", "/test", [204, {}, "No Content!"]);
- var btn = make('<button kt-get="/test">Click Me!</button>');
+ var btn = make('<button hx-get="/test">Click Me!</button>');
btn.click();
btn.innerHTML.should.equal("Click Me!");
this.server.respond();
btn.innerHTML.should.equal("Click Me!");
});
- it('handles kt-trigger with non-default value', function()
+ it('handles hx-trigger with non-default value', 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();
form.innerHTML.should.equal("Clicked!");
});
- it('handles kt-trigger with load event', function()
+ it('handles hx-trigger with load event', function()
{
this.server.respondWith("GET", "/test", "Loaded!");
- var div = make('<div kt-get="/test" kt-trigger="load">Load Me!</div>');
+ var div = make('<div hx-get="/test" hx-trigger="load">Load Me!</div>');
div.innerHTML.should.equal("Load Me!");
this.server.respond();
div.innerHTML.should.equal("Loaded!");
@@ -266,7 +266,7 @@ describe("Core kutty AJAX Tests", function(){
xhr.overriddenMimeType.should.equal("text/html");
done();
});
- var div = make('<div kt-get="/test">Click Me!</div>');
+ var div = make('<div hx-get="/test">Click Me!</div>');
div.click();
this.server.respond();
});
@@ -278,28 +278,28 @@ describe("Core kutty AJAX Tests", function(){
xhr.respond(200, {}, "click " + i);
i++
});
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
div.click();
div.click();
this.server.respond();
div.innerHTML.should.equal("click 1");
});
- it('properly handles kt-select for basic situation', function()
+ it('properly handles hx-select for basic situation', 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>");
});
- it('properly handles kt-select for full html document situation', function()
+ it('properly handles hx-select for full html document situation', 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>");
@@ -313,7 +313,7 @@ describe("Core kutty AJAX Tests", function(){
xhr.respond(204, {}, "");
});
- var form = make('<form kt-post="/test" kt-trigger="click">' +
+ var form = make('<form hx-post="/test" hx-trigger="click">' +
'<input id="cb1" name="c1" value="cb1" type="checkbox">'+
'<input id="cb2" name="c1" value="cb2" type="checkbox">'+
'<input id="cb3" name="c1" value="cb3" type="checkbox">'+
diff --git a/test/core/api.js b/test/core/api.js
index e5f51a26..4b4d1b2d 100644
--- a/test/core/api.js
+++ b/test/core/api.js
@@ -1,4 +1,4 @@
-describe("Core kutty API test", function(){
+describe("Core htmx API test", function(){
beforeEach(function() {
this.server = makeServer();
clearWorkArea();
@@ -9,22 +9,22 @@ describe("Core kutty API test", function(){
});
it('version is correct', function(){
- kutty.version.should.equal("0.0.2");
+ htmx.version.should.equal("0.0.2");
});
it('onLoad is called... onLoad', function(){
// also tests on/off
- this.server.respondWith("GET", "/test", "<div id='d1' kt-get='/test'></div>")
- var helper = kutty.onLoad(function (elt) {
+ this.server.respondWith("GET", "/test", "<div id='d1' hx-get='/test'></div>")
+ var helper = htmx.onLoad(function (elt) {
elt.setAttribute("foo", "bar");
});
try {
- 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();
this.server.respond();
byId("d1").getAttribute("foo").should.equal("bar");
} finally {
- kutty.off("load.kutty", helper);
+ htmx.off("load.htmx", helper);
}
});
@@ -32,11 +32,11 @@ describe("Core kutty API test", function(){
var div = make("<div/>");
var myEventCalled = false;
var detailStr = "";
- kutty.on("myEvent", function(evt){
+ htmx.on("myEvent", function(evt){
myEventCalled = true;
detailStr = evt.detail.str;
})
- kutty.trigger(div, "myEvent", {str:"foo"})
+ htmx.trigger(div, "myEvent", {str:"foo"})
myEventCalled.should.equal(true);
detailStr.should.equal("foo");
@@ -44,55 +44,55 @@ describe("Core kutty API test", function(){
it('should find properly', function(){
var div = make("<div id='d1' class='c1 c2'>");
- div.should.equal(kutty.find("#d1"));
- div.should.equal(kutty.find(".c1"));
- div.should.equal(kutty.find(".c2"));
- div.should.equal(kutty.find(".c1.c2"));
+ div.should.equal(htmx.find("#d1"));
+ div.should.equal(htmx.find(".c1"));
+ div.should.equal(htmx.find(".c2"));
+ div.should.equal(htmx.find(".c1.c2"));
});
it('should find properly from elt', function(){
var div = make("<div><a id='a1'></a><a id='a2'></a></div>");
- kutty.find(div, "a").id.should.equal('a1');
+ htmx.find(div, "a").id.should.equal('a1');
});
it('should find all properly', function(){
var div = make("<div class='c1 c2 c3'><div class='c1 c2'><div class='c1'>");
- kutty.findAll(".c1").length.should.equal(3);
- kutty.findAll(".c2").length.should.equal(2);
- kutty.findAll(".c3").length.should.equal(1);
+ htmx.findAll(".c1").length.should.equal(3);
+ htmx.findAll(".c2").length.should.equal(2);
+ htmx.findAll(".c3").length.should.equal(1);
});
it('should find all properly from elt', function(){
var div = make("<div><div class='c1 c2 c3'><div class='c1 c2'><div class='c1'></div>");
- kutty.findAll(div, ".c1").length.should.equal(3);
- kutty.findAll(div, ".c2").length.should.equal(2);
- kutty.findAll(div,".c3").length.should.equal(1);
+ htmx.findAll(div, ".c1").length.should.equal(3);
+ htmx.findAll(div, ".c2").length.should.equal(2);
+ htmx.findAll(div,".c3").length.should.equal(1);
});
it('should find closest element properly', function () {
var div = make("<div><a id='a1'></a><a id='a2'></a></div>");
- var a = kutty.find(div, "a");
- kutty.closest(a, "div").should.equal(div);
+ var a = htmx.find(div, "a");
+ htmx.closest(a, "div").should.equal(div);
});
it('should remove element properly', function () {
var div = make("<div><a></a></div>");
- var a = kutty.find(div, "a");
- kutty.remove(a);
+ var a = htmx.find(div, "a");
+ htmx.remove(a);
div.innerHTML.should.equal("");
});
it('should add class properly', function () {
var div = make("<div></div>");
div.classList.contains("foo").should.equal(false);
- kutty.addClass(div, "foo");
+ htmx.addClass(div, "foo");
div.classList.contains("foo").should.equal(true);
});
it('should add class properly after delay', function (done) {
var div = make("<div></div>");
div.classList.contains("foo").should.equal(false);
- kutty.addClass(div, "foo", 10);
+ htmx.addClass(div, "foo", 10);
div.classList.contains("foo").should.equal(false);
setTimeout(function () {
div.classList.contains("foo").should.equal(true);
@@ -102,17 +102,17 @@ describe("Core kutty API test", function(){
it('should remove class properly', function () {
var div = make("<div></div>");
- kutty.addClass(div, "foo");
+ htmx.addClass(div, "foo");
div.classList.contains("foo").should.equal(true);
- kutty.removeClass(div, "foo");
+ htmx.removeClass(div, "foo");
div.classList.contains("foo").should.equal(false);
});
it('should add class properly after delay', function (done) {
var div = make("<div></div>");
- kutty.addClass(div, "foo");
+ htmx.addClass(div, "foo");
div.classList.contains("foo").should.equal(true);
- kutty.removeClass(div, "foo", 10);
+ htmx.removeClass(div, "foo", 10);
div.classList.contains("foo").should.equal(true);
setTimeout(function () {
div.classList.contains("foo").should.equal(false);
@@ -123,9 +123,9 @@ describe("Core kutty API test", function(){
it('should toggle class properly', function () {
var div = make("<div></div>");
div.classList.contains("foo").should.equal(false);
- kutty.toggleClass(div, "foo");
+ htmx.toggleClass(div, "foo");
div.classList.contains("foo").should.equal(true);
- kutty.toggleClass(div, "foo");
+ htmx.toggleClass(div, "foo");
div.classList.contains("foo").should.equal(false);
});
@@ -138,19 +138,19 @@ describe("Core kutty API test", function(){
div2.classList.contains("foo").should.equal(false);
div3.classList.contains("foo").should.equal(false);
- kutty.takeClass(div1, "foo");
+ htmx.takeClass(div1, "foo");
div1.classList.contains("foo").should.equal(true);
div2.classList.contains("foo").should.equal(false);
div3.classList.contains("foo").should.equal(false);
- kutty.takeClass(div2, "foo");
+ htmx.takeClass(div2, "foo");
div1.classList.contains("foo").should.equal(false);
div2.classList.contains("foo").should.equal(true);
div3.classList.contains("foo").should.equal(false);
- kutty.takeClass(div3, "foo");
+ htmx.takeClass(div3, "foo");
div1.classList.contains("foo").should.equal(false);
div2.classList.contains("foo").should.equal(false);
diff --git a/test/core/events.js b/test/core/events.js
index 548f6e9f..68fc82ee 100644
--- a/test/core/events.js
+++ b/test/core/events.js
@@ -1,4 +1,4 @@
-describe("Core kutty Events", function() {
+describe("Core htmx Events", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -8,24 +8,24 @@ describe("Core kutty Events", function() {
clearWorkArea();
});
- it("load.kutty fires properly", function () {
- var handler = kutty.on("load.kutty", function (evt) {
+ it("load.htmx fires properly", function () {
+ var handler = htmx.on("load.htmx", function (evt) {
called = true;
});
try {
this.server.respondWith("GET", "/test", "<div></div>");
var called = false;
- var div = make("<div kt-get='/test'></div>");
+ var div = make("<div hx-get='/test'></div>");
div.click();
this.server.respond();
should.equal(called, true);
} finally {
- kutty.off("load.kutty", handler);
+ htmx.off("load.htmx", handler);
}
});
- it("configRequest.kutty allows attribute addition", function () {
- var handler = kutty.on("configRequest.kutty", function (evt) {
+ it("configRequest.htmx allows attribute addition", function () {
+ var handler = htmx.on("configRequest.htmx", function (evt) {
evt.detail.parameters['param'] = "true";
});
try {
@@ -33,48 +33,48 @@ describe("Core kutty Events", function() {
this.server.respondWith("POST", "/test", function (xhr) {
param = parseParams(xhr.requestBody)['param'];
});
- var div = make("<div kt-post='/test'></div>");
+ var div = make("<div hx-post='/test'></div>");
div.click();
this.server.respond();
param.should.equal("true");
} finally {
- kutty.off("configRequest.kutty", handler);
+ htmx.off("configRequest.htmx", handler);
}
});
- it("configRequest.kutty allows attribute removal", function () {
+ it("configRequest.htmx allows attribute removal", function () {
var param = "foo";
- var handler = kutty.on("configRequest.kutty", function (evt) {
+ var handler = htmx.on("configRequest.htmx", function (evt) {
delete evt.detail.parameters['param'];
});
try {
this.server.respondWith("POST", "/test", function (xhr) {
param = parseParams(xhr.requestBody)['param'];
});
- var div = make("<form kt-trigger='click' kt-post='/test'><input name='param' value='foo'></form>");
+ var div = make("<form hx-trigger='click' hx-post='/test'><input name='param' value='foo'></form>");
div.click();
this.server.respond();
should.equal(param, undefined);
} finally {
- kutty.off("configRequest.kutty", handler);
+ htmx.off("configRequest.htmx", handler);
}
});
- it("configRequest.kutty allows header tweaking", function () {
+ it("configRequest.htmx allows header tweaking", function () {
var header = "foo";
- var handler = kutty.on("configRequest.kutty", function (evt) {
+ var handler = htmx.on("configRequest.htmx", function (evt) {
evt.detail.headers['X-My-Header'] = "bar";
});
try {
this.server.respondWith("POST", "/test", function (xhr) {
header = xhr.requestHeaders['X-My-Header'];
});
- var div = make("<form kt-trigger='click' kt-post='/test'><input name='param' value='foo'></form>");
+ var div = make("<form hx-trigger='click' hx-post='/test'><input name='param' value='foo'></form>");
div.click();
this.server.respond();
should.equal(header, "bar");
} finally {
- kutty.off("configRequest.kutty", handler);
+ htmx.off("configRequest.htmx", handler);
}
});
diff --git a/test/core/headers.js b/test/core/headers.js
index 2bd36e6a..a8192691 100644
--- a/test/core/headers.js
+++ b/test/core/headers.js
@@ -1,4 +1,4 @@
-describe("Core kutty AJAX headers", function() {
+describe("Core htmx AJAX headers", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -13,7 +13,7 @@ describe("Core kutty AJAX headers", function() {
xhr.requestHeaders['X-KT-Request'].should.be.equal('true');
xhr.respond(200, {}, "");
});
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
div.click();
this.server.respond();
})
@@ -23,7 +23,7 @@ describe("Core kutty AJAX headers", function() {
xhr.requestHeaders['X-KT-Trigger'].should.equal('d1');
xhr.respond(200, {}, "");
});
- var div = make('<div id="d1" kt-get="/test"></div>');
+ var div = make('<div id="d1" hx-get="/test"></div>');
div.click();
this.server.respond();
})
@@ -33,7 +33,7 @@ describe("Core kutty AJAX headers", function() {
xhr.requestHeaders['X-KT-Trigger-Name'].should.equal('n1');
xhr.respond(200, {}, "");
});
- var div = make('<button name="n1" kt-get="/test"></button>');
+ var div = make('<button name="n1" hx-get="/test"></button>');
div.click();
this.server.respond();
})
@@ -43,7 +43,7 @@ describe("Core kutty AJAX headers", function() {
xhr.requestHeaders['X-KT-Target'].should.equal('d1');
xhr.respond(200, {}, "");
});
- var div = make('<div kt-target="#d1" kt-get="/test"></div><div id="d1" ></div>');
+ var div = make('<div hx-target="#d1" hx-get="/test"></div><div id="d1" ></div>');
div.click();
this.server.respond();
})
@@ -51,7 +51,7 @@ describe("Core kutty AJAX headers", function() {
it("should handle simple string X-KT-Trigger response header properly", function(){
this.server.respondWith("GET", "/test", [200, {"X-KT-Trigger" : "foo"}, ""]);
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
var invokedEvent = false;
div.addEventListener("foo", function (evt) {
invokedEvent = true;
@@ -64,7 +64,7 @@ describe("Core kutty AJAX headers", function() {
it("should handle basic JSON X-KT-Trigger response header properly", function(){
this.server.respondWith("GET", "/test", [200, {"X-KT-Trigger" : "{\"foo\":null}"}, ""]);
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
var invokedEvent = false;
div.addEventListener("foo", function (evt) {
invokedEvent = true;
@@ -79,7 +79,7 @@ describe("Core kutty AJAX headers", function() {
it("should handle JSON with array arg X-KT-Trigger response header properly", function(){
this.server.respondWith("GET", "/test", [200, {"X-KT-Trigger" : "{\"foo\":[1, 2, 3]}"}, ""]);
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
var invokedEvent = false;
div.addEventListener("foo", function (evt) {
invokedEvent = true;
@@ -94,7 +94,7 @@ describe("Core kutty AJAX headers", function() {
it("should handle JSON with array arg X-KT-Trigger response header properly", function(){
this.server.respondWith("GET", "/test", [200, {"X-KT-Trigger" : "{\"foo\":{\"a\":1, \"b\":2}}"}, ""]);
- var div = make('<div kt-get="/test"></div>');
+ var div = make('<div hx-get="/test"></div>');
var invokedEvent = false;
div.addEventListener("foo", function (evt) {
invokedEvent = true;
diff --git a/test/core/internals.js b/test/core/internals.js
index 09cff001..9e6f139e 100644
--- a/test/core/internals.js
+++ b/test/core/internals.js
@@ -1,4 +1,4 @@
-describe("Core kutty internals Tests", function() {
+describe("Core htmx internals Tests", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -9,15 +9,15 @@ describe("Core kutty internals Tests", function() {
});
it("makeFragment works with janky stuff", function(){
- kutty._("makeFragment")("<html></html>").tagName.should.equal("BODY");
- kutty._("makeFragment")("<html><body></body></html>").tagName.should.equal("BODY");
+ htmx._("makeFragment")("<html></html>").tagName.should.equal("BODY");
+ htmx._("makeFragment")("<html><body></body></html>").tagName.should.equal("BODY");
//NB - the tag name should be the *parent* element hosting the HTML since we use the fragment children
// for the swap
- kutty._("makeFragment")("<td></td>").tagName.should.equal("TR");
- kutty._("makeFragment")("<thead></thead>").tagName.should.equal("TABLE");
- kutty._("makeFragment")("<col></col>").tagName.should.equal("COLGROUP");
- kutty._("makeFragment")("<tr></tr>").tagName.should.equal("TBODY");
+ htmx._("makeFragment")("<td></td>").tagName.should.equal("TR");
+ htmx._("makeFragment")("<thead></thead>").tagName.should.equal("TABLE");
+ htmx._("makeFragment")("<col></col>").tagName.should.equal("COLGROUP");
+ htmx._("makeFragment")("<tr></tr>").tagName.should.equal("TBODY");
})
}); \ No newline at end of file
diff --git a/test/core/parameters.js b/test/core/parameters.js
index 519f3ca8..6233e7ae 100644
--- a/test/core/parameters.js
+++ b/test/core/parameters.js
@@ -1,4 +1,4 @@
-describe("Core kutty Parameter Handling", function() {
+describe("Core htmx Parameter Handling", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -10,20 +10,20 @@ describe("Core kutty Parameter Handling", function() {
it('Input includes value', function () {
var input = make('<input name="foo" value="bar"/>');
- var vals = kutty._('getInputValues')(input);
+ var vals = htmx._('getInputValues')(input);
vals['foo'].should.equal('bar');
})
it('Input includes value on get', function () {
var input = make('<input name="foo" value="bar"/>');
- var vals = kutty._('getInputValues')(input, "get");
+ var vals = htmx._('getInputValues')(input, "get");
vals['foo'].should.equal('bar');
})
it('Input includes form', function () {
var form = make('<form><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/></form>');
var input = byId('i1');
- var vals = kutty._('getInputValues')(input);
+ var vals = htmx._('getInputValues')(input);
vals['foo'].should.equal('bar');
vals['do'].should.equal('rey');
})
@@ -31,7 +31,7 @@ describe("Core kutty Parameter Handling", function() {
it('Input doesnt include form on get', function () {
var form = make('<form><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/></form>');
var input = byId('i1');
- var vals = kutty._('getInputValues')(input, 'get');
+ var vals = htmx._('getInputValues')(input, 'get');
vals['foo'].should.equal('bar');
should.equal(vals['do'], undefined);
})
@@ -39,75 +39,75 @@ describe("Core kutty Parameter Handling", function() {
it('non-input includes form', function () {
var form = make('<form><div id="d1"/><input id="i2" name="do" value="rey"/></form>');
var div = byId('d1');
- var vals = kutty._('getInputValues')(div, "post");
+ var vals = htmx._('getInputValues')(div, "post");
vals['do'].should.equal('rey');
})
it('non-input doesnt include form on get', function () {
var form = make('<form><div id="d1"/><input id="i2" name="do" value="rey"/></form>');
var div = byId('d1');
- var vals = kutty._('getInputValues')(div, "get");
+ var vals = htmx._('getInputValues')(div, "get");
should.equal(vals['do'], undefined);
})
it('Basic form works on get', function () {
var form = make('<form><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/></form>');
- var vals = kutty._('getInputValues')(form, 'get');
+ var vals = htmx._('getInputValues')(form, 'get');
vals['foo'].should.equal('bar');
vals['do'].should.equal('rey');
})
it('Basic form works on non-get', function () {
var form = make('<form><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/></form>');
- var vals = kutty._('getInputValues')(form, 'post');
+ var vals = htmx._('getInputValues')(form, 'post');
vals['foo'].should.equal('bar');
vals['do'].should.equal('rey');
})
it('Double values are included as array', function () {
var form = make('<form><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/><input id="i2" name="do" value="rey"/></form>');
- var vals = kutty._('getInputValues')(form);
+ var vals = htmx._('getInputValues')(form);
vals['foo'].should.equal('bar');
vals['do'].should.deep.equal(['rey', 'rey']);
})
- it('kt-include works with form', function () {
+ it('hx-include works with form', function () {
var form = make('<form id="f1"><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/><input id="i2" name="do" value="rey"/></form>');
- var div = make('<div kt-include="#f1"></div>');
- var vals = kutty._('getInputValues')(div);
+ var div = make('<div hx-include="#f1"></div>');
+ var vals = htmx._('getInputValues')(div);
vals['foo'].should.equal('bar');
vals['do'].should.deep.equal(['rey', 'rey']);
})
- it('kt-include works with input', function () {
+ it('hx-include works with input', function () {
var form = make('<form id="f1"><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/><input id="i2" name="do" value="rey"/></form>');
- var div = make('<div kt-include="#i1"></div>');
- var vals = kutty._('getInputValues')(div);
+ var div = make('<div hx-include="#i1"></div>');
+ var vals = htmx._('getInputValues')(div);
vals['foo'].should.equal('bar');
should.equal(vals['do'], undefined);
})
- it('kt-include works with two inputs', function () {
+ it('hx-include works with two inputs', function () {
var form = make('<form id="f1"><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/><input id="i2" name="do" value="rey"/></form>');
- var div = make('<div kt-include="#i1, #i2"></div>');
- var vals = kutty._('getInputValues')(div);
+ var div = make('<div hx-include="#i1, #i2"></div>');
+ var vals = htmx._('getInputValues')(div);
vals['foo'].should.equal('bar');
vals['do'].should.deep.equal(['rey', 'rey']);
})
- it('kt-include works with two inputs, plus form', function () {
+ it('hx-include works with two inputs, plus form', function () {
var form = make('<form id="f1"><input id="i1" name="foo" value="bar"/><input id="i2" name="do" value="rey"/><input id="i2" name="do" value="rey"/></form>');
- var div = make('<div kt-include="#i1, #i2, #f1"></div>');
- var vals = kutty._('getInputValues')(div);
+ var div = make('<div hx-include="#i1, #i2, #f1"></div>');
+ var vals = htmx._('getInputValues')(div);
vals['foo'].should.equal('bar');
vals['do'].should.deep.equal(['rey', 'rey']);
})
it('correctly URL escapes values', function () {
- kutty._("urlEncode")({}).should.equal("");
- kutty._("urlEncode")({"foo": "bar"}).should.equal("foo=bar");
- kutty._("urlEncode")({"foo": "bar", "do" : "rey"}).should.equal("foo=bar&do=rey");
- kutty._("urlEncode")({"foo": "bar", "do" : ["rey", "blah"]}).should.equal("foo=bar&do=rey&do=blah");
+ htmx._("urlEncode")({}).should.equal("");
+ htmx._("urlEncode")({"foo": "bar"}).should.equal("foo=bar");
+ htmx._("urlEncode")({"foo": "bar", "do" : "rey"}).should.equal("foo=bar&do=rey");
+ htmx._("urlEncode")({"foo": "bar", "do" : ["rey", "blah"]}).should.equal("foo=bar&do=rey&do=blah");
});
});
diff --git a/test/core/regressions.js b/test/core/regressions.js
index 45fa6778..e8c95e25 100644
--- a/test/core/regressions.js
+++ b/test/core/regressions.js
@@ -1,4 +1,4 @@
-describe("Core kutty Regression Tests", function(){
+describe("Core htmx Regression Tests", function(){
beforeEach(function() {
this.server = makeServer();
@@ -18,21 +18,21 @@ describe("Core kutty Regression Tests", function(){
'</svg>')
});
- it ('Handles https://github.com/bigskysoftware/kutty/issues/4 properly', function() {
+ it ('Handles https://github.com/bigskysoftware/htmx/issues/4 properly', function() {
this.server.respondWith("GET", "/index2a.php",
- "<div id='message' kt-swap-oob='true'>I came from message oob swap I should be second</div>" +
- "<div id='message2' kt-swap-oob='true'>I came from a message2 oob swap I should be third but I am in the wrong spot</div>" +
+ "<div id='message' hx-swap-oob='true'>I came from message oob swap I should be second</div>" +
+ "<div id='message2' hx-swap-oob='true'>I came from a message2 oob swap I should be third but I am in the wrong spot</div>" +
"I'm page2 content (non-swap) I should be first")
- var h1 = make("<h1 kt-get='/index2a.php' kt-target='#page2' kt-trigger='click'>Kutty CLICK ME</h1>" +
+ var h1 = make("<h1 hx-get='/index2a.php' hx-target='#page2' hx-trigger='click'>Kutty CLICK ME</h1>" +
"<div id='page2' ></div>" +
"<div id='message'></div>" +
"<div id='message2'></div>")
h1.click();
this.server.respond();
- kutty.find("#page2").innerHTML.should.equal("I'm page2 content (non-swap) I should be first")
- kutty.find("#message").innerHTML.should.equal("I came from message oob swap I should be second")
- kutty.find("#message2").innerHTML.should.equal("I came from a message2 oob swap I should be third but I am in the wrong spot")
+ htmx.find("#page2").innerHTML.should.equal("I'm page2 content (non-swap) I should be first")
+ htmx.find("#message").innerHTML.should.equal("I came from message oob swap I should be second")
+ htmx.find("#message2").innerHTML.should.equal("I came from a message2 oob swap I should be third but I am in the wrong spot")
});
})
diff --git a/test/core/verbs.js b/test/core/verbs.js
index ec85d5f6..1d0711c2 100644
--- a/test/core/verbs.js
+++ b/test/core/verbs.js
@@ -1,4 +1,4 @@
-describe("Core kutty AJAX Verbs", function() {
+describe("Core htmx AJAX Verbs", function() {
beforeEach(function () {
this.server = makeServer();
clearWorkArea();
@@ -10,7 +10,7 @@ describe("Core kutty AJAX Verbs", function() {
it('handles basic posts properly', function () {
this.server.respondWith("POST", "/test", "post");
- var div = make('<div kt-post="/test">click me</div>');
+ var div = make('<div hx-post="/test">click me</div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("post");
@@ -18,7 +18,7 @@ describe("Core kutty AJAX Verbs", function() {
it('handles basic put properly', function () {
this.server.respondWith("PUT", "/test", "put");
- var div = make('<div kt-put="/test">click me</div>');
+ var div = make('<div hx-put="/test">click me</div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("put");
@@ -26,7 +26,7 @@ describe("Core kutty AJAX Verbs", function() {
it('handles basic patch properly', function () {
this.server.respondWith("PATCH", "/test", "patch");
- var div = make('<div kt-patch="/test">click me</div>');
+ var div = make('<div hx-patch="/test">click me</div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("patch");
@@ -34,7 +34,7 @@ describe("Core kutty AJAX Verbs", function() {
it('handles basic delete properly', function () {
this.server.respondWith("DELETE", "/test", "delete");
- var div = make('<div kt-delete="/test">click me</div>');
+ var div = make('<div hx-delete="/test">click me</div>');
div.click();
this.server.respond();
div.innerHTML.should.equal("delete");
diff --git a/test/index.html b/test/index.html
index ac259016..a8ce9899 100644
--- a/test/index.html
+++ b/test/index.html
@@ -9,11 +9,11 @@
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
- <meta name="kutty-config" content='{"historyEnabled":false}'>
+ <meta name="htmx-config" content='{"historyEnabled":false}'>
</head>
<body style="padding:20px;font-family: sans-serif">
-<h1>kutty.js test suite</h1>
+<h1>htmx.js test suite</h1>
<h2>Scratch Page</h2>
<ul>
@@ -43,7 +43,7 @@
<script src="../node_modules/chai/chai.js"></script>
<script src="../node_modules/mocha/mocha.js"></script>
<script src="../node_modules/sinon/pkg/sinon.js"></script>
-<script src="../src/kutty.js"></script>
+<script src="../src/htmx.js"></script>
<script class="mocha-init">
mocha.setup('bdd');
mocha.checkLeaks();
@@ -62,22 +62,22 @@
<script src="core/regressions.js"></script>
<!-- attribute tests -->
-<script src="attributes/kt-boost.js"></script>
-<script src="attributes/kt-classes.js"></script>
-<script src="attributes/kt-delete.js"></script>
-<script src="attributes/kt-error-url.js"></script>
-<script src="attributes/kt-get.js"></script>
-<script src="attributes/kt-include.js"></script>
-<script src="attributes/kt-indicator.js"></script>
-<script src="attributes/kt-params.js"></script>
-<script src="attributes/kt-patch.js"></script>
-<script src="attributes/kt-post.js"></script>
-<script src="attributes/kt-push-url.js"></script>
-<script src="attributes/kt-put.js"></script>
-<script src="attributes/kt-swap-oob.js"></script>
-<script src="attributes/kt-swap.js"></script>
-<script src="attributes/kt-target.js"></script>
-<script src="attributes/kt-trigger.js"></script>
+<script src="attributes/hx-boost.js"></script>
+<script src="attributes/hx-classes.js"></script>
+<script src="attributes/hx-delete.js"></script>
+<script src="attributes/hx-error-url.js"></script>
+<script src="attributes/hx-get.js"></script>
+<script src="attributes/hx-include.js"></script>
+<script src="attributes/hx-indicator.js"></script>
+<script src="attributes/hx-params.js"></script>
+<script src="attributes/hx-patch.js"></script>
+<script src="attributes/hx-post.js"></script>
+<script src="attributes/hx-push-url.js"></script>
+<script src="attributes/hx-put.js"></script>
+<script src="attributes/hx-swap-oob.js"></script>
+<script src="attributes/hx-swap.js"></script>
+<script src="attributes/hx-target.js"></script>
+<script src="attributes/hx-trigger.js"></script>
<!-- events last so they don't screw up other tests -->
<script src="core/events.js"></script>
@@ -90,7 +90,7 @@
</script>
<em>Work Area</em>
<hr/>
-<div id="work-area" kt-history-elt>
+<div id="work-area" hx-history-elt>
</div>
</body>
</html>
diff --git a/test/manual/browser-only-tests.html b/test/manual/browser-only-tests.html
index 7ef37eb5..f9c7c093 100644
--- a/test/manual/browser-only-tests.html
+++ b/test/manual/browser-only-tests.html
@@ -10,7 +10,7 @@
<script src="../../node_modules/chai/chai.js"></script>
<script src="../../node_modules/mocha/mocha.js"></script>
<script src="../../node_modules/sinon/pkg/sinon.js"></script>
-<script src="../../src/kutty.js"></script>
+<script src="../../src/htmx.js"></script>
<script class="mocha-init">
mocha.setup('bdd');
mocha.checkLeaks();
@@ -34,7 +34,7 @@
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")
@@ -53,7 +53,7 @@
});
getWorkArea().innerHTML.should.equal("");
- var div = make('<div kt-push-url="true" kt-get="/test" class="">0</div>');
+ var div = make('<div hx-push-url="true" hx-get="/test" class="">0</div>');
div.click();
this.server.respond();
getWorkArea().textContent.should.equal("1")
@@ -77,7 +77,7 @@
this.server.respondWith("GET", "/test", "second");
getWorkArea().innerHTML.should.equal("");
- var div = make('<div kt-push-url="true" kt-get="/test" class="">first</div>');
+ var div = make('<div hx-push-url="true" hx-get="/test" class="">first</div>');
div.click();
this.server.respond();
getWorkArea().textContent.should.equal("second")
@@ -104,7 +104,7 @@
</script>
<em>Work Area</em>
<hr/>
-<div id="work-area" kt-history-elt>
+<div id="work-area" hx-history-elt>
</div>
</body>
</html>
diff --git a/test/manual/confirm-and-prompt.html b/test/manual/confirm-and-prompt.html
index 4590544e..07934384 100644
--- a/test/manual/confirm-and-prompt.html
+++ b/test/manual/confirm-and-prompt.html
@@ -2,11 +2,11 @@
<head>
<meta charset="utf-8" />
<title>Test if indicators are invisible by default</title>
- <script src="../../src/kutty.js"></script>
+ <script src="../../src/htmx.js"></script>
</head>
<body style="padding:20px;font-family: sans-serif">
<script src="../../node_modules/sinon/pkg/sinon.js"></script>
-<script src="../../src/kutty.js"></script>
+<script src="../../src/htmx.js"></script>
<script src="../util/util.js"></script>
<script>
server = makeServer();
@@ -19,10 +19,10 @@
})
</script>
<h1>Prompt & Confirm Tests</h1>
-<button kt-get="/prompt" kt-prompt="Enter some text and it should be echoed in this button">Click For Prompt</button>
+<button hx-get="/prompt" hx-prompt="Enter some text and it should be echoed in this button">Click For Prompt</button>
<br/>
<br/>
<br/>
-<button kt-get="/confirm" kt-confirm="Confirm The Action">Click For Confirm</button>
+<button hx-get="/confirm" hx-confirm="Confirm The Action">Click For Confirm</button>
</body>
</html>
diff --git a/test/manual/no-indicator-css.html b/test/manual/no-indicator-css.html
index d24753a0..0ce4e9fc 100644
--- a/test/manual/no-indicator-css.html
+++ b/test/manual/no-indicator-css.html
@@ -1,9 +1,9 @@
<html lang="en">
<head>
<meta charset="utf-8" />
- <meta name="kutty-config" content='{"includeIndicatorStyles":false}'>
+ <meta name="htmx-config" content='{"includeIndicatorStyles":false}'>
<title>Test if the includeIndicatorStyles meta option works</title>
- <script src="../../src/kutty.js"></script>
+ <script src="../../src/htmx.js"></script>
</head>
<body style="padding:20px;font-family: sans-serif">
<h1>You should see bars here:</h1>
@@ -11,6 +11,6 @@
We are overriding the normal CSS inclusion with the meta directive <code>{"includeIndicatorStyles":false}</code>
so you should see the indicator because it is not being hidden by the default classes.
</p>
- <img class="kutty-indicator" src="../img/bars.svg" width="200">
+ <img class="htmx-indicator" src="../img/bars.svg" width="200">
</body>
</html>
diff --git a/test/manual/yes-indicator-css.html b/test/manual/yes-indicator-css.html
index 46fdea72..fc2e02a1 100644
--- a/test/manual/yes-indicator-css.html
+++ b/test/manual/yes-indicator-css.html
@@ -2,10 +2,10 @@
<head>
<meta charset="utf-8" />
<title>Test if indicators are invisible by default</title>
- <script src="../../src/kutty.js"></script>
+ <script src="../../src/htmx.js"></script>
</head>
<body style="padding:20px;font-family: sans-serif">
<h1>You should not see bars here:</h1>
- <img class="kutty-indicator" src="../img/bars.svg" width="200">
+ <img class="htmx-indicator" src="../img/bars.svg" width="200">
</body>
</html>
diff --git a/test/scratch.html b/test/scratch.html
index c800a437..f3ba5b56 100644
--- a/test/scratch.html
+++ b/test/scratch.html
@@ -9,7 +9,7 @@
opacity: 0;
}
- .kt-show-indicator .indicator {
+ .hx-show-indicator .indicator {
opacity: 100%;
}
@@ -19,18 +19,18 @@
</head>
<body style="padding:20px;font-family: sans-serif">
<script src="../node_modules/sinon/pkg/sinon.js"></script>
-<script src="../src/kutty.js"></script>
+<script src="../src/htmx.js"></script>
<script src="util/util.js"></script>
<script src="util/scratch_server.js"></script>
<script>
- // 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!");
//
- // make('<div kt-get="/test">dd</div>')
+ // make('<div hx-get="/test">dd</div>')
this.server.respondWith("GET", "/test", '<div id="d1" style="color: red; margin: 100px">Foo</div>');
- make('<div kt-swap="outerHTML" kt-get="/test" kt-push-url="true" id="d1">Foo</div>');
+ make('<div hx-swap="outerHTML" hx-get="/test" hx-push-url="true" id="d1">Foo</div>');
</script>
@@ -43,7 +43,7 @@ Autorespond: <input id="autorespond" type="checkbox" onclick="toggleAutoRespond(
<em>Work Area</em>
<hr/>
-<div id="work-area" kt-history-elt>
+<div id="work-area" hx-history-elt>
</div>
diff --git a/test/util/scratch_server.js b/test/util/scratch_server.js
index 187590dd..bbf5a87c 100644
--- a/test/util/scratch_server.js
+++ b/test/util/scratch_server.js
@@ -1,5 +1,5 @@
var server = makeServer();
-var autoRespond = localStorage.getItem('kt-scratch-autorespond') == "true";
+var autoRespond = localStorage.getItem('hx-scratch-autorespond') == "true";
server.autoRespond = autoRespond;
ready(function () {
if (autoRespond) {
@@ -8,10 +8,10 @@ ready(function () {
})
function toggleAutoRespond() {
if (server.autoRespond) {
- localStorage.removeItem('kt-scratch-autorespond');
+ localStorage.removeItem('hx-scratch-autorespond');
server.autoRespond = false;
} else {
- localStorage.setItem('kt-scratch-autorespond', 'true');
+ localStorage.setItem('hx-scratch-autorespond', 'true');
server.autoRespond = true;
}
}
diff --git a/test/util/util.js b/test/util/util.js
index 8b38d190..66f2dc4b 100644
--- a/test/util/util.js
+++ b/test/util/util.js
@@ -1,6 +1,6 @@
/* Test Utilities */
-kutty.logAll();
+htmx.logAll();
function byId(id) {
return document.getElementById(id);
@@ -13,7 +13,7 @@ function make(htmlStr) {
var wa = getWorkArea();
for (var i = fragment.childNodes.length - 1; i >= 0; i--) {
var child = fragment.childNodes[i];
- kutty.process(child);
+ htmx.process(child);
wa.appendChild(child);
}
return wa.lastChild;