Allow custom methods like query (#3892)

* Allow custom methods like query

* remove test for invalid methods.  fetch allows almost any method

Author: MichaelWest22

src/htmx.js

@@ -527,7 +527,7 @@ var htmx = (() => {
             })
 
             if (!this.__trigger(elt, "htmx:config:request", {ctx: ctx})) return
-            if (!this.#verbs.includes(ctx.request.method.toLowerCase())) return
+            if (ctx.request.method === 'DIALOG') return
 
             let javascriptContent = this.__extractJavascriptContent(ctx.request.action);
             if (javascriptContent != null) {

test/lib/fetch-mock.js

@@ -85,7 +85,7 @@ class FetchMock {
     // Mock a response for a specific URL pattern
     mockResponse(method, urlPattern, response, options = {}) {
         let upperCasedMethod = method.toUpperCase();
-        if (['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].indexOf(upperCasedMethod) < 0) {
+        if (['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'QUERY'].indexOf(upperCasedMethod) < 0) {
             throw Error("Invalid HTTP method: " + method)
         }
         if (typeof response === 'string') {

test/tests/attributes/hx-action.js

@@ -53,4 +53,13 @@ describe('hx-action attribute', function() {
         playground().innerHTML.should.equal('Put!')
     })
 
+    it('hx-action with hx-method QUERY issues a QUERY request', async function() {
+        mockResponse('QUERY', '/test', 'Queried!')
+        let btn = createProcessedHTML('<button hx-action="/test" hx-method="QUERY">Click Me!</button>')
+        btn.click()
+        await forRequest()
+        fetchMock.calls[0].request.method.should.equal('QUERY')
+        btn.innerHTML.should.equal('Queried!')
+    })
+
 })

test/tests/unit/__handleTriggerEvent.js

@@ -107,14 +107,6 @@ describe('__handleTriggerEvent unit tests', function() {
         assert.isUndefined(window.testExecuted)
     })
 
-    it('returns early if method not in verbs list', async function () {
-        let div = createProcessedHTML('<div hx-get="js:window.testExecuted = true"></div>')
-        let ctx = htmx.__createRequestContext(div, new Event('click'))
-        ctx.request.method = 'INVALID'
-        await htmx.__handleTriggerEvent(ctx)
-        assert.isUndefined(window.testExecuted)
-    })
-
     it('executes javascript when action starts with js:', async function () {
         let div = createProcessedHTML('<div hx-get="js:window.testExecuted = true"></div>')
         let ctx = htmx.__createRequestContext(div, new Event('click'))