diff options
author | carson <carson@leaddyno.com> | 2020-05-17 05:22:19 -0700 |
---|---|---|
committer | carson <carson@leaddyno.com> | 2020-05-17 05:22:19 -0700 |
commit | 3aa8c64754c323f367fae64342f4ac9c20ea5a3d (patch) | |
tree | 6de764954d60c019fb87359007919bb56f0fe8f1 /test | |
parent | e1e4f25b0ef21e96eda192e69ab89e207dd7f617 (diff) | |
download | htmx-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.js | 66 | ||||
-rw-r--r-- | test/core/api.js | 68 | ||||
-rw-r--r-- | test/core/events.js | 34 | ||||
-rw-r--r-- | test/core/headers.js | 18 | ||||
-rw-r--r-- | test/core/internals.js | 14 | ||||
-rw-r--r-- | test/core/parameters.js | 52 | ||||
-rw-r--r-- | test/core/regressions.js | 16 | ||||
-rw-r--r-- | test/core/verbs.js | 10 | ||||
-rw-r--r-- | test/index.html | 40 | ||||
-rw-r--r-- | test/manual/browser-only-tests.html | 10 | ||||
-rw-r--r-- | test/manual/confirm-and-prompt.html | 8 | ||||
-rw-r--r-- | test/manual/no-indicator-css.html | 6 | ||||
-rw-r--r-- | test/manual/yes-indicator-css.html | 4 | ||||
-rw-r--r-- | test/scratch.html | 12 | ||||
-rw-r--r-- | test/util/scratch_server.js | 6 | ||||
-rw-r--r-- | test/util/util.js | 4 |
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; |