summaryrefslogtreecommitdiffstatshomepage
path: root/test/attributes/hx-select.js
blob: c9a2df5a18ab1eb58df511bd3a65e0c1fe003bb8 (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('BOOTSTRAP - htmx AJAX Tests', function() {
  beforeEach(function() {
    this.server = makeServer()
    clearWorkArea()
  })
  afterEach(function() {
    this.server.restore()
    clearWorkArea()
  })

  it('properly handles a partial of HTML', function() {
    var i = 1
    this.server.respondWith('GET', '/test', "<div id='d1'>foo</div><div id='d2'>bar</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 a full HTML document', 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 hx-get="/test" hx-select="#d1"></div>')
    div.click()
    this.server.respond()
    div.innerHTML.should.equal('<div id="d1">foo</div>')
  })

  it('properly handles a full HTML document  w/ data-* prefix', 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 hx-get="/test" data-hx-select="#d1"></div>')
    div.click()
    this.server.respond()
    div.innerHTML.should.equal('<div id="d1">foo</div>')
  })
})