Fix indenting and add tests

Author: MichaelWest22

test/attributes/hx-swap.js

@@ -318,10 +318,11 @@ describe('hx-swap attribute', function() {
     )
     div.click()
     this.server.respond()
+    div.innerText.should.equal('')
     setTimeout(function() {
       div.innerText.should.equal('Clicked!')
       done()
-    }, 100)
+    }, 30)
   })
 
   it('works with a settle delay', function(done) {
@@ -538,8 +539,9 @@ describe('hx-swap attribute', function() {
 
   it('swapError fires if swap throws exception', function() {
     try {
-      htmx._('htmx.backupSwap = swap')
-      htmx._('swap = function() { throw new Error("throw") }')
+      // override makeSettleInfo to cause swap function to throw exception
+      htmx._('htmx.backupMakeSettleInfo = makeSettleInfo')
+      htmx._('makeSettleInfo = function() { throw new Error("throw") }')
       var error = false
       var handler = htmx.on('htmx:swapError', function(evt) {
         error = true
@@ -554,7 +556,7 @@ describe('hx-swap attribute', function() {
       div.innerHTML.should.equal('')
       error.should.equal(true)
       htmx.off('htmx:swapError', handler)
-      htmx._('swap = htmx.backupSwap')
+      htmx._('makeSettleInfo = htmx.backupMakeSettleInfo')
     }
   })
 })

test/core/api.js

@@ -494,6 +494,17 @@ describe('Core htmx API test', function() {
     }, 30)
   })
 
+  it('swap works with a view transition', function(done) {
+    var div = make("<div hx-get='/test'></div>")
+    div.innerText.should.equal('')
+    htmx.swap(div, 'jsswapped', { transition: true })
+    div.innerText.should.equal('')
+    setTimeout(function() {
+      div.innerText.should.equal('jsswapped')
+      done()
+    }, 30)
+  })
+
   it('swaps content properly (with select)', function() {
     var output = make('<output id="output"/>')
     htmx.swap('#output', '<div><p id="select-me">Swapped!</p></div>', { swapStyle: 'innerHTML' }, { select: '#select-me' })