unpoly-rails 0.57.0 → 0.60.0

data/spec_app/spec/javascripts/up/popup_spec.js.coffee

@@ -1,3 +1,7 @@
+u = up.util
+e = up.element
+$ = jQuery
+
 describe 'up.popup', ->
 
   u = up.util
@@ -13,16 +17,16 @@ describe 'up.popup', ->
               popupDims = $popup.get(0).getBoundingClientRect()
               linkDims = $link.get(0).getBoundingClientRect()
               pass:
-                Math.abs(popupDims.right - linkDims.right) < 1.0 && Math.abs(popupDims.top - linkDims.bottom) < 1.0
+                Math.abs(popupDims.left - linkDims.left) < 1.0 && Math.abs(popupDims.top - linkDims.bottom) < 1.0
 
       beforeEach ->
-        @restoreBodyHeight = u.writeTemporaryStyle('body', minHeight: '3000px')
+        @restoreBodyHeight = e.setTemporaryStyle(document.body, minHeight: '3000px')
 
       afterEach ->
         @restoreBodyHeight()
 
       it "loads this link's destination in a popup positioned under the given link", asyncSpec (next) ->
-        $container = affix('.container')
+        $container = $fixture('.container')
         $container.css
           position: 'absolute'
           left: '100px'
@@ -42,15 +46,14 @@ describe 'up.popup', ->
 
         next =>
           $popup = $('.up-popup')
-          expect($popup).toExist()
+          expect($popup).toBeAttached()
           expect($popup.find('.middle')).toHaveText('new-middle')
-          expect($popup.find('.before')).not.toExist()
-          expect($popup.find('.after')).not.toExist()
-          expect($popup.css('position')).toEqual('absolute')
+          expect($popup.find('.before')).not.toBeAttached()
+          expect($popup.find('.after')).not.toBeAttached()
           expect($popup).toSitBelow($link)
 
       it 'always makes a request for the given selector, and does not "improve" the selector with a fallback', asyncSpec (next) ->
-        $container = affix('.container')
+        $container = $fixture('.container')
         $link = $container.affix('a[href="/path/to"][up-popup=".content"]').text('link')
         up.popup.attach($link)
         next =>
@@ -58,28 +61,8 @@ describe 'up.popup', ->
           headers = @lastRequest().requestHeaders
           expect(headers['X-Up-Target']).toEqual('.content')
 
-      it 'gives the popup { position: "fixed" } if the given link is fixed', asyncSpec (next) ->
-        # Let's test the harder case where the document is scrolled
-        up.layout.scroll(document, 50)
-        $container = affix('.container')
-        $container.css
-          position: 'fixed'
-          left: '100px'
-          top: '50px'
-        $link = $container.affix('a[href="/path/to"][up-popup=".content"]').text('link')
-
-        up.popup.attach($link)
-
-        next =>
-          @respondWith('<div class="content">popup-content</div>')
-
-        next =>
-          $popup = $('.up-popup')
-          expect($popup.css('position')).toEqual('fixed')
-          expect($popup).toSitBelow($link)
-
       it 'never resolves the open() promise and shows no error if close() was called before the response was received', asyncSpec (next) ->
-        $span = affix('span')
+        $span = $fixture('span')
         openPromise = up.popup.attach($span, url: '/foo', target: '.container')
 
         next =>
@@ -90,21 +73,21 @@ describe 'up.popup', ->
           expect(respond).not.toThrowError()
 
         next.await =>
-          expect($('.up-toast')).not.toExist()
+          expect($('.up-toast')).not.toBeAttached()
           promise = promiseState(openPromise)
           promise.then (result) => expect(result.state).toEqual('pending')
 
       describe 'with { html } option', ->
 
         it 'extracts the selector from the given HTML string', asyncSpec (next) ->
-          $span = affix('span')
+          $span = $fixture('span')
           next.await up.popup.attach($span, target: '.container', html: "<div class='container'>container contents</div>")
           next => expect($('.up-popup')).toHaveText('container contents')
 
       describe 'opening a popup while another modal is open', ->
 
         it 'closes the current popup and wait for its close animation to finish before starting the open animation of a second popup', asyncSpec (next) ->
-          $span = affix('span')
+          $span = $fixture('span')
           up.popup.config.openAnimation = 'fade-in'
           up.popup.config.openDuration = 5
           up.popup.config.closeAnimation = 'fade-out'
@@ -148,7 +131,7 @@ describe 'up.popup', ->
           up.history.replace('/foo')
           expect(up.popup.coveredUrl()).toBeMissing()
 
-          $popupLink = affix('a[href="/bar"][up-popup=".container"][up-history="true"]')
+          $popupLink = $fixture('a[href="/bar"][up-popup=".container"][up-history="true"]')
           Trigger.clickSequence($popupLink)
 
           next =>
@@ -174,14 +157,14 @@ describe 'up.popup', ->
 
       beforeEach ->
         @stubAttach = =>
-          @$link = affix('a[href="/path"][up-popup=".target"]')
+          @$link = $fixture('a[href="/path"][up-popup=".target"]')
           @attachSpy = up.popup.knife.mock('attachAsap').and.returnValue(Promise.resolve())
           @defaultSpy = spyOn(up.link, 'allowDefault').and.callFake((event) -> event.preventDefault())
 
       it 'opens the clicked link in a popup', asyncSpec (next) ->
         @stubAttach()
         Trigger.click(@$link)
-        next => expect(@attachSpy).toHaveBeenCalledWith(@$link, {})
+        next => expect(@attachSpy).toHaveBeenCalledWith(@$link[0], {})
 
       # IE does not call JavaScript and always performs the default action on right clicks
       unless AgentDetector.isIE() || AgentDetector.isEdge()
@@ -209,8 +192,8 @@ describe 'up.popup', ->
         up.popup.config.openDuration = 0
         up.popup.config.closeDuration = 0
 
-        $link1 = affix('a[href="/path1"][up-popup=".target"]')
-        $link2 = affix('a[href="/path2"][up-popup=".target"]')
+        $link1 = $fixture('a[href="/path1"][up-popup=".target"]')
+        $link2 = $fixture('a[href="/path2"][up-popup=".target"]')
 
         events = []
         u.each ['up:popup:open', 'up:popup:opened', 'up:popup:close', 'up:popup:closed'], (event) ->
@@ -242,7 +225,7 @@ describe 'up.popup', ->
 
         it 'opens the modal on mousedown (instead of on click)', asyncSpec (next) ->
           Trigger.mousedown(@$link)
-          next => expect(@attachSpy.calls.mostRecent().args[0]).toEqual(@$link)
+          next => expect(@attachSpy.calls.mostRecent().args[0]).toEqual(@$link[0])
 
         it 'does nothing on mouseup', asyncSpec (next) ->
           Trigger.mouseup(@$link)
@@ -273,7 +256,7 @@ describe 'up.popup', ->
       describe 'with [up-method] modifier', ->
 
         it 'honours the given method', asyncSpec (next) ->
-          $link = affix('a[href="/path"][up-popup=".target"][up-method="post"]')
+          $link = $fixture('a[href="/path"][up-popup=".target"][up-method="post"]')
           Trigger.click($link)
 
           next =>
@@ -291,11 +274,11 @@ describe 'up.popup', ->
       describe 'when clicked inside a popup', ->
 
         it 'closes the open popup and halts the event chain', asyncSpec (next) ->
-          $opener = affix('a')
+          $opener = $fixture('a')
           up.popup.attach($opener, html: '<div class="target">text</div>', target: '.target')
 
           next =>
-            $popup = affix('.up-popup')
+            $popup = $fixture('.up-popup')
             $closer = $popup.affix('a[up-close]') # link is within the popup
             up.hello($closer)
             Trigger.clickSequence($closer)
@@ -328,7 +311,7 @@ describe 'up.popup', ->
       describe 'when no popup is open', ->
 
         it 'does nothing and allows the event chain to continue', asyncSpec (next) ->
-          $link = affix('a[up-close]') # link is outside the popup
+          $link = $fixture('a[up-close]') # link is outside the popup
           up.hello($link)
           Trigger.clickSequence($link)
 
@@ -342,21 +325,21 @@ describe 'up.popup', ->
         up.motion.config.enabled = false
 
       it 'prefers to replace a selector within the popup', asyncSpec (next) ->
-        $outside = affix('.foo').text('old outside')
-        $link = affix('.link')
+        $outside = $fixture('.foo').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.foo', html: "<div class='foo'>old inside</div>")
 
         next =>
           up.extract('.foo', "<div class='foo'>new text</div>")
 
         next =>
-          expect($outside).toBeInDOM()
+          expect($outside).toBeAttached()
           expect($outside).toHaveText('old outside')
           expect($('.up-popup')).toHaveText('new text')
 
       it 'auto-closes the popup when a replacement from inside the popup affects a selector behind the popup', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.inside', html: "<div class='inside'>old inside</div>")
 
         next =>
@@ -364,7 +347,7 @@ describe 'up.popup', ->
 
         next =>
           expect($('.outside')).toHaveText('new outside')
-          expect($('.up-popup')).not.toExist()
+          expect($('.up-popup')).not.toBeAttached()
 
       it 'does not restore the covered URL when auto-closing (since it would override the URL from the triggering update)', asyncSpec (next) ->
         up.history.config.enabled = true
@@ -373,8 +356,8 @@ describe 'up.popup', ->
         up.popup.config.closeDuration = 20
         up.popup.config.history = true
 
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, url: '/path', target: '.inside')
 
         next =>
@@ -388,8 +371,8 @@ describe 'up.popup', ->
           expect(location.href).toMatchUrl '/new-location'
 
       it 'does not auto-close the popup when a replacement from inside the popup affects a selector inside the popup', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, html: "<div class='inside'>old inside</div>", target: '.inside')
 
         next =>
@@ -397,11 +380,11 @@ describe 'up.popup', ->
 
         next =>
           expect($('.inside')).toHaveText('new inside')
-          expect($('.up-popup')).toExist()
+          expect($('.up-popup')).toBeAttached()
 
       it 'does not auto-close the popup when a replacement from outside the popup affects a selector outside the popup', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.inside', html: "<div class='inside'>old inside</div>")
 
         next =>
@@ -409,11 +392,11 @@ describe 'up.popup', ->
 
         next =>
           expect($('.outside')).toHaveText('new outside')
-          expect($('.up-popup')).toExist()
+          expect($('.up-popup')).toBeAttached()
 
       it 'does not auto-close the popup when a replacement from outside the popup affects a selector inside the popup', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.inside', html: "<div class='inside'>old inside</div>")
 
         next =>
@@ -421,7 +404,7 @@ describe 'up.popup', ->
 
         next =>
           expect($('.inside')).toHaveText('new inside')
-          expect($('.up-popup')).toExist()
+          expect($('.up-popup')).toBeAttached()
 
     describe 'when clicking on the body', ->
 
@@ -429,8 +412,8 @@ describe 'up.popup', ->
         up.motion.config.enabled = false
 
       it 'closes the popup', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>
@@ -441,9 +424,9 @@ describe 'up.popup', ->
           expect(up.popup.isOpen()).toBe(false)
 
       it 'closes the popup when a an [up-instant] link removes its parent (and thus a click event never bubbles up to the document)', asyncSpec (next) ->
-        $parent = affix('.parent')
+        $parent = $fixture('.parent')
         $parentReplacingLink = $parent.affix('a[href="/foo"][up-target=".parent"][up-instant]')
-        $popupOpener = affix('.link')
+        $popupOpener = $fixture('.link')
         up.popup.attach($popupOpener, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>
@@ -454,9 +437,9 @@ describe 'up.popup', ->
           expect(up.popup.isOpen()).toBe(false)
 
       it 'closes the popup when the user clicks on an [up-target] link outside the popup', asyncSpec (next) ->
-        $target = affix('.target')
-        $outsideLink = affix('a[href="/foo"][up-target=".target"]')
-        $popupOpener = affix('.link')
+        $target = $fixture('.target')
+        $outsideLink = $fixture('a[href="/foo"][up-target=".target"]')
+        $popupOpener = $fixture('.link')
         up.popup.attach($popupOpener, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>
@@ -467,9 +450,9 @@ describe 'up.popup', ->
           expect(up.popup.isOpen()).toBe(false)
 
       it 'closes the popup when the user clicks on an [up-instant] link outside the popup', asyncSpec (next) ->
-        $target = affix('.target')
-        $outsideLink = affix('a[href="/foo"][up-target=".target"][up-instant]')
-        $popupOpener = affix('.link')
+        $target = $fixture('.target')
+        $outsideLink = $fixture('a[href="/foo"][up-target=".target"][up-instant]')
+        $popupOpener = $fixture('.link')
         up.popup.attach($popupOpener, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>
@@ -480,8 +463,8 @@ describe 'up.popup', ->
           expect(up.popup.isOpen()).toBe(false)
 
       it 'does not close the popup if #preventDefault() is called on up:popup:close event', asyncSpec (next) ->
-        affix('.outside').text('old outside')
-        $link = affix('.link')
+        $fixture('.outside').text('old outside')
+        $link = $fixture('.link')
         up.popup.attach($link, target: '.inside', html: "<div class='inside'>inside</div>")
 
         up.on 'up:popup:close', (e) -> e.preventDefault()
@@ -498,9 +481,9 @@ describe 'up.popup', ->
           expect(window).not.toHaveUnhandledRejections()
 
       it 'does not close the popup if a link outside the popup is followed with the up.follow function (bugfix)', asyncSpec (next) ->
-        $target = affix('.target')
-        $outsideLink = affix('a[href="/foo"][up-target=".target"]')
-        $popupOpener = affix('.link')
+        $target = $fixture('.target')
+        $outsideLink = $fixture('a[href="/foo"][up-target=".target"]')
+        $popupOpener = $fixture('.link')
         up.popup.attach($popupOpener, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>
@@ -511,9 +494,9 @@ describe 'up.popup', ->
           expect(up.popup.isOpen()).toBe(true)
 
       it 'does not close the popup if a form outside the popup is followed with the up.submit function (bugfix)', asyncSpec (next) ->
-        $target = affix('.target')
-        $outsideForm = affix('form[action="/foo"][up-target=".target"]')
-        $popupOpener = affix('.link')
+        $target = $fixture('.target')
+        $outsideForm = $fixture('form[action="/foo"][up-target=".target"]')
+        $popupOpener = $fixture('.link')
         up.popup.attach($popupOpener, target: '.inside', html: "<div class='inside'>inside</div>")
 
         next =>

data/spec_app/spec/javascripts/up/protocol_spec.js.coffee

@@ -1,4 +1,5 @@
 u = up.util
+$ = jQuery
 
 describe 'up.protocol', ->
 

data/spec_app/spec/javascripts/up/proxy_spec.js.coffee

@@ -1,6 +1,7 @@
-describe 'up.proxy', ->
+u = up.util
+$ = jQuery
 
-  u = up.util
+describe 'up.proxy', ->
 
   describe 'JavaScript functions', ->
 
@@ -45,7 +46,7 @@ describe 'up.proxy', ->
           target: '.target'
         )
 
-        u.nextFrame =>
+        u.task =>
           @respondWith(
             status: 201,
             responseText: 'response-text'
@@ -53,7 +54,7 @@ describe 'up.proxy', ->
 
           promise.then (response) ->
             expect(response.request.url).toMatchUrl('/url')
-            expect(response.request.params).toEqual(key: 'value')
+            expect(response.request.params).toEqual(new up.Params(key: 'value'))
             expect(response.request.method).toEqual('POST')
             expect(response.request.target).toEqual('.target')
             expect(response.request.hash).toBeBlank()
@@ -69,7 +70,7 @@ describe 'up.proxy', ->
       it 'resolves to a Response that contains the response headers', (done) ->
         promise = up.request(url: '/url')
 
-        u.nextFrame =>
+        u.task =>
           @respondWith
             responseHeaders: { 'foo': 'bar', 'baz': 'bam' }
             responseText: 'hello'
@@ -85,7 +86,7 @@ describe 'up.proxy', ->
       it "preserves the URL hash in a separate { hash } property, since although it isn't sent to server, code might need it to process the response", (done) ->
         promise = up.request('/url#hash')
 
-        u.nextFrame =>
+        u.task =>
           request = @lastRequest()
           expect(request.url).toMatchUrl('/url')
 
@@ -107,7 +108,7 @@ describe 'up.proxy', ->
             target: '.target'
           )
 
-          u.nextFrame =>
+          u.task =>
             @respondWith(
               responseHeaders:
                 'X-Up-Location': '/redirect'
@@ -126,7 +127,7 @@ describe 'up.proxy', ->
         it 'sets the { url } property on the response object', (done) ->
           promise = up.request('/request-url#request-hash')
 
-          u.nextFrame =>
+          u.task =>
             @respondWith
               responseHeaders:
                 'X-Up-Location': '/response-url'
@@ -189,23 +190,25 @@ describe 'up.proxy', ->
             # See that an additional request was made
             expect(jasmine.Ajax.requests.count()).toEqual(2)
 
-        it "does not explode if the original request's { params } is a FormData object", asyncSpec (next) ->
-          up.request('/foo', method: 'post', params: new FormData()) # POST requests are not cached
+        describeCapability 'canInspectFormData', ->
 
-          next =>
-            expect(jasmine.Ajax.requests.count()).toEqual(1)
-            @respondWith
-              responseHeaders:
-                'X-Up-Location': '/bar'
-                'X-Up-Method': 'GET'
+          it "does not explode if the original request's { params } is a FormData object", asyncSpec (next) ->
+            up.request('/foo', method: 'post', params: new FormData()) # POST requests are not cached
 
-          next =>
-            @secondAjaxPromise = up.request('/bar')
+            next =>
+              expect(jasmine.Ajax.requests.count()).toEqual(1)
+              @respondWith
+                responseHeaders:
+                  'X-Up-Location': '/bar'
+                  'X-Up-Method': 'GET'
+
+            next =>
+              @secondAjaxPromise = up.request('/bar')
 
-          next.await =>
-            promiseState(@secondAjaxPromise).then (result) ->
-              # See that the promise was not rejected due to an internal error.
-              expect(result.state).toEqual('pending')
+            next.await =>
+              promiseState(@secondAjaxPromise).then (result) ->
+                # See that the promise was not rejected due to an internal error.
+                expect(result.state).toEqual('pending')
 
 
       describe 'when the XHR object has a { responseURL } property', ->
@@ -213,7 +216,7 @@ describe 'up.proxy', ->
         it 'sets the { url } property on the response object', (done) ->
           promise = up.request('/request-url#request-hash')
 
-          u.nextFrame =>
+          u.task =>
             @respondWith
               responseURL: '/response-url'
 
@@ -325,7 +328,7 @@ describe 'up.proxy', ->
           givenParams = { 'foo-key': 'foo-value', 'bar-key': 'bar-value' }
           promise = up.request(url: '/path', method: 'get', params: givenParams)
 
-          u.nextFrame =>
+          u.task =>
             expect(@lastRequest().url).toMatchUrl('/path?foo-key=foo-value&bar-key=bar-value')
             expect(@lastRequest().data()).toBeBlank()
 
@@ -333,7 +336,7 @@ describe 'up.proxy', ->
 
             promise.then (response) ->
               # See that the response object has been updated by moving the data options
-              # to the URL. This is important for up.dom code that works on response.request.
+              # to the URL. This is important for up.fragment code that works on response.request.
               expect(response.request.url).toMatchUrl('/path?foo-key=foo-value&bar-key=bar-value')
               expect(response.request.params).toBeBlank()
               done()
@@ -554,7 +557,7 @@ describe 'up.proxy', ->
 
           promise = up.request('/bar')
 
-          u.nextFrame ->
+          u.task ->
             expect(listener).toHaveBeenCalled()
             expect(jasmine.Ajax.requests.count()).toEqual(0)
 
@@ -576,7 +579,7 @@ describe 'up.proxy', ->
           promise1 = up.request('/path1')
           promise2 = up.request('/path2')
 
-          u.nextFrame =>
+          u.task =>
             expect(listener.calls.count()).toBe(2)
             expect(jasmine.Ajax.requests.count()).toEqual(1)
             expect(@lastRequest().url).toMatchUrl('/path2')
@@ -590,7 +593,7 @@ describe 'up.proxy', ->
 
           up.request('/path1')
 
-          u.nextFrame =>
+          u.task =>
             expect(@lastRequest().requestHeaders['X-From-Listener']).toEqual('foo')
             done()
 
@@ -757,7 +760,7 @@ describe 'up.proxy', ->
       it 'fulfills to the response text in order to match the $.ajax() API as good as possible', (done) ->
         promise = up.ajax('/url')
 
-        u.setTimer 100, =>
+        u.timer 100, =>
           @respondWith('response-text')
 
           promise.then (text) ->
@@ -773,8 +776,8 @@ describe 'up.proxy', ->
           @requestTarget = => @lastRequest().requestHeaders['X-Up-Target']
 
         it "loads and caches the given link's destination", asyncSpec (next) ->
-          affix('.target')
-          $link = affix('a[href="/path"][up-target=".target"]')
+          $fixture('.target')
+          $link = $fixture('a[href="/path"][up-target=".target"]')
 
           up.proxy.preload($link)
 
@@ -783,8 +786,8 @@ describe 'up.proxy', ->
             expect(u.isPromise(cachedPromise)).toBe(true)
 
         it "does not load a link whose method has side-effects", (done) ->
-          affix('.target')
-          $link = affix('a[href="/path"][up-target=".target"][data-method="post"]')
+          $fixture('.target')
+          $link = $fixture('a[href="/path"][up-target=".target"][data-method="post"]')
           preloadPromise = up.proxy.preload($link)
 
           promiseState(preloadPromise).then (result) ->
@@ -793,8 +796,8 @@ describe 'up.proxy', ->
             done()
 
         it 'accepts options', asyncSpec (next) ->
-          affix('.target')
-          $link = affix('a[href="/path"][up-target=".target"]')
+          $fixture('.target')
+          $link = $fixture('a[href="/path"][up-target=".target"]')
           up.proxy.preload($link, url: '/options-path')
 
           next =>
@@ -804,13 +807,13 @@ describe 'up.proxy', ->
         describe 'for an [up-target] link', ->
 
           it 'includes the [up-target] selector as an X-Up-Target header if the targeted element is currently on the page', asyncSpec (next) ->
-            affix('.target')
-            $link = affix('a[href="/path"][up-target=".target"]')
+            $fixture('.target')
+            $link = $fixture('a[href="/path"][up-target=".target"]')
             up.proxy.preload($link)
             next => expect(@requestTarget()).toEqual('.target')
 
           it 'replaces the [up-target] selector as with a fallback and uses that as an X-Up-Target header if the targeted element is not currently on the page', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-target=".target"]')
+            $link = $fixture('a[href="/path"][up-target=".target"]')
             up.proxy.preload($link)
             # The default fallback would usually be `body`, but in Jasmine specs we change
             # it to protect the test runner during failures.
@@ -819,7 +822,7 @@ describe 'up.proxy', ->
           it 'calls up.request() with a { preload: true } option so it bypasses the concurrency limit', asyncSpec (next) ->
             requestSpy = spyOn(up, 'request')
 
-            $link = affix('a[href="/path"][up-target=".target"]')
+            $link = $fixture('a[href="/path"][up-target=".target"]')
             up.proxy.preload($link)
 
             next =>
@@ -831,18 +834,18 @@ describe 'up.proxy', ->
             up.motion.config.enabled = false
 
           it 'includes the [up-modal] selector as an X-Up-Target header and does not replace it with a fallback, since the modal frame always exists', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             up.proxy.preload($link)
             next => expect(@requestTarget()).toEqual('.target')
 
           it 'does not create a modal frame', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             up.proxy.preload($link)
             next =>
-              expect('.up-modal').not.toExist()
+              expect('.up-modal').not.toBeAttached()
 
           it 'does not emit an up:modal:open event', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             openListener = jasmine.createSpy('listener')
             up.on('up:modal:open', openListener)
             up.proxy.preload($link)
@@ -850,43 +853,43 @@ describe 'up.proxy', ->
               expect(openListener).not.toHaveBeenCalled()
 
           it 'does not close a currently open modal', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             closeListener = jasmine.createSpy('listener')
             up.on('up:modal:close', closeListener)
 
             up.modal.extract('.content', '<div class="content">Modal content</div>')
 
             next =>
-              expect('.up-modal .content').toBeInDOM()
+              expect('.up-modal .content').toBeAttached()
 
             next =>
               up.proxy.preload($link)
 
             next =>
-              expect('.up-modal .content').toBeInDOM()
+              expect('.up-modal .content').toBeAttached()
               expect(closeListener).not.toHaveBeenCalled()
 
             next =>
               up.modal.close()
 
             next =>
-              expect('.up-modal .content').not.toBeInDOM()
+              expect('.up-modal .content').not.toBeAttached()
               expect(closeListener).toHaveBeenCalled()
 
           it 'does not prevent the opening of other modals while the request is still pending', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             up.proxy.preload($link)
 
             next =>
               up.modal.extract('.content', '<div class="content">Modal content</div>')
 
             next =>
-              expect('.up-modal .content').toBeInDOM()
+              expect('.up-modal .content').toBeAttached()
 
           it 'calls up.request() with a { preload: true } option so it bypasses the concurrency limit', asyncSpec (next) ->
             requestSpy = spyOn(up, 'request')
 
-            $link = affix('a[href="/path"][up-modal=".target"]')
+            $link = $fixture('a[href="/path"][up-modal=".target"]')
             up.proxy.preload($link)
 
             next =>
@@ -898,19 +901,19 @@ describe 'up.proxy', ->
             up.motion.config.enabled = false
           
           it 'includes the [up-popup] selector as an X-Up-Target header and does not replace it with a fallback, since the popup frame always exists', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             up.proxy.preload($link)
             next => expect(@requestTarget()).toEqual('.target')
 
 
           it 'does not create a popup frame', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             up.proxy.preload($link)
             next =>
-              expect('.up-popup').not.toExist()
+              expect('.up-popup').not.toBeAttached()
 
           it 'does not emit an up:popup:open event', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             openListener = jasmine.createSpy('listener')
             up.on('up:popup:open', openListener)
             up.proxy.preload($link)
@@ -918,45 +921,45 @@ describe 'up.proxy', ->
               expect(openListener).not.toHaveBeenCalled()
 
           it 'does not close a currently open popup', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             closeListener = jasmine.createSpy('listener')
             up.on('up:popup:close', closeListener)
 
-            $existingAnchor = affix('.existing-anchor')
+            $existingAnchor = $fixture('.existing-anchor')
             up.popup.attach($existingAnchor, target: '.content', html: '<div class="content">popup content</div>')
 
             next =>
-              expect('.up-popup .content').toBeInDOM()
+              expect('.up-popup .content').toBeAttached()
 
             next =>
               up.proxy.preload($link)
 
             next =>
-              expect('.up-popup .content').toBeInDOM()
+              expect('.up-popup .content').toBeAttached()
               expect(closeListener).not.toHaveBeenCalled()
 
             next =>
               up.popup.close()
 
             next =>
-              expect('.up-popup .content').not.toBeInDOM()
+              expect('.up-popup .content').not.toBeAttached()
               expect(closeListener).toHaveBeenCalled()
 
           it 'does not prevent the opening of other popups while the request is still pending', asyncSpec (next) ->
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             up.proxy.preload($link)
 
             next =>
-              $anchor = affix('.existing-anchor')
+              $anchor = $fixture('.existing-anchor')
               up.popup.attach($anchor, target: '.content', html: '<div class="content">popup content</div>')
 
             next =>
-              expect('.up-popup .content').toBeInDOM()
+              expect('.up-popup .content').toBeAttached()
 
           it 'calls up.request() with a { preload: true } option so it bypasses the concurrency limit', asyncSpec (next) ->
             requestSpy = spyOn(up, 'request')
 
-            $link = affix('a[href="/path"][up-popup=".target"]')
+            $link = $fixture('a[href="/path"][up-popup=".target"]')
             up.proxy.preload($link)
 
             next =>
@@ -965,8 +968,8 @@ describe 'up.proxy', ->
       describeFallback 'canPushState', ->
 
         it "does nothing", asyncSpec (next) ->
-          affix('.target')
-          $link = affix('a[href="/path"][up-target=".target"]')
+          $fixture('.target')
+          $link = $fixture('a[href="/path"][up-target=".target"]')
           up.proxy.preload($link)
           next =>
             expect(jasmine.Ajax.requests.count()).toBe(0)
@@ -982,9 +985,11 @@ describe 'up.proxy', ->
         promise = up.proxy.get(url: '/foo', params: { key: 'value' })
         expect(promise).toBeUndefined()
 
-      it "returns undefined if the given request's { params } is a FormData object", ->
-        promise = up.proxy.get(url: '/foo', params: new FormData())
-        expect(promise).toBeUndefined()
+      describeCapability 'canInspectFormData', ->
+
+        it "returns undefined if the given request's { params } is a FormData object", ->
+          promise = up.proxy.get(url: '/foo', params: new FormData())
+          expect(promise).toBeUndefined()
 
     describe 'up.proxy.set', ->
 
@@ -1000,9 +1005,11 @@ describe 'up.proxy', ->
 
       it 'does nothing if the given request is not cached'
 
-      it 'does not crash when passed a request with FormData (bugfix)', ->
-        removal = -> up.proxy.remove(url: '/path', params: new FormData())
-        expect(removal).not.toThrowError()
+      describeCapability 'canInspectFormData', ->
+
+        it 'does not crash when passed a request with FormData (bugfix)', ->
+          removal = -> up.proxy.remove(url: '/path', params: new FormData())
+          expect(removal).not.toThrowError()
 
     describe 'up.proxy.clear', ->
 
@@ -1015,9 +1022,9 @@ describe 'up.proxy', ->
       it 'preloads the link destination when hovering, after a delay', asyncSpec (next) ->
         up.proxy.config.preloadDelay = 100
 
-        affix('.target').text('old text')
+        $fixture('.target').text('old text')
 
-        $link = affix('a[href="/foo"][up-target=".target"][up-preload]')
+        $link = $fixture('a[href="/foo"][up-target=".target"][up-preload]')
         up.hello($link)
 
         Trigger.hoverSequence($link)
@@ -1054,9 +1061,9 @@ describe 'up.proxy', ->
       it 'does not send a request if the user stops hovering before the delay is over', asyncSpec (next) ->
         up.proxy.config.preloadDelay = 100
 
-        affix('.target').text('old text')
+        $fixture('.target').text('old text')
 
-        $link = affix('a[href="/foo"][up-target=".target"][up-preload]')
+        $link = $fixture('a[href="/foo"][up-target=".target"][up-preload]')
         up.hello($link)
 
         Trigger.hoverSequence($link)
@@ -1073,9 +1080,9 @@ describe 'up.proxy', ->
       it 'does not cache a failed response', asyncSpec (next) ->
         up.proxy.config.preloadDelay = 0
 
-        affix('.target').text('old text')
+        $fixture('.target').text('old text')
 
-        $link = affix('a[href="/foo"][up-target=".target"][up-preload]')
+        $link = $fixture('a[href="/foo"][up-target=".target"][up-preload]')
         up.hello($link)
 
         Trigger.hoverSequence($link)
@@ -1109,7 +1116,7 @@ describe 'up.proxy', ->
         up.proxy.config.cacheExpiry = 100
         up.proxy.config.preloadDelay = 0
 
-        $element = affix('a[href="/foo"][up-preload]')
+        $element = $fixture('a[href="/foo"][up-preload]')
         up.hello($element)
 
         Trigger.hoverSequence($element)