unpoly-rails 0.61.1 → 2.0.0.pre.rc4

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

@@ -1,2598 +0,0 @@
-u = up.util
-e = up.element
-$ = jQuery
-
-describe 'up.fragment', ->
-
-  describe 'JavaScript functions', ->
-
-    describe 'up.fragment.first', ->
-
-      it 'returns the first element with the given selector', ->
-        match = fixture('.match')
-        noMatch = fixture('.no-match')
-        result = up.fragment.first('.match')
-        expect(result).toBe(match)
-
-      it 'returns undefined if there are no matches', ->
-        result = up.fragment.first('.match')
-        expect(result).toBeUndefined()
-
-      it 'does not return an element that is currently destroying', ->
-        match = fixture('.match.up-destroying')
-        result = up.fragment.first('.match')
-        expect(result).toBeUndefined()
-
-      describe 'when given a root element for the search', ->
-
-        it 'only matches descendants of that root', ->
-          parent1 = fixture('.parent1')
-          parent1Match = e.affix(parent1, '.match')
-
-          parent2 = fixture('.parent1')
-          parent2Match = e.affix(parent2, '.match')
-
-          expect(up.fragment.first(parent1, '.match')).toBe(parent1Match)
-          expect(up.fragment.first(parent2, '.match')).toBe(parent2Match)
-
-      describe 'with { origin } option', ->
-
-        it 'resolves an & in the selector string with an selector for the origin'
-
-        it 'prefers to find an element in the same layer as the origin'
-
-        it "returns the element in the top-most layer if there are no matches in the origin's layer"
-
-      describe 'with { layer } option', ->
-
-        it 'only matches elements in that layer'
-
-    describe 'up.replace', ->
-
-      describeCapability 'canPushState', ->
-
-        beforeEach ->
-
-          @$oldBefore = $fixture('.before').text('old-before')
-          @$oldMiddle = $fixture('.middle').text('old-middle')
-          @$oldAfter = $fixture('.after').text('old-after')
-
-          @responseText =
-            """
-            <div class="before">new-before</div>
-            <div class="middle">new-middle</div>
-            <div class="after">new-after</div>
-            """
-
-          @respond = (options = {}) -> @respondWith(@responseText, options)
-
-        it 'replaces the given selector with the same selector from a freshly fetched page', asyncSpec (next) ->
-          up.replace('.middle', '/path')
-
-          next =>
-            @respond()
-
-          next.after 10, =>
-            expect($('.before')).toHaveText('old-before')
-            expect($('.middle')).toHaveText('new-middle')
-            expect($('.after')).toHaveText('old-after')
-
-        it 'returns a promise that will be fulfilled once the server response was received and the fragments were swapped', asyncSpec (next) ->
-          resolution = jasmine.createSpy()
-          promise = up.replace('.middle', '/path')
-          promise.then(resolution)
-          expect(resolution).not.toHaveBeenCalled()
-          expect($('.middle')).toHaveText('old-middle')
-
-          next =>
-            @respond()
-
-          next =>
-            expect(resolution).toHaveBeenCalled()
-            expect($('.middle')).toHaveText('new-middle')
-
-        it 'allows to pass an element instead of a selector', asyncSpec (next) ->
-          up.replace(@$oldMiddle, '/path')
-
-          next =>
-            @respond()
-
-          next =>
-            expect($('.before')).toHaveText('old-before')
-            expect($('.middle')).toHaveText('new-middle')
-            expect($('.after')).toHaveText('old-after')
-
-        describe 'with { transition } option', ->
-
-          it 'returns a promise that will be fulfilled once the server response was received and the swap transition has completed', asyncSpec (next) ->
-            resolution = jasmine.createSpy()
-            promise = up.replace('.middle', '/path', transition: 'cross-fade', duration: 200)
-            promise.then(resolution)
-            expect(resolution).not.toHaveBeenCalled()
-            expect($('.middle')).toHaveText('old-middle')
-
-            next =>
-              @respond()
-              expect(resolution).not.toHaveBeenCalled()
-
-            next.after 100, =>
-              expect(resolution).not.toHaveBeenCalled()
-
-            next.after 200, =>
-              expect(resolution).toHaveBeenCalled()
-
-        describe 'with { params } option', ->
-
-          it "uses the given params as a non-GET request's payload", asyncSpec (next) ->
-            givenParams = { 'foo-key': 'foo-value', 'bar-key': 'bar-value' }
-            up.replace('.middle', '/path', method: 'put', params: givenParams)
-
-            next =>
-              expect(@lastRequest().data()['foo-key']).toEqual(['foo-value'])
-              expect(@lastRequest().data()['bar-key']).toEqual(['bar-value'])
-
-          it "encodes the given params into the URL of a GET request", asyncSpec (next) ->
-            givenParams = { 'foo-key': 'foo-value', 'bar-key': 'bar-value' }
-            up.replace('.middle', '/path', method: 'get', params: givenParams)
-            next => expect(@lastRequest().url).toMatchUrl('/path?foo-key=foo-value&bar-key=bar-value')
-
-        it 'uses a HTTP method given as { method } option', asyncSpec (next) ->
-          up.replace('.middle', '/path', method: 'put')
-          next => expect(@lastRequest()).toHaveRequestMethod('PUT')
-
-        describe 'when the server responds with an error', ->
-
-          it 'replaces the first fallback instead of the given selector', asyncSpec (next) ->
-            up.fragment.config.fallbacks = ['.fallback']
-            $fixture('.fallback')
-
-            # can't have the example replace the Jasmine test runner UI
-            extractSpy = up.fragment.knife.mock('extract').and.returnValue(Promise.resolve())
-
-            next => up.replace('.middle', '/path')
-            next => @respond(status: 500)
-            next => expect(extractSpy).toHaveBeenCalledWith('.fallback', jasmine.any(String), jasmine.any(Object))
-
-          it 'uses a target selector given as { failTarget } option', asyncSpec (next) ->
-            next =>
-              up.replace('.middle', '/path', failTarget: '.after')
-
-            next =>
-              @respond(status: 500)
-
-            next =>
-              expect($('.middle')).toHaveText('old-middle')
-              expect($('.after')).toHaveText('new-after')
-
-          it 'rejects the returned promise', (done) ->
-            $fixture('.after')
-            promise = up.replace('.middle', '/path', failTarget: '.after')
-
-            u.task =>
-              promiseState(promise).then (result) =>
-                expect(result.state).toEqual('pending')
-
-                @respond(status: 500)
-
-                u.task =>
-                  promiseState(promise).then (result) =>
-                    expect(result.state).toEqual('rejected')
-                    done()
-
-        describe 'when the request times out', ->
-
-          it "doesn't crash and rejects the returned promise", asyncSpec (next) ->
-            jasmine.clock().install() # required by responseTimeout()
-            $fixture('.target')
-            promise = up.replace('.middle', '/path', timeout: 50)
-
-            next =>
-              # See that the correct timeout value has been set on the XHR instance
-              expect(@lastRequest().timeout).toEqual(50)
-
-            next.await =>
-              # See that the promise is still pending before the timeout
-              promiseState(promise).then (result) -> expect(result.state).toEqual('pending')
-
-            next =>
-              @lastRequest().responseTimeout()
-
-            next.await =>
-              promiseState(promise).then (result) -> expect(result.state).toEqual('rejected')
-
-        describe 'when there is a network issue', ->
-
-          it "doesn't crash and rejects the returned promise", (done) ->
-            $fixture('.target')
-            promise = up.replace('.middle', '/path')
-
-            u.task =>
-              promiseState(promise).then (result) =>
-                expect(result.state).toEqual('pending')
-                @lastRequest().responseError()
-                u.task =>
-                  promiseState(promise).then (result) =>
-                    expect(result.state).toEqual('rejected')
-                    done()
-
-        describe 'history', ->
-
-          beforeEach ->
-            up.history.config.enabled = true
-
-          it 'should set the browser location to the given URL', (done) ->
-            promise = up.replace('.middle', '/path')
-            @respond()
-            promise.then ->
-              expect(location.href).toMatchUrl('/path')
-              done()
-
-          it 'does not add a history entry after non-GET requests', asyncSpec (next) ->
-            up.replace('.middle', '/path', method: 'post')
-            next => @respond()
-            next => expect(location.href).toMatchUrl(@hrefBeforeExample)
-
-          it 'adds a history entry after non-GET requests if the response includes a { X-Up-Method: "get" } header (will happen after a redirect)', asyncSpec (next) ->
-            up.replace('.middle', '/requested-path', method: 'post')
-            next => @respond(responseHeaders:
-              'X-Up-Method': 'GET'
-              'X-Up-Location': '/signaled-path'
-            )
-            next => expect(location.href).toMatchUrl('/signaled-path')
-
-          it 'does not a history entry after a failed GET-request', asyncSpec (next) ->
-            up.replace('.middle', '/path', method: 'post', failTarget: '.middle')
-            next => @respond(status: 500)
-            next => expect(location.href).toMatchUrl(@hrefBeforeExample)
-
-          it 'does not add a history entry with { history: false } option', asyncSpec (next) ->
-            up.replace('.middle', '/path', history: false)
-            next => @respond()
-            next => expect(location.href).toMatchUrl(@hrefBeforeExample)
-
-          it "detects a redirect's new URL when the server sets an X-Up-Location header", asyncSpec (next) ->
-            up.replace('.middle', '/path')
-            next => @respond(responseHeaders: { 'X-Up-Location': '/other-path' })
-            next => expect(location.href).toMatchUrl('/other-path')
-
-          it 'adds params from a { params } option to the URL of a GET request', asyncSpec (next) ->
-            up.replace('.middle', '/path', params: { 'foo-key': 'foo value', 'bar-key': 'bar value' })
-            next => @respond()
-            next => expect(location.href).toMatchUrl('/path?foo-key=foo%20value&bar-key=bar%20value')
-
-          describe 'if a URL is given as { history } option', ->
-
-            it 'uses that URL as the new location after a GET request', asyncSpec (next) ->
-              up.replace('.middle', '/path', history: '/given-path')
-              next => @respond(failTarget: '.middle')
-              next => expect(location.href).toMatchUrl('/given-path')
-
-            it 'adds a history entry after a non-GET request', asyncSpec (next) ->
-              up.replace('.middle', '/path', method: 'post', history: '/given-path')
-              next => @respond(failTarget: '.middle')
-              next => expect(location.href).toMatchUrl('/given-path')
-
-            it 'does not add a history entry after a failed non-GET request', asyncSpec (next) ->
-              up.replace('.middle', '/path', method: 'post', history: '/given-path', failTarget: '.middle')
-              next => @respond(failTarget: '.middle', status: 500)
-              next => expect(location.href).toMatchUrl(@hrefBeforeExample)
-
-        describe 'source', ->
-
-          it 'remembers the source the fragment was retrieved from', (done) ->
-            promise = up.replace('.middle', '/path')
-            @respond()
-            promise.then ->
-              expect($('.middle').attr('up-source')).toMatch(/\/path$/)
-              done()
-
-          it 'reuses the previous source for a non-GET request (since that is reloadable)', asyncSpec (next) ->
-            @$oldMiddle.attr('up-source', '/previous-source')
-            up.replace('.middle', '/path', method: 'post')
-            next =>
-              @respond()
-            next =>
-              expect($('.middle')).toHaveText('new-middle')
-              expect(up.fragment.source('.middle')).toMatchUrl('/previous-source')
-
-          describe 'if a URL is given as { source } option', ->
-
-            it 'uses that URL as the source for a GET request', asyncSpec (next) ->
-              up.replace('.middle', '/path', source: '/given-path')
-              next => @respond()
-              next => expect(up.fragment.source('.middle')).toMatchUrl('/given-path')
-
-            it 'uses that URL as the source after a non-GET request', asyncSpec (next) ->
-              up.replace('.middle', '/path', method: 'post', source: '/given-path')
-              next => @respond()
-              next => expect(up.fragment.source('.middle')).toMatchUrl('/given-path')
-
-            it 'ignores the option and reuses the previous source after a failed non-GET request', asyncSpec (next) ->
-              @$oldMiddle.attr('up-source', '/previous-source')
-              up.replace('.middle', '/path', method: 'post', source: '/given-path', failTarget: '.middle')
-              next => @respond(status: 500)
-              next => expect(up.fragment.source('.middle')).toMatchUrl('/previous-source')
-
-        describe 'document title', ->
-
-          beforeEach ->
-            up.history.config.enabled = true
-
-          it "sets the document title to the response <title>", asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            up.replace('.container', '/path')
-
-            next =>
-              @respondWith """
-                <html>
-                  <head>
-                    <title>Title from HTML</title>
-                  </head>
-                  <body>
-                    <div class='container'>
-                      new container text
-                    </div>
-                  </body>
-                </html>
-              """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('Title from HTML')
-
-          it "sets the document title to an 'X-Up-Title' header in the response", asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            up.replace('.container', '/path')
-
-            next =>
-              @respondWith
-                responseHeaders:
-                  'X-Up-Title': 'Title from header'
-                responseText: """
-                  <div class='container'>
-                    new container text
-                  </div>
-                  """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('Title from header')
-
-          it "prefers the X-Up-Title header to the response <title>", asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            up.replace('.container', '/path')
-
-            next =>
-              @respondWith
-                responseHeaders:
-                  'X-Up-Title': 'Title from header'
-                responseText: """
-                  <html>
-                    <head>
-                      <title>Title from HTML</title>
-                    </head>
-                    <body>
-                      <div class='container'>
-                        new container text
-                      </div>
-                    </body>
-                  </html>
-                """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('Title from header')
-
-          it "sets the document title to the response <title> with { history: false, title: true } options (bugfix)", asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            up.replace('.container', '/path', history: false, title: true)
-
-            next =>
-              @respondWith """
-                <html>
-                  <head>
-                    <title>Title from HTML</title>
-                  </head>
-                  <body>
-                    <div class='container'>
-                      new container text
-                    </div>
-                  </body>
-                </html>
-              """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('Title from HTML')
-
-          it 'does not update the document title if the response has a <title> tag inside an inline SVG image (bugfix)', asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            document.title = 'old document title'
-            up.replace('.container', '/path', history: false, title: true)
-
-            next =>
-              @respondWith """
-                <svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
-                  <g>
-                    <title>SVG Title Demo example</title>
-                    <rect x="10" y="10" width="200" height="50" style="fill:none; stroke:blue; stroke-width:1px"/>
-                  </g>
-                </svg>
-
-                <div class='container'>
-                  new container text
-                </div>
-              """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('old document title')
-
-          it "does not extract the title from the response or HTTP header if history isn't updated", asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            document.title = 'old document title'
-            up.replace('.container', '/path', history: false)
-
-            next =>
-              @respondWith
-                responseHeaders:
-                  'X-Up-Title': 'Title from header'
-                responseText: """
-                <html>
-                  <head>
-                    <title>Title from HTML</title>
-                  </head>
-                  <body>
-                    <div class='container'>
-                      new container text
-                    </div>
-                  </body>
-                </html>
-              """
-
-            next =>
-              expect(document.title).toBe('old document title')
-
-          it 'allows to pass an explicit title as { title } option', asyncSpec (next) ->
-            $fixture('.container').text('old container text')
-            up.replace('.container', '/path', title: 'Title from options')
-
-            next =>
-              @respondWith """
-                <html>
-                  <head>
-                    <title>Title from HTML</title>
-                  </head>
-                  <body>
-                    <div class='container'>
-                      new container text
-                    </div>
-                  </body>
-                </html>
-              """
-
-            next =>
-              expect($('.container')).toHaveText('new container text')
-              expect(document.title).toBe('Title from options')
-
-        describe 'selector processing', ->
-
-          it 'replaces multiple selectors separated with a comma', (done) ->
-            promise = up.replace('.middle, .after', '/path')
-            @respond()
-            promise.then ->
-              expect($('.before')).toHaveText('old-before')
-              expect($('.middle')).toHaveText('new-middle')
-              expect($('.after')).toHaveText('new-after')
-              done()
-
-          describe 'nested selector merging', ->
-
-            it 'replaces a single fragment if a selector contains a subsequent selector in the current page', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer, .inner', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not merge selectors if a selector contains a subsequent selector, but prepends instead of replacing', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer:before, .inner', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer:before, .inner')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.outer').text()).toContain('old outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not merge selectors if a selector contains a subsequent selector, but appends instead of replacing', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer:after, .inner', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer:after, .inner')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('old outer text')
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not lose selector pseudo-classes when merging selectors (bugfix)', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer:after, .inner', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer:after, .inner')
-
-            it 'replaces a single fragment if a selector contains a previous selector in the current page', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer, .inner', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not lose a { reveal: true } option if the first selector was merged into a subsequent selector', asyncSpec (next) ->
-              revealStub = up.viewport.knife.mock('reveal')
-
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              up.replace('.inner, .outer', '/path', reveal: true)
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-                expect(revealStub).toHaveBeenCalled()
-
-
-            it 'does not lose a { reveal: string } option if the first selector was merged into a subsequent selector', asyncSpec (next) ->
-              revealStub = up.viewport.knife.mock('reveal')
-
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              up.replace('.inner, .outer', '/path', reveal: '.revealee')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.outer')
-
-                @respondWith """
-                  <div class="outer">
-                    new outer text
-                    <div class="inner">
-                      new inner text
-                      <div class="revealee">
-                        revealee text
-                      </div>
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).toBeAttached()
-                expect($('.inner').text()).toContain('new inner text')
-
-                expect(revealStub).toHaveBeenCalled()
-                revealArg = revealStub.calls.mostRecent().args[0]
-                expect(revealArg).toMatchSelector('.revealee')
-
-
-            it 'replaces a single fragment if the nesting differs in current page and response', asyncSpec (next) ->
-              $outer = $fixture('.outer').text('old outer text')
-              $inner = $outer.affix('.inner').text('old inner text')
-
-              replacePromise = up.replace('.outer, .inner', '/path')
-
-              next =>
-                @respondWith """
-                  <div class="inner">
-                    new inner text
-                    <div class="outer">
-                      new outer text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.outer')).toBeAttached()
-                expect($('.outer').text()).toContain('new outer text')
-                expect($('.inner')).not.toBeAttached()
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not crash if two selectors that are siblings in the current page are nested in the response', asyncSpec (next) ->
-              $outer = $fixture('.one').text('old one text')
-              $inner = $fixture('.two').text('old two text')
-
-              replacePromise = up.replace('.one, .two', '/path')
-
-              next =>
-                @respondWith """
-                  <div class="one">
-                    new one text
-                    <div class="two">
-                      new two text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.one')).toBeAttached()
-                expect($('.one').text()).toContain('new one text')
-                expect($('.two')).toBeAttached()
-                expect($('.two').text()).toContain('new two text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'does not crash if selectors that siblings in the current page are inversely nested in the response', asyncSpec (next) ->
-              $outer = $fixture('.one').text('old one text')
-              $inner = $fixture('.two').text('old two text')
-
-              replacePromise = up.replace('.one, .two', '/path')
-
-              next =>
-                @respondWith """
-                  <div class="two">
-                    new two text
-                    <div class="one">
-                      new one text
-                    </div>
-                  </div>
-                  """
-
-              next =>
-                expect($('.one')).toBeAttached()
-                expect($('.one').text()).toContain('new one text')
-                expect($('.two')).toBeAttached()
-                expect($('.two').text()).toContain('new two text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'updates the first selector if the same element is targeted twice in a single replacement', asyncSpec (next) ->
-              $one = $fixture('.one.alias').text('old one text')
-
-              replacePromise = up.replace('.one, .alias', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.one')
-
-                @respondWith """
-                  <div class="one">
-                    new one text
-                  </div>
-                  """
-
-              next =>
-                expect($('.one')).toBeAttached()
-                expect($('.one').text()).toContain('new one text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it 'updates the first selector if the same element is prepended or appended twice in a single replacement', asyncSpec (next) ->
-              $one = $fixture('.one').text('old one text')
-
-              replacePromise = up.replace('.one:before, .one:after', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.one:before')
-
-                @respondWith """
-                  <div class="one">
-                    new one text
-                  </div>
-                  """
-
-              next =>
-                expect($('.one')).toBeAttached()
-                expect($('.one').text()).toMatchText('new one text old one text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-            it "updates the first selector if the same element is prepended, replaced and appended in a single replacement", asyncSpec (next) ->
-              $elem = $fixture('.elem.alias1.alias2').text("old text")
-
-              replacePromise = up.replace('.elem:before, .alias1, .alias2:after', '/path')
-
-              next =>
-                expect(@lastRequest().requestHeaders['X-Up-Target']).toEqual('.elem:before')
-
-                @respondWith """
-                  <div class="elem alias1 alias2">
-                    new text
-                  </div>
-                  """
-
-              next =>
-                expect('.elem').toBeAttached()
-                expect($('.elem').text()).toMatchText('new text old text')
-
-              next.await =>
-                promise = promiseState(replacePromise)
-                promise.then (result) => expect(result.state).toEqual('fulfilled')
-
-          it 'replaces the body if asked to replace the "html" selector'
-
-          it 'prepends instead of replacing when the target has a :before pseudo-selector', (done) ->
-            promise = up.replace('.middle:before', '/path')
-            @respond()
-            promise.then ->
-              expect($('.before')).toHaveText('old-before')
-              expect($('.middle')).toHaveText('new-middleold-middle')
-              expect($('.after')).toHaveText('old-after')
-              done()
-
-          it 'appends instead of replacing when the target has a :after pseudo-selector', (done) ->
-            promise = up.replace('.middle:after', '/path')
-            @respond()
-            promise.then ->
-              expect($('.before')).toHaveText('old-before')
-              expect($('.middle')).toHaveText('old-middlenew-middle')
-              expect($('.after')).toHaveText('old-after')
-              done()
-
-          it "lets the developer choose between replacing/prepending/appending for each selector", (done) ->
-            promise = up.replace('.before:before, .middle, .after:after', '/path')
-            @respond()
-            promise.then ->
-              expect($('.before')).toHaveText('new-beforeold-before')
-              expect($('.middle')).toHaveText('new-middle')
-              expect($('.after')).toHaveText('old-afternew-after')
-              done()
-
-          it 'understands non-standard CSS selector extensions such as :has(...)', (done) ->
-            $first = $fixture('.boxx#first')
-            $firstChild = $('<span class="first-child">old first</span>').appendTo($first)
-            $second = $fixture('.boxx#second')
-            $secondChild = $('<span class="second-child">old second</span>').appendTo($second)
-
-            promise = up.replace('.boxx:has(.first-child)', '/path')
-            @respondWith """
-              <div class="boxx" id="first">
-                <span class="first-child">new first</span>
-              </div>
-              """
-
-            promise.then ->
-              expect($('#first span')).toHaveText('new first')
-              expect($('#second span')).toHaveText('old second')
-              done()
-
-          describe 'when selectors are missing on the page before the request was made', ->
-
-            beforeEach ->
-              up.fragment.config.fallbacks = []
-
-            it 'tries selectors from options.fallback before making a request', asyncSpec (next) ->
-              $fixture('.box').text('old box')
-              up.replace('.unknown', '/path', fallback: '.box')
-
-              next => @respondWith '<div class="box">new box</div>'
-              next => expect('.box').toHaveText('new box')
-
-            it 'rejects the promise if all alternatives are exhausted', (done) ->
-              promise = up.replace('.unknown', '/path', fallback: '.more-unknown')
-              promise.catch (e) ->
-                expect(e).toBeError(/Could not find target in current page/i)
-                done()
-
-            it 'considers a union selector to be missing if one of its selector-atoms are missing', asyncSpec (next) ->
-              $fixture('.target').text('old target')
-              $fixture('.fallback').text('old fallback')
-              up.replace('.target, .unknown', '/path', fallback: '.fallback')
-
-              next =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-              next =>
-                expect('.target').toHaveText('old target')
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'tries a selector from up.fragment.config.fallbacks if options.fallback is missing', asyncSpec (next) ->
-              up.fragment.config.fallbacks = ['.existing']
-              $fixture('.existing').text('old existing')
-              up.replace('.unknown', '/path')
-              next => @respondWith '<div class="existing">new existing</div>'
-              next => expect('.existing').toHaveText('new existing')
-
-            it 'does not try a selector from up.fragment.config.fallbacks and rejects the promise if options.fallback is false', (done) ->
-              up.fragment.config.fallbacks = ['.existing']
-              $fixture('.existing').text('old existing')
-              up.replace('.unknown', '/path', fallback: false).catch (e) ->
-                expect(e).toBeError(/Could not find target in current page/i)
-                done()
-
-          describe 'when selectors are missing on the page after the request was made', ->
-
-            beforeEach ->
-              up.fragment.config.fallbacks = []
-
-            it 'tries selectors from options.fallback before swapping elements', asyncSpec (next) ->
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target', '/path', fallback: '.fallback')
-              $target.remove()
-
-              next =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-              next =>
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'rejects the promise if all alternatives are exhausted', (done) ->
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              promise = up.replace('.target', '/path', fallback: '.fallback')
-              $target.remove()
-              $fallback.remove()
-
-              u.task =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-                u.task =>
-                  promiseState(promise).then (result) ->
-                    expect(result.state).toEqual('rejected')
-                    expect(result.value).toBeError(/Could not find target in current page/i)
-                    done()
-
-            it 'considers a union selector to be missing if one of its selector-atoms are missing', asyncSpec (next) ->
-              $target = $fixture('.target').text('old target')
-              $target2 = $fixture('.target2').text('old target2')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target, .target2', '/path', fallback: '.fallback')
-              $target2.remove()
-
-              next =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="target2">new target2</div>
-                  <div class="fallback">new fallback</div>
-                """
-              next =>
-                expect('.target').toHaveText('old target')
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'tries a selector from up.fragment.config.fallbacks if options.fallback is missing', asyncSpec (next) ->
-              up.fragment.config.fallbacks = ['.fallback']
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target', '/path')
-              $target.remove()
-
-              next =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-              next =>
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'does not try a selector from up.fragment.config.fallbacks and rejects the promise if options.fallback is false', (done) ->
-              up.fragment.config.fallbacks = ['.fallback']
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              promise = up.replace('.target', '/path', fallback: false)
-              $target.remove()
-
-              u.task =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-                promise.catch (e) ->
-                  expect(e).toBeError(/Could not find target in current page/i)
-                  done()
-
-          describe 'when selectors are missing in the response', ->
-
-            beforeEach ->
-              up.fragment.config.fallbacks = []
-
-            it 'tries selectors from options.fallback before swapping elements', asyncSpec (next) ->
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target', '/path', fallback: '.fallback')
-
-              next =>
-                @respondWith """
-                  <div class="fallback">new fallback</div>
-                """
-
-              next =>
-                expect('.target').toHaveText('old target')
-                expect('.fallback').toHaveText('new fallback')
-
-            describe 'if all alternatives are exhausted', ->
-
-              it 'rejects the promise', (done) ->
-                $target = $fixture('.target').text('old target')
-                $fallback = $fixture('.fallback').text('old fallback')
-                promise = up.replace('.target', '/path', fallback: '.fallback')
-
-                u.task =>
-                  @respondWith '<div class="unexpected">new unexpected</div>'
-
-                promise.catch (e) ->
-                  expect(e).toBeError(/Could not find target in response/i)
-                  done()
-
-              it 'shows a link to open the unexpected response', (done) ->
-                $target = $fixture('.target').text('old target')
-                $fallback = $fixture('.fallback').text('old fallback')
-                promise = up.replace('.target', '/path', fallback: '.fallback')
-                navigate = spyOn(up.browser, 'navigate')
-
-                u.task =>
-                  @respondWith '<div class="unexpected">new unexpected</div>'
-
-                promise.catch (e) ->
-                  $toast = $('.up-toast')
-                  expect($toast).toBeAttached()
-                  $inspectLink = $toast.find(".up-toast-action:contains('Open response')")
-                  expect($inspectLink).toBeAttached()
-                  expect(navigate).not.toHaveBeenCalled()
-
-                  Trigger.clickSequence($inspectLink)
-
-                  u.task =>
-                    expect(navigate).toHaveBeenCalledWith('/path', {})
-                    done()
-
-            it 'considers a union selector to be missing if one of its selector-atoms are missing', asyncSpec (next) ->
-              $target = $fixture('.target').text('old target')
-              $target2 = $fixture('.target2').text('old target2')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target, .target2', '/path', fallback: '.fallback')
-
-              next =>
-                @respondWith """
-                  <div class="target">new target</div>
-                  <div class="fallback">new fallback</div>
-                """
-
-              next =>
-                expect('.target').toHaveText('old target')
-                expect('.target2').toHaveText('old target2')
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'tries a selector from up.fragment.config.fallbacks if options.fallback is missing', asyncSpec (next) ->
-              up.fragment.config.fallbacks = ['.fallback']
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              up.replace('.target', '/path')
-
-              next =>
-                @respondWith '<div class="fallback">new fallback</div>'
-
-              next =>
-                expect('.target').toHaveText('old target')
-                expect('.fallback').toHaveText('new fallback')
-
-            it 'does not try a selector from up.fragment.config.fallbacks and rejects the promise if options.fallback is false', (done) ->
-              up.fragment.config.fallbacks = ['.fallback']
-              $target = $fixture('.target').text('old target')
-              $fallback = $fixture('.fallback').text('old fallback')
-              promise = up.replace('.target', '/path', fallback: false)
-
-              u.task =>
-                @respondWith '<div class="fallback">new fallback</div>'
-
-              promise.catch (e) ->
-                expect(e).toBeError(/Could not find target in response/i)
-                done()
-
-        describe 'execution of scripts', ->
-
-          beforeEach ->
-            window.scriptTagExecuted = jasmine.createSpy('scriptTagExecuted')
-
-          describe 'inline scripts', ->
-
-            it 'does not execute inline script tags', (done) ->
-              @responseText = """
-                <div class="middle">
-                  new-middle
-                  <script type="text/javascript">
-                    window.scriptTagExecuted()
-                  </script>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              promise.then ->
-                expect(window.scriptTagExecuted).not.toHaveBeenCalled()
-                done()
-
-            it 'does not crash when the new fragment contains inline script tag that is followed by another sibling (bugfix)', (done) ->
-              @responseText = """
-                <div class="middle">
-                  <div>new-middle-before</div>
-                  <script type="text/javascript">
-                    window.scriptTagExecuted()
-                  </script>
-                  <div>new-middle-after</div>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              u.task ->
-                promiseState(promise).then (result) ->
-                  expect(result.state).toEqual('fulfilled')
-                  expect(window.scriptTagExecuted).not.toHaveBeenCalled()
-                  done()
-
-          describe 'linked scripts', ->
-
-            beforeEach ->
-              # Add a cache-buster to each path so the browser cache is guaranteed to be irrelevant
-              @linkedScriptPath = "/assets/fixtures/linked_script.js?cache-buster=#{Math.random().toString()}"
-
-            it 'does not execute linked scripts to prevent re-inclusion of javascript inserted before the closing body tag', (done) ->
-              @responseText = """
-                <div class="middle">
-                  new-middle
-                  <script type="text/javascript" src="#{@linkedScriptPath}">
-                    alert("inside")
-                  </script>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              promise.then =>
-
-                # Must respond to this request, since jQuery makes them async: false
-                if u.contains(@lastRequest().url, 'linked_script')
-                  @respondWith('window.scriptTagExecuted()')
-
-                # Now wait for jQuery to parse out <script> tags and fetch the linked scripts.
-                # This actually happens with jasmine_ajax's fake XHR object.
-                u.task =>
-                  expect(jasmine.Ajax.requests.count()).toEqual(1)
-                  expect(@lastRequest().url).not.toContain('linked_script')
-                  expect(window.scriptTagExecuted).not.toHaveBeenCalled()
-                  done()
-
-          describe '<noscript> tags', ->
-
-            it 'parses <noscript> contents as text, not DOM nodes (since it will be placed in a scripting-capable browser)', (done) ->
-              @responseText = """
-                <div class="middle">
-                  <noscript>
-                    <img src="foo.png">
-                  </noscript>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              promise.then ->
-                $noscript = $('.middle noscript')
-                text = $noscript.text().trim()
-                expect(text).toEqual('<img src="foo.png">')
-                done()
-
-            it 'parses <noscript> contents with multiple lines as text, not DOM nodes', (done) ->
-              @responseText = """
-                <div class="middle">
-                  <noscript>
-                    <img src="foo.png">
-                    <img src="bar.png">
-                  </noscript>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              promise.then ->
-                $noscript = $('.middle noscript')
-                text = $noscript.text().trim()
-                expect(text).toMatch(/<img src="foo\.png">\s+<img src="bar\.png">/)
-                done()
-
-            it 'parses multiple <noscript> tags in the same fragment as text, not DOM nodes', (done) ->
-              @responseText = """
-                <div class="middle">
-                  <noscript>
-                    <img src="foo.png">
-                  </noscript>
-                  <noscript>
-                    <img src="bar.png">
-                  </noscript>
-                </div>
-                """
-
-              promise = up.replace('.middle', '/path')
-              @respond()
-
-              promise.then ->
-                $noscripts = $('.middle noscript')
-                expect($noscripts.length).toBe(2)
-                text0 = $noscripts[0].textContent.trim()
-                text1 = $noscripts[1].textContent.trim()
-                expect(text0).toEqual('<img src="foo.png">')
-                expect(text1).toEqual('<img src="bar.png">')
-                done()
-
-          if up.browser.canCustomElements()
-
-            describe 'custom elements', ->
-
-              beforeAll ->
-                TestComponent = ->
-                  instance = Reflect.construct(HTMLElement, [], TestComponent)
-                  instance.innerHTML = 'text from component'
-                  up.emit('test-component:new')
-                  instance
-                Object.setPrototypeOf(TestComponent.prototype, HTMLElement.prototype)
-                Object.setPrototypeOf(TestComponent, HTMLElement)
-
-                window.customElements.define('test-component-activation', TestComponent)
-
-              it 'activates custom elements in inserted fragments', (done) ->
-                @responseText = """
-                  <div class="middle">
-                    <test-component-activation></test-component-activation>
-                  </div>
-                  """
-
-                promise = up.replace('.middle', '/path')
-                @respond()
-
-                promise.then ->
-                  expect('.middle test-component-activation').toHaveText('text from component')
-                  done()
-
-              it 'does not activate custom elements outside of inserted fragments', (done) ->
-                constructorSpy = jasmine.createSpy('constructor called')
-                up.on('test-component:new', constructorSpy)
-
-                @responseText = """
-                  <div class="before">
-                    <test-component-activation></test-component-activation>
-                  </div>
-                  <div class="middle">
-                    <test-component-activation></test-component-activation>
-                  </div>
-                  <div class="after">
-                    <test-component-activation></test-component-activation>
-                  </div>
-                  """
-
-                promise = up.replace('.middle', '/path')
-                @respond()
-
-                promise.then =>
-                  expect(constructorSpy.calls.count()).toBe(1)
-                  done()
-
-
-        describe 'with { restoreScroll: true } option', ->
-
-          beforeEach ->
-            up.history.config.enabled = true
-
-          it 'restores the scroll positions of all viewports around the target', asyncSpec (next) ->
-
-            $viewport = $fixture('div[up-viewport] .element').css
-              'height': '100px'
-              'width': '100px'
-              'overflow-y': 'scroll'
-
-            respond = =>
-              @lastRequest().respondWith
-                status: 200
-                contentType: 'text/html'
-                responseText: '<div class="element" style="height: 300px"></div>'
-
-            up.replace('.element', '/foo')
-
-            next => respond()
-            next => $viewport.scrollTop(65)
-            next => up.replace('.element', '/bar')
-            next => respond()
-            next => $viewport.scrollTop(0)
-            next.await => up.replace('.element', '/foo', restoreScroll: true)
-            # No need to respond because /foo has been cached before
-            next => expect($viewport.scrollTop()).toEqual(65)
-
-        describe 'with { reveal } option', ->
-
-          beforeEach ->
-            up.history.config.enabled = true
-
-            @revealedHTML = []
-            @revealedText = []
-            @revealOptions = {}
-
-            @revealMock = up.viewport.knife.mock('reveal').and.callFake (element, options) =>
-              @revealedHTML.push element.outerHTML
-              @revealedText.push element.textContent.trim()
-              @revealOptions = options
-              Promise.resolve()
-
-          it 'reveals a new element before it is being replaced', asyncSpec (next) ->
-            up.replace('.middle', '/path', reveal: true)
-
-            next =>
-              @respond()
-
-            next =>
-              expect(@revealMock).not.toHaveBeenCalledWith(@$oldMiddle[0])
-              expect(@revealedText).toEqual ['new-middle']
-
-          it 'allows to pass another selector to reveal', asyncSpec (next)->
-            $other = $fixture('.other').text('other text')
-
-            up.replace('.middle', '/path', reveal: '.other')
-
-            next =>
-              @respond()
-
-            next =>
-              expect(@revealedText).toEqual ['other text']
-
-          it 'allows to refer to the replacement { origin } as "&" in the { reveal } selector', asyncSpec (next) ->
-            $origin = $fixture('.origin').text('origin text')
-
-            up.replace('.middle', '/path', reveal: '&', origin: '.origin')
-
-            next =>
-              @respond()
-
-            next =>
-              expect(@revealedText).toEqual ['origin text']
-
-          describe 'when the server responds with an error code', ->
-
-            it 'ignores the { reveal } option', asyncSpec (next) ->
-              $failTarget = $fixture('.fail-target')
-              up.replace('.middle', '/path', failTarget: '.fail-target', reveal: true)
-
-              next =>
-                @respond(status: 500)
-
-              next =>
-                expect(@revealMock).not.toHaveBeenCalled()
-
-            it 'accepts a { failReveal } option for error responses', asyncSpec (next) ->
-              $failTarget = $fixture('.fail-target').text('old fail target text')
-              up.replace('.middle', '/path', failTarget: '.fail-target', reveal: false, failReveal: true)
-
-              next =>
-              @respondWith
-                status: 500
-                responseText: """
-                  <div class="fail-target">
-                    new fail target text
-                  </div>
-                  """
-
-              next =>
-                expect(@revealedText).toEqual ['new fail target text']
-
-            it 'allows to refer to the replacement { origin } as "&" in the { failTarget } selector', asyncSpec (next) ->
-              $origin = $fixture('.origin').text('origin text')
-              $failTarget = $fixture('.fail-target').text('old fail target text')
-              up.replace('.middle', '/path', failTarget: '.fail-target', reveal: false, failReveal: '&', origin: $origin)
-
-              next =>
-                @respondWith
-                  status: 500
-                  responseText: """
-                    <div class="fail-target">
-                      new fail target text
-                    </div>
-                    """
-
-              next =>
-                expect(@revealedText).toEqual ['origin text']
-
-          describe 'when more than one fragment is replaced', ->
-
-            it 'only reveals the first fragment', asyncSpec (next) ->
-              up.replace('.middle, .after', '/path', reveal: true)
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealMock).not.toHaveBeenCalledWith(@$oldMiddle[0])
-                expect(@revealedText).toEqual ['new-middle']
-
-          describe 'when there is an anchor #hash in the URL', ->
-
-            it 'scrolls to the top of an element with the ID of that #hash', asyncSpec (next) ->
-              up.replace('.middle', '/path#hash', reveal: true)
-              @responseText =
-                """
-                <div class="middle">
-                  <div id="hash"></div>
-                </div>
-                """
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealedHTML).toEqual ['<div id="hash"></div>']
-                expect(@revealOptions).toEqual jasmine.objectContaining(top: true)
-
-            it "scrolls to the top of an <a> element with the name of that hash", asyncSpec (next) ->
-              up.replace('.middle', '/path#three', reveal: true)
-              @responseText =
-                """
-                <div class="middle">
-                  <a name="three"></a>
-                </div>
-                """
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealedHTML).toEqual ['<a name="three"></a>']
-                expect(@revealOptions).toEqual jasmine.objectContaining(top: true)
-
-            it "scrolls to a hash that includes a dot character ('.') (bugfix)", asyncSpec (next) ->
-              up.replace('.middle', '/path#foo.bar', reveal: true)
-              @responseText =
-                """
-                <div class="middle">
-                  <a name="foo.bar"></a>
-                </div>
-                """
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealedHTML).toEqual ['<a name="foo.bar"></a>']
-                expect(@revealOptions).toEqual jasmine.objectContaining(top: true)
-
-            it 'does not scroll if { reveal: false } is also set', asyncSpec (next) ->
-              up.replace('.middle', '/path#hash', reveal: false)
-              @responseText =
-                """
-                <div class="middle">
-                  <div id="hash"></div>
-                </div>
-                """
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealMock).not.toHaveBeenCalled()
-
-            it 'reveals multiple consecutive #hash targets with the same URL (bugfix)', asyncSpec (next) ->
-              up.replace('.middle', '/path#two', reveal: true)
-              @responseText =
-                """
-                <div class="middle">
-                  <div id="one">one</div>
-                  <div id="two">two</div>
-                  <div id="three">three</div>
-                </div>
-                """
-
-              next =>
-                @respond()
-                up.replace('.middle', '/path#three', reveal: true)
-                # response is already cached
-
-              next =>
-                expect(@revealedText).toEqual ['two', 'three']
-
-            it "does not scroll if there is no element with the ID of that #hash", asyncSpec (next) ->
-              up.replace('.middle', '/path#hash', reveal: true)
-              @responseText =
-                """
-                <div class="middle">
-                </div>
-                """
-
-              next =>
-                @respond()
-
-              next =>
-                expect(@revealMock).not.toHaveBeenCalled()
-
-
-          it 'reveals a new element that is being appended', (done) ->
-            promise = up.replace('.middle:after', '/path', reveal: true)
-            @respond()
-            promise.then =>
-              expect(@revealMock).not.toHaveBeenCalledWith(@$oldMiddle[0])
-              # Text nodes are wrapped in a .up-insertion container so we can
-              # animate them and measure their position/size for scrolling.
-              # This is not possible for container-less text nodes.
-              expect(@revealedHTML).toEqual ['<div class="up-insertion">new-middle</div>']
-              # Show that the wrapper is done after the insertion.
-              expect($('.up-insertion')).not.toBeAttached()
-              done()
-
-          it 'reveals a new element that is being prepended', (done) ->
-            promise = up.replace('.middle:before', '/path', reveal: true)
-            @respond()
-            promise.then =>
-              expect(@revealMock).not.toHaveBeenCalledWith(@$oldMiddle[0])
-              # Text nodes are wrapped in a .up-insertion container so we can
-              # animate them and measure their position/size for scrolling.
-              # This is not possible for container-less text nodes.
-              expect(@revealedHTML).toEqual ['<div class="up-insertion">new-middle</div>']
-              # Show that the wrapper is done after the insertion.
-              expect($('.up-insertion')).not.toBeAttached()
-              done()
-
-        it 'uses a { failTransition } option if the request failed'
-
-      describeFallback 'canPushState', ->
-
-        it 'makes a full page load', asyncSpec (next) ->
-          spyOn(up.browser, 'navigate')
-          up.replace('.selector', '/path')
-
-          next =>
-            expect(up.browser.navigate).toHaveBeenCalledWith('/path', jasmine.anything())
-
-    describe 'up.extract', ->
-
-      it 'Updates a selector on the current page with the same selector from the given HTML string', asyncSpec (next) ->
-
-        $fixture('.before').text('old-before')
-        $fixture('.middle').text('old-middle')
-        $fixture('.after').text('old-after')
-
-        html =
-          """
-          <div class="before">new-before</div>
-          <div class="middle">new-middle</div>
-          <div class="after">new-after</div>
-          """
-
-        up.extract('.middle', html)
-
-        next ->
-          expect($('.before')).toHaveText('old-before')
-          expect($('.middle')).toHaveText('new-middle')
-          expect($('.after')).toHaveText('old-after')
-
-      it "throws an error if the selector can't be found on the current page", (done) ->
-        html = '<div class="foo-bar">text</div>'
-        promise = up.extract('.foo-bar', html)
-        promiseState(promise).then (result) =>
-          expect(result.state).toEqual('rejected')
-          expect(result.value).toMatch(/Could not find selector in current page, modal or popup/i)
-          done()
-
-      it "throws an error if the selector can't be found in the given HTML string", (done) ->
-        $fixture('.foo-bar')
-        promise = up.extract('.foo-bar', '')
-        promiseState(promise).then (result) =>
-          expect(result.state).toEqual('rejected')
-          expect(result.value).toMatch(/Could not find selector in response/i)
-          done()
-
-      it "ignores an element that matches the selector but also matches .up-destroying", (done) ->
-        html = '<div class="foo-bar">text</div>'
-        $fixture('.foo-bar.up-destroying')
-        promise = up.extract('.foo-bar', html)
-        promiseState(promise).then (result) =>
-          expect(result.state).toEqual('rejected')
-          expect(result.value).toMatch(/Could not find selector/i)
-          done()
-
-      it "ignores an element that matches the selector but also has a parent matching .up-destroying", (done) ->
-        html = '<div class="foo-bar">text</div>'
-        $parent = $fixture('.up-destroying')
-        $child = $fixture('.foo-bar').appendTo($parent)
-        promise = up.extract('.foo-bar', html)
-        promiseState(promise).then (result) =>
-          expect(result.state).toEqual('rejected')
-          expect(result.value).toMatch(/Could not find selector/i)
-          done()
-
-      it 'only replaces the first element matching the selector', asyncSpec (next) ->
-        html = '<div class="foo-bar">text</div>'
-        $fixture('.foo-bar')
-        $fixture('.foo-bar')
-        up.extract('.foo-bar', html)
-
-        next =>
-          $elements = $('.foo-bar')
-          expect($($elements.get(0)).text()).toEqual('text')
-          expect($($elements.get(1)).text()).toEqual('')
-
-      it 'focuses an [autofocus] element in the new fragment', asyncSpec (next) ->
-        $fixture('.foo-bar')
-        up.extract '.foo-bar', """
-          <form class='foo-bar'>
-            <input class="autofocused-input" autofocus>
-          </form>
-        """
-
-        next =>
-          input = $('.autofocused-input').get(0)
-          expect(input).toBeGiven()
-          expect(document.activeElement).toBe(input)
-
-
-      # up.extract
-      it 'emits an up:fragment:destroyed event on the former parent element after the element has been removed from the DOM', (done) ->
-        $parent = $fixture('.parent')
-        $element = $parent.affix('.element.v1').text('v1')
-        expect($element).toBeAttached()
-
-        spy = jasmine.createSpy('event listener')
-        $parent[0].addEventListener 'up:fragment:destroyed', (event) ->
-          spy(event.target, event.fragment, up.specUtil.isDetached($element))
-
-        extractDone = up.extract('.element', '<div class="element v2">v2</div>')
-
-        extractDone.then ->
-          expect(spy).toHaveBeenCalledWith($parent[0], $element[0], true)
-          done()
-
-      describe 'cleaning up', ->
-
-        it 'calls destructors on the old element', asyncSpec (next) ->
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.container', ($element) ->
-            -> destructor($element.text())
-          $container = $fixture('.container').text('old text')
-          up.hello($container)
-          up.extract('.container', '<div class="container">new text</div>')
-
-          next =>
-            expect('.container').toHaveText('new text')
-            expect(destructor).toHaveBeenCalledWith('old text')
-
-        it 'calls destructors on the old element after a { transition }', (done) ->
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.container', ($element) ->
-            -> destructor($element.text())
-          $container = $fixture('.container').text('old text')
-          up.hello($container)
-
-          up.extract('.container', '<div class="container">new text</div>', transition: 'cross-fade', duration: 100)
-
-          u.timer 50, =>
-            expect(destructor).not.toHaveBeenCalled()
-
-          u.timer 220, =>
-            expect('.container').toHaveText('new text')
-            expect(destructor).toHaveBeenCalledWith('old text')
-            done()
-
-        it 'calls destructors when the replaced element is a singleton element like <body> (bugfix)', asyncSpec (next) ->
-          # shouldSwapElementsDirectly() is true for body, but can't have the example replace the Jasmine test runner UI
-          up.element.knife.mock('isSingleton').and.callFake (element) -> e.matches(element, '.container')
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.container', -> destructor
-          $container = $fixture('.container')
-          up.hello($container)
-          up.extract('.container', '<div class="container">new text</div>')
-
-          next =>
-            expect('.container').toHaveText('new text')
-            expect(destructor).toHaveBeenCalled()
-
-        it 'marks the old element as .up-destroying before destructors', (done) ->
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.container', ($element) ->
-            -> destructor($element.text(), $element.is('.up-destroying'))
-          $container = $fixture('.container').text('old text')
-          up.hello($container)
-
-          extractDone = up.extract('.container', '<div class="container">new text</div>')
-
-          extractDone.then ->
-            expect('.container').toHaveText('new text')
-            expect(destructor).toHaveBeenCalledWith('old text', true)
-            done()
-
-        it 'marks the old element as .up-destroying before destructors after a { transition }', (done) ->
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.container', ($element) ->
-            -> destructor($element.text(), $element.is('.up-destroying'))
-          $container = $fixture('.container').text('old text')
-          up.hello($container)
-
-          extractDone = up.extract('.container', '<div class="container">new text</div>', transition: 'cross-fade', duration: 100)
-
-          extractDone.then ->
-            expect('.container').toHaveText('new text')
-            expect(destructor).toHaveBeenCalledWith('old text', true)
-            done()
-
-        it 'calls destructors while the element is still attached to the DOM, so destructors see ancestry and events bubble up', asyncSpec (next) ->
-          spy = jasmine.createSpy('parent spy')
-          up.$compiler '.element', ($element) ->
-            return -> spy($element.text(), $element.parent())
-
-          $parent = $fixture('.parent')
-          $element = $parent.affix('.element').text('old text')
-          up.hello($element)
-
-          up.extract '.element', '<div class="element">new text</div>'
-
-          next =>
-            expect(spy).toHaveBeenCalledWith('old text', $parent)
-
-        it 'calls destructors while the element is still attached to the DOM when also using a { transition }', (done) ->
-          spy = jasmine.createSpy('parent spy')
-          up.$compiler '.element', ($element) ->
-            return ->
-              # We must seek .parent in our ancestry, because our direct parent() is an .up-bounds container
-              spy($element.text(), $element.closest('.parent'))
-
-          $parent = $fixture('.parent')
-          $element = $parent.affix('.element').text('old text')
-          up.hello($element)
-
-          extractDone = up.extract('.element', '<div class="element">new text</div>', transition: 'cross-fade', duration: 30)
-
-          extractDone.then ->
-            expect(spy).toHaveBeenCalledWith('old text', $parent)
-            done()
-
-
-      describe 'with { transition } option', ->
-
-        it 'morphs between the old and new element', asyncSpec (next) ->
-          $fixture('.element.v1').text('version 1')
-          up.extract('.element', '<div class="element v2">version 2</div>', transition: 'cross-fade', duration: 200, easing: 'linear')
-
-          $old = undefined
-          $new = undefined
-
-          next =>
-            $old = $('.element.v1')
-            $new = $('.element.v2')
-
-            expect($old).toHaveLength(1)
-            expect($old).toHaveOpacity(1.0, 0.15)
-
-            expect($new).toHaveLength(1)
-            expect($new).toHaveOpacity(0.0, 0.15)
-
-          next.after 100, =>
-            expect($old).toHaveOpacity(0.5, 0.3)
-            expect($new).toHaveOpacity(0.5, 0.3)
-
-          next.after (100 + 70), =>
-            expect($new).toHaveOpacity(1.0, 0.1)
-            expect($old).toBeDetached()
-
-
-        it 'ignores a { transition } option when replacing a singleton element like <body>', asyncSpec (next) ->
-          # shouldSwapElementsDirectly() is true for body, but can't have the example replace the Jasmine test runner UI
-          spyOn(up.element, 'isSingleton').and.callFake (element) -> e.matches(element, '.container')
-
-          $fixture('.container').text('old text')
-
-          extractDone = jasmine.createSpy()
-          promise = up.extract('.container', '<div class="container">new text</div>', transition: 'cross-fade', duration: 200)
-          promise.then(extractDone)
-
-          next =>
-            # See that we've already immediately swapped the element and ignored the duration of 200ms
-            expect(extractDone).toHaveBeenCalled()
-            expect($('.container').length).toEqual(1)
-            expect($('.container')).toHaveOpacity(1.0)
-
-        it 'marks the old fragment as .up-destroying during the transition', asyncSpec (next) ->
-          $fixture('.element').text('version 1')
-          up.extract('.element', '<div class="element">version 2</div>', transition: 'cross-fade', duration: 200)
-
-          next =>
-            $version1 = $('.element:contains("version 1")')
-            expect($version1).toHaveLength(1)
-            expect($version1).toHaveClass('up-destroying')
-
-            $version2 = $('.element:contains("version 2")')
-            expect($version2).toHaveLength(1)
-            expect($version2).not.toHaveClass('up-destroying')
-
-        # extract with { transition } option
-        it 'emits an up:fragment:destroyed event on the former parent element after the element has been removed from the DOM', (done) ->
-          $parent = $fixture('.parent')
-          $element = $parent.affix('.element.v1').text('v1')
-          expect($element).toBeAttached()
-
-          spy = jasmine.createSpy('event listener')
-          $parent[0].addEventListener 'up:fragment:destroyed', (event) ->
-            spy(event.target, event.fragment, up.specUtil.isDetached($element))
-
-          extractDone = up.extract('.element', '<div class="element v2">v2</div>', transition: 'cross-fade', duration: 50)
-
-          extractDone.then ->
-            expect(spy).toHaveBeenCalledWith($parent[0], $element[0], true)
-            done()
-
-
-        it 'cancels an existing transition by instantly jumping to the last frame', asyncSpec (next) ->
-          $fixture('.element.v1').text('version 1')
-
-          up.extract('.element', '<div class="element v2">version 2</div>', transition: 'cross-fade', duration: 200)
-
-          next =>
-            $ghost1 = $('.element:contains("version 1")')
-            expect($ghost1).toHaveLength(1)
-            expect($ghost1.css('opacity')).toBeAround(1.0, 0.1)
-
-            $ghost2 = $('.element:contains("version 2")')
-            expect($ghost2).toHaveLength(1)
-            expect($ghost2.css('opacity')).toBeAround(0.0, 0.1)
-
-          next =>
-            up.extract('.element', '<div class="element v3">version 3</div>', transition: 'cross-fade', duration: 200)
-
-          next =>
-            $ghost1 = $('.element:contains("version 1")')
-            expect($ghost1).toHaveLength(0)
-
-            $ghost2 = $('.element:contains("version 2")')
-            expect($ghost2).toHaveLength(1)
-            expect($ghost2.css('opacity')).toBeAround(1.0, 0.1)
-
-            $ghost3 = $('.element:contains("version 3")')
-            expect($ghost3).toHaveLength(1)
-            expect($ghost3.css('opacity')).toBeAround(0.0, 0.1)
-
-
-        it 'delays the resolution of the returned promise until the transition is over', (done) ->
-          $fixture('.element').text('version 1')
-          resolution = jasmine.createSpy()
-          promise = up.extract('.element', '<div class="element">version 2</div>', transition: 'cross-fade', duration: 60)
-          promise.then(resolution)
-          expect(resolution).not.toHaveBeenCalled()
-
-          u.timer 20, ->
-            expect(resolution).not.toHaveBeenCalled()
-
-          u.timer 200, ->
-            expect(resolution).toHaveBeenCalled()
-            done()
-
-        it 'attaches the new element to the DOM before compilers are called, so they can see their parents and trigger bubbling events', asyncSpec (next)->
-          $parent = $fixture('.parent')
-          $element = $parent.affix('.element').text('old text')
-          spy = jasmine.createSpy('parent spy')
-          up.$compiler '.element', ($element) -> spy($element.text(), $element.parent())
-          up.extract '.element', '<div class="element">new text</div>', transition: 'cross-fade', duration: 50
-
-          next =>
-            expect(spy).toHaveBeenCalledWith('new text', $parent)
-
-
-        describe 'when up.morph() is called from a transition function', ->
-
-          it "does not emit multiple replacement events (bugfix)", (done) ->
-            $element = $fixture('.element').text('old content')
-
-            transition = (oldElement, newElement, options) ->
-              up.morph(oldElement, newElement, 'cross-fade', options)
-
-            destroyedListener = jasmine.createSpy('listener to up:fragment:destroyed')
-            up.on 'up:fragment:destroyed', destroyedListener
-            insertedListener = jasmine.createSpy('listener to up:fragment:inserted')
-            up.on 'up:fragment:inserted', insertedListener
-
-            extractDone = up.extract('.element', '<div class="element">new content</div>', transition: transition, duration: 50, easing: 'linear')
-
-            extractDone.then ->
-              expect(destroyedListener.calls.count()).toBe(1)
-              expect(insertedListener.calls.count()).toBe(1)
-              done()
-
-          it "does not compile the element multiple times (bugfix)", (done) ->
-            $element = $fixture('.element').text('old content')
-
-            transition = (oldElement, newElement, options) ->
-              up.morph(oldElement, newElement, 'cross-fade', options)
-
-            compiler = jasmine.createSpy('compiler')
-            up.$compiler '.element', compiler
-
-            extractDone = up.extract('.element', '<div class="element">new content</div>', transition: transition, duration: 50, easing: 'linear')
-
-            extractDone.then ->
-              expect(compiler.calls.count()).toBe(1)
-              done()
-
-          it "does not call destructors multiple times (bugfix)", (done) ->
-            $element = $fixture('.element').text('old content')
-
-            transition = (oldElement, newElement, options) ->
-              up.morph(oldElement, newElement, 'cross-fade', options)
-
-            destructor = jasmine.createSpy('destructor')
-            up.$compiler '.element', (element) ->
-              return destructor
-
-            up.hello($element)
-
-            extractDone = up.extract('.element', '<div class="element">new content</div>', transition: transition, duration: 50, easing: 'linear')
-
-            extractDone.then ->
-              expect(destructor.calls.count()).toBe(1)
-              done()
-
-
-        describe 'when animation is disabled', ->
-
-          beforeEach ->
-            up.motion.config.enabled = false
-
-          it 'immediately swaps the old and new elements without creating unnecessary ghosts', asyncSpec (next) ->
-            $fixture('.element').text('version 1')
-            up.extract('.element', '<div class="element">version 2</div>', transition: 'cross-fade', duration: 200)
-            next =>
-              expect($('.element')).toHaveText('version 2')
-              expect($('.up-ghost')).toHaveLength(0)
-
-          it "replaces the elements directly, since first inserting and then removing would shift scroll positions", asyncSpec (next) ->
-            swapDirectlySpy = up.motion.knife.mock('swapElementsDirectly')
-            $fixture('.element').text('version 1')
-            up.extract('.element', '<div class="element">version 2</div>', transition: false)
-
-            next =>
-              expect(swapDirectlySpy).toHaveBeenCalled()
-
-      describe 'with { scrollBehavior } option', ->
-
-        beforeEach ->
-          up.viewport.knife.mock('reveal').and.callFake (element, options) =>
-            @revealScrollBehavior = options.behavior ? options.scrollBehavior
-
-        it 'animates the revealing when prepending an element', asyncSpec (next) ->
-          fixture('.element', text: 'version 1')
-          up.extract('.element:before', '<div class="element">version 2</div>', reveal: true, scrollBehavior: 'smooth')
-          next =>
-            expect(@revealScrollBehavior).toEqual('smooth')
-
-        it 'animates the revealing when appending an element', asyncSpec (next) ->
-          fixture('.element', text: 'version 1')
-          up.extract('.element:after', '<div class="element">version 2</div>', reveal: true, scrollBehavior: 'smooth')
-          next =>
-            expect(@revealScrollBehavior).toEqual('smooth')
-
-        it 'does not animate the revealing when swapping out an element', asyncSpec (next) ->
-          fixture('.element', text: 'version 1')
-          up.extract('.element', '<div class="element">version 2</div>', reveal: true, scrollBehavior: 'smooth')
-          next =>
-            expect(@revealScrollBehavior).toEqual('auto')
-
-      describe 'handling of [up-keep] elements', ->
-
-        squish = (string) ->
-          if u.isString(string)
-            string = string.replace(/^\s+/g, '')
-            string = string.replace(/\s+$/g, '')
-            string = string.replace(/\s+/g, ' ')
-          string
-
-        beforeEach ->
-          # Need to refactor this spec file so examples don't all share one example
-          $('.before, .middle, .after').remove()
-
-        it 'keeps an [up-keep] element, but does replace other elements around it', asyncSpec (next) ->
-          $container = $fixture('.container')
-          $container.affix('.before').text('old-before')
-          $container.affix('.middle[up-keep]').text('old-middle')
-          $container.affix('.after').text('old-after')
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class='before'>new-before</div>
-              <div class='middle' up-keep>new-middle</div>
-              <div class='after'>new-after</div>
-            </div>
-            """
-
-          next =>
-            expect($('.before')).toHaveText('new-before')
-            expect($('.middle')).toHaveText('old-middle')
-            expect($('.after')).toHaveText('new-after')
-
-        it 'keeps an [up-keep] element, but does replace text nodes around it', asyncSpec (next) ->
-          $container = $fixture('.container')
-          $container.html """
-            old-before
-            <div class='element' up-keep>old-inside</div>
-            old-after
-            """
-
-          up.extract '.container', """
-            <div class='container'>
-              new-before
-              <div class='element' up-keep>new-inside</div>
-              new-after
-            </div>
-            """
-
-          next =>
-            expect(squish($('.container').text())).toEqual('new-before old-inside new-after')
-
-        it 'updates an [up-keep] element with { keep: false } option', asyncSpec (next) ->
-          $container = $fixture('.container')
-          $container.html """
-            old-before
-            <div class='element' up-keep>old-inside</div>
-            old-after
-            """
-
-          up.extract '.container', """
-            <div class='container'>
-              new-before
-              <div class='element' up-keep>new-inside</div>
-              new-after
-            </div>
-            """,
-            keep: false
-
-          next =>
-            expect(squish($('.container').text())).toEqual('new-before new-inside new-after')
-
-        describe 'if an [up-keep] element is itself a direct replacement target', ->
-
-          it "keeps that element", asyncSpec (next) ->
-            $fixture('.keeper[up-keep]').text('old-inside')
-            up.extract '.keeper', "<div class='keeper' up-keep>new-inside</div>"
-
-            next =>
-              expect($('.keeper')).toHaveText('old-inside')
-
-          it "only emits an event up:fragment:kept, but not an event up:fragment:inserted", asyncSpec (next) ->
-            insertedListener = jasmine.createSpy('subscriber to up:fragment:inserted')
-            keptListener = jasmine.createSpy('subscriber to up:fragment:kept')
-            up.on('up:fragment:kept', keptListener)
-            up.on('up:fragment:inserted', insertedListener)
-            $keeper = $fixture('.keeper[up-keep]').text('old-inside')
-            up.extract '.keeper', "<div class='keeper new' up-keep>new-inside</div>"
-
-            next =>
-              expect(insertedListener).not.toHaveBeenCalled()
-              expect(keptListener).toHaveBeenCalledWith(
-                jasmine.objectContaining(newFragment: jasmine.objectContaining(className: 'keeper new')),
-                $keeper[0],
-                jasmine.anything()
-              )
-
-        it "removes an [up-keep] element if no matching element is found in the response", asyncSpec (next) ->
-          barCompiler = jasmine.createSpy()
-          barDestructor = jasmine.createSpy()
-          up.$compiler '.bar', ($bar) ->
-            text = $bar.text()
-            barCompiler(text)
-            return -> barDestructor(text)
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class='foo'>old-foo</div>
-            <div class='bar' up-keep>old-bar</div>
-            """
-          up.hello($container)
-
-          expect(barCompiler.calls.allArgs()).toEqual [['old-bar']]
-          expect(barDestructor.calls.allArgs()).toEqual []
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class='foo'>new-foo</div>
-            </div>
-            """
-
-          next =>
-            expect($('.container .foo')).toBeAttached()
-            expect($('.container .bar')).not.toBeAttached()
-
-            expect(barCompiler.calls.allArgs()).toEqual [['old-bar']]
-            expect(barDestructor.calls.allArgs()).toEqual [['old-bar']]
-
-        it "updates an element if a matching element is found in the response, but that other element is no longer [up-keep]", asyncSpec (next) ->
-          barCompiler = jasmine.createSpy()
-          barDestructor = jasmine.createSpy()
-          up.$compiler '.bar', ($bar) ->
-            text = $bar.text()
-            barCompiler(text)
-            return -> barDestructor(text)
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class='foo'>old-foo</div>
-            <div class='bar' up-keep>old-bar</div>
-            """
-          up.hello($container)
-
-          expect(barCompiler.calls.allArgs()).toEqual [['old-bar']]
-          expect(barDestructor.calls.allArgs()).toEqual []
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class='foo'>new-foo</div>
-              <div class='bar'>new-bar</div>
-            </div>
-            """
-
-          next =>
-            expect($('.container .foo')).toHaveText('new-foo')
-            expect($('.container .bar')).toHaveText('new-bar')
-
-            expect(barCompiler.calls.allArgs()).toEqual [['old-bar'], ['new-bar']]
-            expect(barDestructor.calls.allArgs()).toEqual [['old-bar']]
-
-        it 'moves a kept element to the ancestry position of the matching element in the response', asyncSpec (next) ->
-          $container = $fixture('.container')
-          $container.html """
-            <div class="parent1">
-              <div class="keeper" up-keep>old-inside</div>
-            </div>
-            <div class="parent2">
-            </div>
-            """
-          up.extract '.container', """
-            <div class='container'>
-              <div class="parent1">
-              </div>
-              <div class="parent2">
-                <div class="keeper" up-keep>old-inside</div>
-              </div>
-            </div>
-            """
-
-          next =>
-            expect($('.keeper')).toHaveText('old-inside')
-            expect($('.keeper').parent()).toEqual($('.parent2'))
-
-        it 'lets developers choose a selector to match against as the value of the up-keep attribute', asyncSpec (next) ->
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep=".stayer"></div>
-            """
-          up.extract '.container', """
-            <div class='container'>
-              <div up-keep class="stayer"></div>
-            </div>
-            """
-
-          next =>
-            expect('.keeper').toBeAttached()
-
-        it 'does not compile a kept element a second time', asyncSpec (next) ->
-          compiler = jasmine.createSpy('compiler')
-          up.$compiler('.keeper', compiler)
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep>old-text</div>
-            """
-
-          up.hello($container)
-          expect(compiler.calls.count()).toEqual(1)
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class="keeper" up-keep>new-text</div>
-            </div>
-            """
-
-          next =>
-            expect(compiler.calls.count()).toEqual(1)
-            expect('.keeper').toBeAttached()
-
-        it 'does not lose jQuery event handlers on a kept element (bugfix)', asyncSpec (next) ->
-          handler = jasmine.createSpy('event handler')
-          up.$compiler '.keeper', ($keeper) ->
-            $keeper.on 'click', handler
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep>old-text</div>
-            """
-          up.hello($container)
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class="keeper" up-keep>new-text</div>
-            </div>
-            """
-
-          next =>
-            expect('.keeper').toHaveText('old-text')
-
-          next =>
-            Trigger.click('.keeper')
-
-          next =>
-            expect(handler).toHaveBeenCalled()
-
-        it 'does not call destructors on a kept alement', asyncSpec (next) ->
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.keeper', ($keeper) ->
-            return destructor
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep>old-text</div>
-            """
-          up.hello($container)
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class="keeper" up-keep>new-text</div>
-            </div>
-            """
-
-          next =>
-            $keeper = $('.keeper')
-            expect($keeper).toHaveText('old-text')
-            expect(destructor).not.toHaveBeenCalled()
-
-        it 'calls destructors when a kept element is eventually removed from the DOM', asyncSpec (next) ->
-          handler = jasmine.createSpy('event handler')
-          destructor = jasmine.createSpy('destructor')
-          up.$compiler '.keeper', ($keeper) ->
-            return destructor
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep>old-text</div>
-            """
-          up.hello($container)
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class="keeper">new-text</div>
-            </div>
-            """
-
-          next =>
-            $keeper = $('.keeper')
-            expect($keeper).toHaveText('new-text')
-            expect(destructor).toHaveBeenCalled()
-
-        it 'lets listeners inspect a new element before discarding through properties on an up:fragment:keep event', asyncSpec (next) ->
-          $keeper = $fixture('.keeper[up-keep]').text('old-inside')
-          listener = jasmine.createSpy('event listener')
-          $keeper[0].addEventListener('up:fragment:keep', listener)
-          up.extract '.keeper', "<div class='keeper new' up-keep up-data='{ \"key\": \"new-value\" }'>new-inside</div>"
-          next =>
-            expect(listener).toHaveBeenCalledWith(
-              jasmine.objectContaining(
-                newFragment: jasmine.objectContaining(className: 'keeper new')
-                newData: { key: 'new-value' },
-                target: $keeper[0]
-              )
-            )
-
-        it 'lets listeners cancel the keeping by preventing default on an up:fragment:keep event', asyncSpec (next) ->
-          $keeper = $fixture('.keeper[up-keep]').text('old-inside')
-          $keeper.on 'up:fragment:keep', (event) -> event.preventDefault()
-          up.extract '.keeper', "<div class='keeper' up-keep>new-inside</div>"
-          next => expect($('.keeper')).toHaveText('new-inside')
-
-        it 'lets listeners prevent up:fragment:keep event if the element was kept before (bugfix)', asyncSpec (next) ->
-          $keeper = $fixture('.keeper[up-keep]').text('version 1')
-          $keeper[0].addEventListener 'up:fragment:keep', (event) ->
-            event.preventDefault() if event.newFragment.textContent.trim() == 'version 3'
-
-          next => up.extract '.keeper', "<div class='keeper' up-keep>version 2</div>"
-          next => expect($('.keeper')).toHaveText('version 1')
-          next => up.extract '.keeper', "<div class='keeper' up-keep>version 3</div>"
-          next => expect($('.keeper')).toHaveText('version 3')
-
-        it 'emits an up:fragment:kept event on a kept element and up:fragment:inserted on the targeted parent parent', asyncSpec (next) ->
-          insertedListener = jasmine.createSpy()
-          up.on('up:fragment:inserted', insertedListener)
-          keptListener = jasmine.createSpy()
-          up.on('up:fragment:kept', keptListener)
-
-          $container = $fixture('.container')
-          $container.html """
-            <div class="keeper" up-keep></div>
-            """
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class="keeper" up-keep></div>
-            </div>
-            """
-
-          next =>
-            expect(insertedListener).toHaveBeenCalledWith(jasmine.anything(), $('.container')[0], jasmine.anything())
-            expect(keptListener).toHaveBeenCalledWith(jasmine.anything(), $('.container .keeper')[0], jasmine.anything())
-
-        it 'emits an up:fragment:kept event on a kept element with a newData property corresponding to the up-data attribute value of the discarded element', asyncSpec (next) ->
-          keptListener = jasmine.createSpy()
-          up.on 'up:fragment:kept', (event) -> keptListener(event.target, event.newData)
-          $container = $fixture('.container')
-          $keeper = $container.affix('.keeper[up-keep]').text('old-inside')
-
-          up.extract '.container', """
-            <div class='container'>
-              <div class='keeper' up-keep up-data='{ "foo": "bar" }'>new-inside</div>
-            </div>
-          """
-
-          next =>
-            expect($('.keeper')).toHaveText('old-inside')
-            expect(keptListener).toHaveBeenCalledWith($keeper[0], { 'foo': 'bar' })
-
-        it 'emits an up:fragment:kept with { newData: {} } if the discarded element had no up-data value', asyncSpec (next) ->
-          keptListener = jasmine.createSpy()
-          up.on('up:fragment:kept', keptListener)
-          $container = $fixture('.container')
-          $keeper = $container.affix('.keeper[up-keep]').text('old-inside')
-          up.extract '.keeper', """
-            <div class='container'>
-              <div class='keeper' up-keep>new-inside</div>
-            </div>
-          """
-
-          next =>
-            expect($('.keeper')).toHaveText('old-inside')
-            expect(keptListener).toEqual(jasmine.anything(), $('.keeper'), {})
-
-        it 'reuses the same element and emits up:fragment:kept during multiple extractions', asyncSpec (next) ->
-          keptListener = jasmine.createSpy()
-          up.on 'up:fragment:kept', (event) -> keptListener(event.target, event.newData)
-          $container = $fixture('.container')
-          $keeper = $container.affix('.keeper[up-keep]').text('old-inside')
-
-          next =>
-            up.extract '.keeper', """
-              <div class='container'>
-                <div class='keeper' up-keep up-data='{ \"key\": \"value1\" }'>new-inside</div>
-              </div>
-            """
-
-          next =>
-            up.extract '.keeper', """
-              <div class='container'>
-                <div class='keeper' up-keep up-data='{ \"key\": \"value2\" }'>new-inside</div>
-            """
-
-          next =>
-            $keeper = $('.keeper')
-            expect($keeper).toHaveText('old-inside')
-            expect(keptListener).toHaveBeenCalledWith($keeper[0], { key: 'value1' })
-            expect(keptListener).toHaveBeenCalledWith($keeper[0], { key: 'value2' })
-
-        it "doesn't let the discarded element appear in a transition", (done) ->
-          oldTextDuringTransition = undefined
-          newTextDuringTransition = undefined
-          transition = (oldElement, newElement) ->
-            oldTextDuringTransition = squish(oldElement.innerText)
-            newTextDuringTransition = squish(newElement.innerText)
-            Promise.resolve()
-          $container = $fixture('.container')
-          $container.html """
-            <div class='foo'>old-foo</div>
-            <div class='bar' up-keep>old-bar</div>
-            """
-          newHtml = """
-            <div class='container'>
-              <div class='foo'>new-foo</div>
-              <div class='bar' up-keep>new-bar</div>
-            </div>
-            """
-          promise = up.extract('.container', newHtml, transition: transition)
-          promise.then ->
-            expect(oldTextDuringTransition).toEqual('old-foo old-bar')
-            expect(newTextDuringTransition).toEqual('new-foo old-bar')
-            done()
-
-
-
-    describe 'up.destroy', ->
-
-      it 'removes the element with the given selector', (done) ->
-        $fixture('.element')
-        up.destroy('.element').then ->
-          expect($('.element')).not.toBeAttached()
-          done()
-
-      it 'runs an animation before removal with { animate } option', asyncSpec (next) ->
-        $element = $fixture('.element')
-        up.destroy($element, animation: 'fade-out', duration: 200, easing: 'linear')
-
-        next ->
-          expect($element).toHaveOpacity(1.0, 0.15)
-
-        next.after 100, ->
-          expect($element).toHaveOpacity(0.5, 0.3)
-
-        next.after (100 + 75), ->
-          expect($element).toBeDetached()
-
-      it 'calls destructors for custom elements', (done) ->
-        up.$compiler('.element', ($element) -> destructor)
-        destructor = jasmine.createSpy('destructor')
-        up.hello(fixture('.element'))
-        up.destroy('.element').then ->
-          expect(destructor).toHaveBeenCalled()
-          done()
-
-      it 'marks the old element as .up-destroying before destructors', (done) ->
-        destructor = jasmine.createSpy('destructor')
-        up.$compiler '.container', ($element) ->
-          -> destructor($element.text(), $element.is('.up-destroying'))
-        $container = $fixture('.container').text('old text')
-        up.hello($container)
-
-        destroyDone = up.destroy('.container')
-
-        destroyDone.then ->
-          expect(destructor).toHaveBeenCalledWith('old text', true)
-          done()
-
-      it 'marks the old element as .up-destroying before destructors after an { animation }', (done) ->
-        destructor = jasmine.createSpy('destructor')
-        up.$compiler '.container', ($element) ->
-          -> destructor($element.text(), $element.is('.up-destroying'))
-        $container = $fixture('.container').text('old text')
-        up.hello($container)
-
-        destroyDone = up.destroy('.container', animation: 'fade-out', duration: 100)
-
-        destroyDone.then ->
-          expect(destructor).toHaveBeenCalledWith('old text', true)
-          done()
-
-      it 'waits until an { animation } is done before calling destructors', asyncSpec (next) ->
-        destructor = jasmine.createSpy('destructor')
-        up.$compiler '.container', ($element) ->
-          -> destructor($element.text())
-        $container = $fixture('.container').text('old text')
-        up.hello($container)
-
-        destroyDone = up.destroy('.container', animation: 'fade-out', duration: 200)
-
-        next.after 100, ->
-          expect(destructor).not.toHaveBeenCalled()
-
-          next.await(destroyDone)
-
-        next ->
-          expect(destructor).toHaveBeenCalledWith('old text',)
-
-
-      it 'allows to pass a new history entry as { history } option', (done) ->
-        up.history.config.enabled = true
-        $fixture('.element')
-        up.destroy('.element', history: '/new-path').then ->
-          u.timer 100, ->
-            expect(location.href).toMatchUrl('/new-path')
-            done()
-
-      it 'allows to pass a new document title as { title } option', (done) ->
-        up.history.config.enabled = true
-        $fixture('.element')
-        up.destroy('.element', history: '/new-path', title: 'Title from options').then ->
-          expect(document.title).toEqual('Title from options')
-          done()
-
-      it 'marks the element as .up-destroying while it is animating', asyncSpec (next) ->
-        $element = $fixture('.element')
-        up.destroy($element, animation: 'fade-out', duration: 80, easing: 'linear')
-
-        next ->
-          expect($element).toHaveClass('up-destroying')
-
-      # up.destroy
-      it 'emits an up:fragment:destroyed event on the former parent element after the element has been removed from the DOM', asyncSpec (next) ->
-        $parent = $fixture('.parent')
-        $element = $parent.affix('.element')
-        expect($element).toBeAttached()
-
-        listener = jasmine.createSpy('event listener')
-
-        $parent[0].addEventListener('up:fragment:destroyed', listener)
-
-        destroyDone = up.destroy($element, animation: 'fade-out', duration: 30)
-
-        next ->
-          expect(listener).not.toHaveBeenCalled()
-          expect($element).toBeAttached()
-
-          next.await(destroyDone)
-
-        next ->
-          expect(listener).toHaveBeenCalledWith(
-            jasmine.objectContaining(
-              target: $parent[0],
-              parent: $parent[0]
-              fragment: $element[0]
-            )
-          )
-          expect($element).toBeDetached()
-
-      it 'removes element-related data from the global jQuery cache (bugfix)', asyncSpec (next) ->
-        $element = $fixture('.element')
-        $element.data('foo', { foo: '1' })
-        expect($element.data('foo')).toEqual({ foo: '1'})
-        up.destroy($element)
-
-        next ->
-          expect($element.data('foo')).toBeMissing()
-
-    describe 'up.reload', ->
-
-      describeCapability 'canPushState', ->
-
-        it 'reloads the given selector from the closest known source URL', asyncSpec (next) ->
-          $fixture('.container[up-source="/source"] .element').find('.element').text('old text')
-
-          next =>
-            up.reload('.element')
-
-          next =>
-            expect(@lastRequest().url).toMatch(/\/source$/)
-            @respondWith """
-              <div class="container">
-                <div class="element">new text</div>
-              </div>
-              """
-
-          next =>
-            expect($('.element')).toHaveText('new text')
-
-
-      describeFallback 'canPushState', ->
-
-        it 'makes a page load from the closest known source URL', asyncSpec (next) ->
-          $fixture('.container[up-source="/source"] .element').find('.element').text('old text')
-          spyOn(up.browser, 'navigate')
-          up.reload('.element')
-
-          next =>
-            expect(up.browser.navigate).toHaveBeenCalledWith('/source', jasmine.anything())
-
-    describe 'up.fragment.layerOf', ->
-
-      it 'returns "popup" for an element in a popup over the page', ->
-        $popup = $fixture('.up-popup')
-        $element = $popup.affix('.element')
-        expect(up.fragment.layerOf($element[0])).toEqual('popup')
-
-      it 'returns "popup" for an element in a popup over a modal', ->
-        $modal = $fixture('.up-modal')
-        $popupInModal = $modal.affix('.up-popup')
-        $element = $popupInModal.affix('.element')
-        expect(up.fragment.layerOf($element[0])).toEqual('popup')
-
-      it 'returns "modal" for an element in a modal', ->
-        $modal = $fixture('.up-modal')
-        $element = $modal.affix('.element')
-        expect(up.fragment.layerOf($element[0])).toEqual('modal')
-
-      it 'returns "page" for an element below a modal or popup', ->
-        $element = $fixture('.element')
-        expect(up.fragment.layerOf($element[0])).toEqual('page')
-