summaryrefslogtreecommitdiffstatshomepage
path: root/www/static/test/attributes/hx-request.js
blob: 8eefecac5a952905e0cb99661a4b16192d9cc2f9 (plain) (blame)
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
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!')
  })
})