oob swaps need to set swappingClass for when they use css transitions now

Author: MichaelWest22

src/htmx.js

@@ -1886,6 +1886,10 @@ var htmx = (function() {
     if (!swapOptions) {
       swapOptions = {}
     }
+
+    target = resolveTarget(target)
+    target.classList.add(htmx.config.swappingClass)
+
     // optional transition API promise callbacks
     let settleResolve = null
     let settleReject = null
@@ -1895,7 +1899,6 @@ var htmx = (function() {
     let doSwap = function() {
       maybeCall(swapOptions.beforeSwapCallback)
 
-      target = resolveTarget(target)
       const rootNode = swapOptions.contextElement ? getRootNode(swapOptions.contextElement, false) : getDocument()
 
       // preserve focus and selection
@@ -4933,8 +4936,6 @@ var htmx = (function() {
         swapSpec.ignoreTitle = ignoreTitle
       }
 
-      target.classList.add(htmx.config.swappingClass)
-
       if (responseInfoSelect) {
         selectOverride = responseInfoSelect
       }

test/attributes/hx-swap-oob.js

@@ -435,7 +435,7 @@ describe('hx-swap-oob attribute', function() {
     make('<table id="table"><tbody></tbody></table>')
     div.click()
     this.server.respond()
-    byId('table').innerHTML.should.equal('<tbody><tr><td>Swapped15</td></tr></tbody>')
+    byId('table').innerHTML.should.equal('<tbody class=""><tr><td>Swapped15</td></tr></tbody>')
   })
 
   it('works with a swap delay', function(done) {