www/static/test/attributes/hx-request.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

describe("hx-request attribute", function() {
    beforeEach(function () {
        this.server = makeServer();
        clearWorkArea();
    });
    afterEach(function () {
        this.server.restore();
        clearWorkArea();
    });

    it('basic hx-request timeout works', function (done) {
        var timedOut = false;
        this.server.respondWith("GET", "/test", "Clicked!");
        var div = make("<div hx-post='/vars' hx-request='\"timeout\":1'></div>")
        htmx.on(div, 'htmx:timeout', function(){
            timedOut = true;
        })
        div.click();
        setTimeout(function(){
            div.innerHTML.should.equal("");
            // unfortunately it looks like sinon.js doesn't implement the timeout functionality
            // timedOut.should.equal(true);
            done();
        }, 400)
    });

    it('hx-request header works', function () {
        this.server.respondWith("POST", "/vars", function (xhr) {
            should.equal(xhr.requestHeaders['HX-Request'], undefined);
            xhr.respond(200, {}, "Clicked!")
        });
        var div = make("<div hx-post='/vars' hx-request='{\"noHeaders\":true}'></div>")
        div.click();
        this.server.respond();
        div.innerHTML.should.equal("Clicked!");
    });


});