unpoly-rails 1.0.3 → 2.0.0.pre.rc2

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

@@ -1,163 +0,0 @@
-u = up.util
-e = up.element
-$ = jQuery
-
-describe 'up.tooltip', ->
-
-  describe 'JavaScript functions', ->
-    
-    describe 'up.tooltip.attach', ->
-      
-      it 'opens a tooltip with the given text', (done) ->
-        $link = $fixture('span')
-        up.tooltip.attach($link, html: 'tooltip text').then ->
-          $tooltip = $('.up-tooltip')
-          expect($tooltip).toHaveText('tooltip text')
-          done()
-
-      it 'allows HTML for the tooltip text when contents are given as { html } option', (done) ->
-        $link = $fixture('span')
-        up.tooltip.attach($link, html: '<b>text</b>').then ->
-          $tooltip = $('.up-tooltip')
-          expect($tooltip.html()).toContain('<b>text</b>')
-          done()
-
-      it 'escapes HTML for the tooltip text when contents given as { text } option', (done) ->
-        $link = $fixture('span')
-        up.tooltip.attach($link, text: '<b>text</b>').then ->
-          $tooltip = $('.up-tooltip')
-          expect($tooltip.html()).toContain('&lt;b&gt;text&lt;/b&gt;')
-          done()
-
-      describe 'positioning', ->
-
-        beforeEach ->
-          @$link = $fixture('span').text('button label')
-          @$link.css(
-            position: 'absolute'
-            left: '200px'
-            top: '200px'
-            width: '50px'
-            height: '50px'
-          )
-
-        beforeEach ->
-          @restoreBodyHeight = e.setTemporaryStyle(document.body, minHeight: '3000px')
-
-        afterEach ->
-          @restoreBodyHeight()
-          
-        distanceFromOrigin = 10
-
-        describe 'with { position: "top" }', ->
-
-          it 'centers the tooltip above the given element', (done) ->
-            @linkBox = @$link.get(0).getBoundingClientRect()
-            up.tooltip.attach(@$link, html: 'tooltip text', position: 'top').then =>
-              $tooltip = $('.up-tooltip')
-              tooltipBox = $tooltip.get(0).getBoundingClientRect()
-              expect(tooltipBox.top).toBeAround(@linkBox.top - tooltipBox.height - distanceFromOrigin, 1)
-              expect(tooltipBox.left).toBeAround(@linkBox.left + 0.5 * (@linkBox.width - tooltipBox.width), 1)
-              done()
-
-        describe 'with { position: "right" }', ->
-
-          it 'centers the tooltip at the right side of the given element', (done) ->
-            @linkBox = @$link.get(0).getBoundingClientRect()
-            up.tooltip.attach(@$link, html: 'tooltip text', position: 'right').then =>
-              $tooltip = $('.up-tooltip')
-              tooltipBox = $tooltip.get(0).getBoundingClientRect()
-              expect(tooltipBox.top).toBeAround(@linkBox.top + 0.5 * (@linkBox.height - tooltipBox.height), 1)
-              expect(tooltipBox.left).toBeAround(@linkBox.left + @linkBox.width + distanceFromOrigin, 1)
-              done()
-
-        describe 'with { position: "bottom" }', ->
-
-          it 'centers the tooltip below the given element', (done) ->
-            @linkBox = @$link.get(0).getBoundingClientRect()
-            up.tooltip.attach(@$link, html: 'tooltip text', position: 'bottom').then =>
-              $tooltip = $('.up-tooltip')
-              tooltipBox = $tooltip.get(0).getBoundingClientRect()
-              expect(tooltipBox.top).toBeAround(@linkBox.top + @linkBox.height + distanceFromOrigin, 1)
-              expect(tooltipBox.left).toBeAround(@linkBox.left + 0.5 * (@linkBox.width - tooltipBox.width), 1)
-              done()
-
-        describe 'with { position: "left" }', ->
-
-          it 'centers the tooltip at the left side of the given element', (done) ->
-            @linkBox = @$link.get(0).getBoundingClientRect()
-            up.tooltip.attach(@$link, html: 'tooltip text', position: 'left').then =>
-              $tooltip = $('.up-tooltip')
-              tooltipBox = $tooltip.get(0).getBoundingClientRect()
-              expect(tooltipBox.top).toBeAround(@linkBox.top + 0.5 * (@linkBox.height - tooltipBox.height), 1)
-              expect(tooltipBox.left).toBeAround(@linkBox.left - tooltipBox.width - distanceFromOrigin, 1)
-              done()
-
-    describe 'up.tooltip.close', ->
-
-      it 'closes an existing tooltip'
-  
-  describe 'unobtrusive behavior', ->
-    
-    describe '[up-tooltip]', ->
-
-      it 'should have tests'
-
-    describe '[up-tooltip-html]', ->
-
-      it 'should have tests'
-
-    describe 'when clicking on the body', ->
-
-      beforeEach ->
-        up.motion.config.enabled = false
-
-      it 'closes the tooltip', asyncSpec (next) ->
-        $link = $fixture('.link')
-        up.tooltip.attach($link, text: 'Tooltip text')
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(true)
-          Trigger.clickSequence($('body'))
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(false)
-
-      it 'closes the tooltip when a an [up-instant] link removes its parent (and thus a click event never bubbles up to the document)', asyncSpec (next) ->
-        $parent = $fixture('.parent')
-        $parentReplacingLink = $parent.affix('a[href="/foo"][up-target=".parent"][up-instant]')
-        $tooltipOpener = $fixture('.link')
-        up.tooltip.attach($tooltipOpener, text: 'Tooltip text')
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(true)
-          Trigger.clickSequence($parentReplacingLink)
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(false)
-
-      it 'closes a tooltip when the user clicks on an [up-target] link outside the tooltip', asyncSpec (next) ->
-        $target = $fixture('.target')
-        $outsideLink = $fixture('a[href="/foo"][up-target=".target"]')
-        $tooltipOpener = $fixture('.link')
-        up.tooltip.attach($tooltipOpener, text: 'Tooltip text')
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(true)
-          Trigger.clickSequence($outsideLink)
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(false)
-
-      it 'closes a tooltip when the user clicks on an [up-instant] link outside the tooltip', asyncSpec (next) ->
-        $target = $fixture('.target')
-        $outsideLink = $fixture('a[href="/foo"][up-target=".target"][up-instant]')
-        $tooltipOpener = $fixture('.link')
-        up.tooltip.attach($tooltipOpener, text: 'Tooltip text')
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(true)
-          Trigger.clickSequence($outsideLink)
-
-        next =>
-          expect(up.tooltip.isOpen()).toBe(false)