htmx/test/attributes/hx-post.js

describe('hx-post attribute', function() {
  beforeEach(function() {
    this.server = makeServer()
    clearWorkArea()
  })
  afterEach(function() {
    this.server.restore()
    clearWorkArea()
  })

  it('issues a POST request with proper headers', function() {
    this.server.respondWith('POST', '/test', function(xhr) {
      should.equal(xhr.requestHeaders['X-HTTP-Method-Override'], undefined)
      xhr.respond(200, {}, 'Posted!')
    })

    var btn = make('<button hx-post="/test">Click Me!</button>')
    btn.click()
    this.server.respond()
    btn.innerHTML.should.equal('Posted!')
  })

  it('issues a POST request with proper headers  w/ data-* prefix', function() {
    this.server.respondWith('POST', '/test', function(xhr) {
      should.equal(xhr.requestHeaders['X-HTTP-Method-Override'], undefined)
      xhr.respond(200, {}, 'Posted!')
    })

    var btn = make('<button data-hx-post="/test">Click Me!</button>')
    btn.click()
    this.server.respond()
    btn.innerHTML.should.equal('Posted!')
  })
})