htmx/test/core/verbs.js

describe("Core htmx AJAX Verbs", function() {
    beforeEach(function () {
        this.server = makeServer();
        clearWorkArea();
    });
    afterEach(function () {
        this.server.restore();
        clearWorkArea();
    });

    it('handles basic posts properly', function () {
        this.server.respondWith("POST", "/test", "post");
        var div = make('<div hx-post="/test">click me</div>');
        div.click();
        this.server.respond();
        div.innerHTML.should.equal("post");
    })

    it('handles basic put properly', function () {
        this.server.respondWith("PUT", "/test", "put");
        var div = make('<div hx-put="/test">click me</div>');
        div.click();
        this.server.respond();
        div.innerHTML.should.equal("put");
    })

    it('handles basic patch properly', function () {
        this.server.respondWith("PATCH", "/test", "patch");
        var div = make('<div hx-patch="/test">click me</div>');
        div.click();
        this.server.respond();
        div.innerHTML.should.equal("patch");
    })

    it('handles basic delete properly', function () {
        this.server.respondWith("DELETE", "/test", "delete");
        var div = make('<div hx-delete="/test">click me</div>');
        div.click();
        this.server.respond();
        div.innerHTML.should.equal("delete");
    })

});