Fix https://github.com/bigskysoftware/htmx/issues/19

clean up uses of getRawAttribute() and add a `data-*` test for all attribute tests.

1 files changed, 16 insertions, 0 deletions

diff --git a/test/attributes/hx-indicator.js b/test/attributes/hx-indicator.js
index 7b1503bf..1385eb42 100644
--- a/test/attributes/hx-indicator.js
+++ b/test/attributes/hx-indicator.js
@@ -33,4 +33,20 @@ describe("hx-indicator attribute", function(){
         a1.classList.contains("htmx-request").should.equal(false);
         a2.classList.contains("htmx-request").should.equal(false);
     });
+
+    it('Indicator classes are properly put on element with explicit indicator w/ data-* prefix', function()
+    {
+        this.server.respondWith("GET", "/test", "Clicked!");
+        var btn = make('<button hx-get="/test" data-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("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("htmx-request").should.equal(false);
+        a1.classList.contains("htmx-request").should.equal(false);
+        a2.classList.contains("htmx-request").should.equal(false);
+    });
 })