Re-enable the submitter when a request is aborted

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imacrayon/alpine-ajax",
   "description": "An Alpine.js plugin for building server-powered frontends.",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "license": "MIT",
   "author": "Christian Taylor",
   "homepage": "https://alpine-ajax.js.org",

src/index.js

@@ -282,10 +282,13 @@ async function withSubmitter(submitter, callback) {
   submitter.setAttribute('aria-disabled', 'true')
   submitter.addEventListener('click', disableEvent)
 
-  let result = await callback()
-
-  submitter.removeAttribute('aria-disabled')
-  submitter.removeEventListener('click', disableEvent)
+  let result
+  try {
+    result = await callback()
+  } finally {
+    submitter.removeAttribute('aria-disabled')
+    submitter.removeEventListener('click', disableEvent)
+  }
 
   return result
 }

tests/form.cy.js

@@ -295,3 +295,24 @@ test('performs a normal submit when a 500 status code is returned',
     })
   }
 )
+
+test('submitter is disabled while submitting',
+  html`<form x-init x-target id="replace" method="post"><button></button></form>`,
+  ({ intercept, get, wait }) => {
+    intercept('POST', (req) => {
+      req.continue((res) => {
+        get('button').should('have.attr', 'aria-disabled')
+      })
+    }).as('response')
+    get('button').click()
+  }
+)
+
+test('submitter is reset when request is aborted',
+  html`<form x-init x-target id="replace" method="post" @ajax:before="event.preventDefault()"><button></button></form>`,
+  ({ intercept, get, wait }) => {
+    get('button').click()
+    wait(300)
+    get('button').should('not.have.attr', 'aria-disabled')
+  }
+)