hx-ext attribute

• A simple extension is invoked properly14ms ‣

  this.server.respondWith('GET', '/test', 'Clicked!')
  var btn = make('<button hx-get="/test" hx-ext="ext-1">Click Me!</button>')
  btn.click()
  this.server.respond()
  ext1Calls.should.equal(1)
  ext2Calls.should.equal(0)
  ext3Calls.should.equal(0)

• A simple extension is invoked properly w/ data-* prefix2ms ‣

  this.server.respondWith('GET', '/test', 'Clicked!')
  var btn = make('<button data-hx-get="/test" data-hx-ext="ext-1">Click Me!</button>')
  btn.click()
  this.server.respond()
  ext1Calls.should.equal(1)
  ext2Calls.should.equal(0)
  ext3Calls.should.equal(0)

• A simple extension is invoked properly when an HX-Trigger event w/ a namespace fires2ms ‣

  this.server.respondWith('GET', '/test', [200, { 'HX-Trigger': 'namespace:example' }, ''])
  var btn = make('<button data-hx-get="/test" data-hx-ext="ext-4">Click Me!</button>')
  btn.click()
  this.server.respond()
  ext1Calls.should.equal(0)
  ext2Calls.should.equal(0)
  ext3Calls.should.equal(0)
  ext4Calls.should.equal(1)

• A simple extension is invoked properly for elements it specified in getSelectors1ms ‣

  this.server.respondWith('GET', '/test', [200, { 'HX-Trigger': 'namespace:example' }, ''])
  var btn = make('<div data-hx-ext="ext-5"><div foo="bar">test</div></div>')
  btn.click()
  this.server.respond()
  ext1Calls.should.equal(0)
  ext2Calls.should.equal(0)
  ext3Calls.should.equal(0)
  ext4Calls.should.equal(0)
  ext5Calls.should.equal(1)