kiteditor 1.0.12 → 1.0.13

data/spec/javascripts/mercury/lightview_spec.js.coffee

@@ -1,7 +1,8 @@
 describe "Mercury.lightview", ->
 
+  template 'mercury/lightview.html'
+
   beforeEach ->
-    fixture.load('mercury/lightview.html')
     $.fx.off = true
     Mercury.displayRect = {fullHeight: 200, width: 1000}
     Mercury.determinedLocale =
@@ -10,7 +11,8 @@ describe "Mercury.lightview", ->
 
   afterEach ->
     Mercury.config.localization.enabled = false
-    Mercury.lightview.instance = null
+    Mercury.lightview.initialized = false
+    Mercury.lightview.visible = false
     $(window).unbind('mercury:refresh')
     $(window).unbind('mercury:resize')
     $(document).unbind('keydown')
@@ -18,135 +20,122 @@ describe "Mercury.lightview", ->
   describe "singleton method", ->
 
     beforeEach ->
-      @showSpy = spyOn(Mercury.Lightview.prototype, 'show').andCallFake(=>)
+      @showSpy = spyOn(Mercury.lightview, 'show').andCallFake(=>)
 
     it "calls show", ->
       Mercury.lightview('/foo')
       expect(@showSpy.callCount).toEqual(1)
 
-    it "returns an instance", ->
+    it "returns the function object", ->
       ret = Mercury.lightview('/foo')
-      expect(ret).toEqual(Mercury.lightview.instance)
-      expect(ret.show).toEqual(Mercury.Lightview.prototype.show)
+      expect(ret).toEqual(Mercury.lightview)
 
 
   describe "#show", ->
 
     beforeEach ->
-      @initializeSpy = spyOn(Mercury.Lightview.prototype, 'initializeLightview').andCallFake(=>)
-      @updateSpy = spyOn(Mercury.Lightview.prototype, 'update').andCallFake(=>)
-      @appearSpy = spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-
-    it "sets options.ujsHandling to true unless set to false", ->
-      instance = new Mercury.Lightview()
-      instance.show()
-      expect(instance.options.ujsHandling).toEqual(true)
-      instance = new Mercury.Lightview('', {ujsHandling: false})
-      instance.show()
-      expect(instance.options.ujsHandling).toEqual(false)
+      @initializeSpy = spyOn(Mercury.lightview, 'initialize').andCallFake(=>)
+      @updateSpy = spyOn(Mercury.lightview, 'update').andCallFake(=>)
+      @appearSpy = spyOn(Mercury.lightview, 'appear').andCallFake(=>)
 
     it "triggers the focus:window event", ->
       spy = spyOn(Mercury, 'trigger').andCallFake(=>)
-      new Mercury.Lightview().show()
+      Mercury.lightview.show()
       expect(spy.callCount).toEqual(1)
       expect(spy.argsForCall[0]).toEqual(['focus:window'])
 
     it "calls initialize", ->
-      new Mercury.Lightview().show()
+      Mercury.lightview.show()
       expect(@initializeSpy.callCount).toEqual(1)
 
     describe "if already visible", ->
 
       it "calls update", ->
-        lightview = new Mercury.Lightview()
-        lightview.visible = true
-        lightview.show()
+        Mercury.lightview.visible = true
+        Mercury.lightview.show()
         expect(@updateSpy.callCount).toEqual(1)
 
     describe "if not visible", ->
 
       it "calls appear", ->
-        lightview = new Mercury.Lightview()
-        lightview.visible = false
-        lightview.show()
+        Mercury.lightview.show()
         expect(@appearSpy.callCount).toEqual(1)
 
 
-  describe "#initializeLightview", ->
+  describe "#initialize", ->
 
     beforeEach ->
-      @buildSpy = spyOn(Mercury.Lightview.prototype, 'build').andCallFake(=>)
-      @bindEventsSpy = spyOn(Mercury.Lightview.prototype, 'bindEvents').andCallFake(=>)
-      @lightview = new Mercury.Lightview()
+      @buildSpy = spyOn(Mercury.lightview, 'build').andCallFake(=>)
+      @bindEventsSpy = spyOn(Mercury.lightview, 'bindEvents').andCallFake(=>)
 
     it "calls build", ->
-      @lightview.initializeLightview()
+      Mercury.lightview.initialize()
       expect(@buildSpy.callCount).toEqual(1)
 
     it "calls bindEvents", ->
-      @lightview.initializeLightview()
+      Mercury.lightview.initialize()
       expect(@bindEventsSpy.callCount).toEqual(1)
 
     it "does nothing if already initialized", ->
-      @lightview.initialized = true
-      @lightview.initializeLightview()
+      Mercury.lightview.initialized = true
+      Mercury.lightview.initialize()
       expect(@buildSpy.callCount).toEqual(0)
 
     it "sets initialized to true", ->
-      @lightview.initializeLightview()
-      expect(@lightview.initialized).toEqual(true)
+      Mercury.lightview.initialize()
+      expect(Mercury.lightview.initialized).toEqual(true)
 
 
   describe "#build", ->
 
     beforeEach ->
-      @lightview = new Mercury.Lightview('', {appendTo: fixture.el})
+      Mercury.lightview.options = {appendTo: $('#test')}
 
     it "builds an element", ->
-      @lightview.build()
-      expect($('.mercury-lightview', fixture.el).length).toEqual(1)
+      Mercury.lightview.build()
+      expect($('#test .mercury-lightview').length).toEqual(1)
 
     it "builds an overlay element", ->
-      @lightview.build()
-      expect($('.mercury-lightview-overlay', fixture.el).length).toEqual(1)
+      Mercury.lightview.build()
+      expect($('#test .mercury-lightview-overlay').length).toEqual(1)
 
     it "creates a titleElement", ->
-      @lightview.build()
-      expect($('.mercury-lightview-title', fixture.el).length).toEqual(1)
-      expect($('.mercury-lightview-title', fixture.el).html()).toEqual("<span><\/span>")
-      expect(@lightview.titleElement).toBeDefined()
+      Mercury.lightview.build()
+      expect($('#test .mercury-lightview-title').length).toEqual(1)
+      expect($('#test .mercury-lightview-title').html()).toEqual("<span><\/span>")
+      expect(Mercury.lightview.titleElement).toBeDefined()
 
     it "creates a contentElement", ->
-      @lightview.build()
-      expect($('.mercury-lightview-content', fixture.el).length).toEqual(1)
-      expect(@lightview.contentElement).toBeDefined()
+      Mercury.lightview.build()
+      expect($('#test .mercury-lightview-content').length).toEqual(1)
+      expect(Mercury.lightview.contentElement).toBeDefined()
 
     it "appends to any element", ->
-      @lightview.options = {appendTo: $('#lightview_container')}
-      @lightview.build()
+      Mercury.lightview.options = {appendTo: $('#lightview_container')}
+      Mercury.lightview.build()
       expect($('#lightview_container .mercury-lightview').length).toEqual(1)
       expect($('#lightview_container .mercury-lightview-overlay').length).toEqual(1)
 
     it "creates a close button if asked to in the options", ->
-      @lightview.options.closeButton = true
-      @lightview.build()
-      expect($('.mercury-lightview-close', fixture.el).length).toEqual(1)
+      Mercury.lightview.options.closeButton = true
+      Mercury.lightview.build()
+      expect($('#test .mercury-lightview-close').length).toEqual(1)
 
 
   describe "observed events", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
 
     describe "without a close button", ->
 
       beforeEach ->
-        @lightview = Mercury.lightview('/foo', {appendTo: fixture.el})
+        Mercury.lightview('/foo', {appendTo: $('#test')})
 
       describe "custom event: refresh", ->
 
         it "calls resize telling it stay visible", ->
-          spy = spyOn(@lightview, 'resize').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'resize').andCallFake(=>)
           Mercury.trigger('refresh')
           expect(spy.callCount).toEqual(1)
           expect(spy.argsForCall[0]).toEqual([true])
@@ -154,46 +143,46 @@ describe "Mercury.lightview", ->
       describe "custom event: resize", ->
 
         beforeEach ->
-          @lightview.visible = true
+          Mercury.lightview.visible = true
 
         it "calls position", ->
-          spy = spyOn(@lightview, 'position').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'position').andCallFake(=>)
           Mercury.trigger('resize')
           expect(spy.callCount).toEqual(1)
 
       describe "clicking on the overlay", ->
 
         it "calls hide", ->
-          spy = spyOn(@lightview, 'hide').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'hide').andCallFake(=>)
           jasmine.simulate.click($('.mercury-lightview-overlay').get(0))
           expect(spy.callCount).toEqual(1)
 
       describe "pressing esc on document", ->
 
         beforeEach ->
-          @lightview.visible = true
+          Mercury.lightview.visible = true
 
         it "calls hide", ->
-          spy = spyOn(@lightview, 'hide').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'hide').andCallFake(=>)
           jasmine.simulate.keydown(document, {keyCode: 27})
           expect(spy.callCount).toEqual(1)
 
     describe "with a close button", ->
 
       beforeEach ->
-        @lightview = Mercury.lightview('/foo', {appendTo: fixture.el, closeButton: true})
+        Mercury.lightview('/foo', {appendTo: $('#test'), closeButton: true})
 
       describe "clicking on the close button", ->
 
         it "calls hide", ->
-          spy = spyOn(@lightview, 'hide').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'hide').andCallFake(=>)
           jasmine.simulate.click($('.mercury-lightview-close').get(0))
           expect(spy.callCount).toEqual(1)
 
       describe "clicking on the overlay", ->
 
         it "doesn't call hide", ->
-          spy = spyOn(@lightview, 'hide').andCallFake(=>)
+          spy = spyOn(Mercury.lightview, 'hide').andCallFake(=>)
           jasmine.simulate.click($('.mercury-lightview-overlay').get(0))
           expect(spy.callCount).toEqual(0)
 
@@ -201,8 +190,8 @@ describe "Mercury.lightview", ->
 
         it "sets a success that will load the contents of the response", ->
           options = {}
-          spy = spyOn(@lightview, 'loadContent').andCallFake(=>)
-          @lightview.element.trigger('ajax:beforeSend', [null, options])
+          spy = spyOn(Mercury.lightview, 'loadContent').andCallFake(=>)
+          Mercury.lightview.element.trigger('ajax:beforeSend', [null, options])
           expect(options.success).toBeDefined()
           options.success('new content')
           expect(spy.callCount).toEqual(1)
@@ -212,76 +201,74 @@ describe "Mercury.lightview", ->
   describe "#appear", ->
 
     beforeEach ->
-      @lightview = new Mercury.Lightview('/blank.html', {appendTo: fixture.el})
-      @lightview.visible = true
-      spyOn(@lightview, 'update').andCallFake(=>)
-      @loadSpy = spyOn(@lightview, 'load').andCallFake(=>)
-      @positionSpy = spyOn(@lightview, 'position').andCallFake(=>)
-      @lightview.show()
+      Mercury.lightview.visible = true
+      spyOn(Mercury.lightview, 'update').andCallFake(=>)
+      @loadSpy = spyOn(Mercury.lightview, 'load').andCallFake(=>)
+      @positionSpy = spyOn(Mercury.lightview, 'position').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test')})
 
     it "calls position", ->
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect(@positionSpy.callCount).toEqual(1)
 
     it "shows the overlay", ->
       expect($('.mercury-lightview-overlay').css('display')).toEqual('none')
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect($('.mercury-lightview-overlay').css('display')).toEqual('block')
 
     it "animates the overlay to full opacity", ->
       expect($('.mercury-lightview-overlay').css('opacity')).toEqual('0')
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect($('.mercury-lightview-overlay').css('opacity')).toEqual('1')
 
     it "calls setTitle", ->
-      spy = spyOn(@lightview, 'setTitle').andCallFake(=>)
-      @lightview.appear()
+      spy = spyOn(Mercury.lightview, 'setTitle').andCallFake(=>)
+      Mercury.lightview.appear()
       expect(spy.callCount).toEqual(1)
 
     it "shows the element", ->
       expect($('.mercury-lightview').css('display')).toEqual('none')
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect($('.mercury-lightview').css('display')).toEqual('block')
 
     it "animates the element opacity", ->
       expect($('.mercury-lightview').css('opacity')).toEqual('0')
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect($('.mercury-lightview').css('opacity')).toEqual('1')
 
     it "sets visible to true", ->
-      @lightview.visible = false
-      @lightview.appear()
-      expect(@lightview.visible).toEqual(true)
+      Mercury.lightview.visible = false
+      Mercury.lightview.appear()
+      expect(Mercury.lightview.visible).toEqual(true)
 
     it "calls load", ->
-      @lightview.appear()
+      Mercury.lightview.appear()
       expect(@loadSpy.callCount).toEqual(1)
 
 
   describe "#resize", ->
 
     beforeEach ->
-      @lightview = new Mercury.Lightview('/blank.html', {appendTo: fixture.el})
-      spyOn(@lightview, 'appear').andCallFake(=>)
-      @lightview.show()
-      @lightview.contentPane = $()
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test')})
+      Mercury.lightview.contentPane = $()
 
     it "will keep the content element visible if asked to do so", ->
       $('.mercury-lightview-content').css('visibility', 'visible')
-      @lightview.resize(true)
+      Mercury.lightview.resize(true)
       expect($('.mercury-lightview-content').css('visibility')).toEqual('visible')
 
     it "resizes the element and adjusts it's position when empty", ->
       $('.mercury-lightview').css({display: 'block', visibility: 'visible', top: 0})
-      @lightview.resize()
+      Mercury.lightview.resize()
       expect($('.mercury-lightview').width()).toEqual(300)
       expect($('.mercury-lightview').offset()).toEqual({top: 35, left: 350})
       expect($('.mercury-lightview').height()).toEqual(150)
 
     it "resizes the element and adjusts it's position when it has content", ->
-      @lightview.loadContent('<div style="width:600px;height:400px"></div>')
+      Mercury.lightview.loadContent('<div style="width:600px;height:400px"></div>')
       $('.mercury-lightview').css({display: 'block', visibility: 'visible', top: 0})
-      @lightview.resize()
+      Mercury.lightview.resize()
       expect($('.mercury-lightview').width()).toEqual(300)
       expect($('.mercury-lightview').offset()).toEqual({top: 20, left: 350})
       expect($('.mercury-lightview').height()).toEqual(180)
@@ -290,7 +277,7 @@ describe "Mercury.lightview", ->
   describe "#position", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
 
     # todo: test this
     it "positions the element", ->
@@ -299,11 +286,10 @@ describe "Mercury.lightview", ->
   describe "#update", ->
 
     beforeEach ->
-      @lightview = new Mercury.Lightview()
-      @resetSpy = spyOn(@lightview, 'reset').andCallFake(=>)
-      @resizeSpy = spyOn(@lightview, 'resize').andCallFake(=>)
-      @loadSpy = spyOn(@lightview, 'load').andCallFake(=>)
-      @lightview.update()
+      @resetSpy = spyOn(Mercury.lightview, 'reset').andCallFake(=>)
+      @resizeSpy = spyOn(Mercury.lightview, 'resize').andCallFake(=>)
+      @loadSpy = spyOn(Mercury.lightview, 'load').andCallFake(=>)
+      Mercury.lightview.update()
 
     it "calls reset", ->
       expect(@resetSpy.callCount).toEqual(1)
@@ -318,37 +304,37 @@ describe "Mercury.lightview", ->
   describe "#load", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
       @ajaxSpy = spyOn($, 'ajax')
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el})
+      Mercury.lightview('/blank.html', {appendTo: $('#test')})
 
     it "does nothing if there's no url", ->
-      @lightview.url = null
+      Mercury.lightview.url = null
       $('.mercury-lightview').removeClass('loading')
-      @lightview.load()
+      Mercury.lightview.load()
       expect($('.mercury-lightview').hasClass('loading')).toEqual(false)
 
     it "sets the loading class on the element", ->
-      @lightview.load()
+      Mercury.lightview.load()
       expect($('.mercury-lightview').hasClass('loading')).toEqual(true)
 
     it "calls setTitle", ->
-      spy = spyOn(@lightview, 'setTitle').andCallFake(=>)
-      @lightview.load()
+      spy = spyOn(Mercury.lightview, 'setTitle').andCallFake(=>)
+      Mercury.lightview.load()
       expect(spy.callCount).toEqual(1)
 
     describe "on a preloaded view", ->
 
       beforeEach ->
-        @setTimeoutSpy = spyOn(window, 'setTimeout').andCallFake((callback, timeout) => callback())
+        @setTimeoutSpy = spyOn(window, 'setTimeout').andCallFake((timeout, callback) => callback())
         Mercury.preloadedViews = {'/blank.html': 'this is the preloaded content'}
 
       afterEach ->
         Mercury.preloadedViews = {}
 
       it "calls loadContent with the content in the preloaded view", ->
-        spy = spyOn(@lightview, 'loadContent').andCallFake(=>)
-        @lightview.load()
+        spy = spyOn(Mercury.lightview, 'loadContent').andCallFake(=>)
+        Mercury.lightview.load()
         expect(@setTimeoutSpy.callCount).toEqual(1)
         expect(spy.callCount).toEqual(1)
 
@@ -357,7 +343,7 @@ describe "Mercury.lightview", ->
       it "makes an ajax request", ->
         @ajaxSpy.andCallFake(=>)
         spyOn(Mercury, 'ajaxHeaders').andCallFake(=> {'X-CSRFToken': 'f00'})
-        @lightview.load()
+        Mercury.lightview.load()
         expect(@ajaxSpy.callCount).toEqual(1)
         expect(@ajaxSpy.argsForCall[0][1]['headers']).toEqual({'X-CSRFToken': 'f00'})
 
@@ -367,8 +353,8 @@ describe "Mercury.lightview", ->
           @ajaxSpy.andCallFake((url, options) => options.success('return value'))
 
         it "calls loadContent and passes the returned data", ->
-          spy = spyOn(@lightview, 'loadContent').andCallFake(=>)
-          @lightview.load()
+          spy = spyOn(Mercury.lightview, 'loadContent').andCallFake(=>)
+          Mercury.lightview.load()
           expect(spy.callCount).toEqual(1)
           expect(spy.argsForCall[0]).toEqual(['return value'])
 
@@ -379,14 +365,14 @@ describe "Mercury.lightview", ->
 
         it "calls hide", ->
           spyOn(window, 'alert').andCallFake(=>)
-          spy = spyOn(@lightview, 'hide').andCallFake(=>)
-          @lightview.load()
+          spy = spyOn(Mercury.lightview, 'hide').andCallFake(=>)
+          Mercury.lightview.load()
           expect(spy.callCount).toEqual(1)
 
         it "alerts an error message", ->
-          spyOn(@lightview, 'hide').andCallFake(=>)
+          spyOn(Mercury.lightview, 'hide').andCallFake(=>)
           spy = spyOn(window, 'alert').andCallFake(=>)
-          @lightview.load()
+          Mercury.lightview.load()
           expect(spy.callCount).toEqual(1)
           expect(spy.argsForCall[0]).toEqual(['Mercury was unable to load /blank.html for the lightview.'])
 
@@ -394,110 +380,86 @@ describe "Mercury.lightview", ->
   describe "#loadContent", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-      @resizeSpy = spyOn(Mercury.Lightview.prototype, 'resize').andCallFake(=>)
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el, title: 'title'})
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
+      @resizeSpy = spyOn(Mercury.lightview, 'resize').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test'), title: 'title'})
 
     it "accepts options and sets them to the instance options", ->
-      @lightview.loadContent('content', {title: 'title'})
-      expect(@lightview.options).toEqual({title: 'title'})
+      Mercury.lightview.loadContent('content', {title: 'title'})
+      expect(Mercury.lightview.options).toEqual({title: 'title'})
 
-    it "calls initializeLightview", ->
-      spy = spyOn(@lightview, 'initializeLightview').andCallFake(=>)
-      @lightview.loadContent('content')
+    it "calls initialize", ->
+      spy = spyOn(Mercury.lightview, 'initialize').andCallFake(=>)
+      Mercury.lightview.loadContent('content')
       expect(spy.callCount).toEqual(1)
 
     it "calls setTitle", ->
-      spy = spyOn(@lightview, 'setTitle').andCallFake(=>)
-      @lightview.loadContent('content')
+      spy = spyOn(Mercury.lightview, 'setTitle').andCallFake(=>)
+      Mercury.lightview.loadContent('content')
       expect(spy.callCount).toEqual(1)
 
     it "sets loaded to true", ->
-      @lightview.loaded = false
-      @lightview.loadContent('content')
-      expect(@lightview.loaded).toEqual(true)
+      Mercury.lightview.loaded = false
+      Mercury.lightview.loadContent('content')
+      expect(Mercury.lightview.loaded).toEqual(true)
 
     it "removes the loading class", ->
       $('.mercury-lightview').addClass('loading')
-      @lightview.loadContent('content')
+      Mercury.lightview.loadContent('content')
       expect($('.mercury-lightview').hasClass('loading')).toEqual(false)
 
     it "sets the content elements html to whatever was passed", ->
-      @lightview.loadContent('<span>content</span>')
+      Mercury.lightview.loadContent('<span>content</span>')
       expect($('.mercury-lightview-content').html()).toEqual('<span>content</span>')
 
     it "hides the contentElement", ->
       $('.mercury-lightview-content').css('display', 'block')
-      @lightview.loadContent('content')
+      Mercury.lightview.loadContent('content')
       expect($('.mercury-lightview-content').css('display')).toEqual('none')
       expect($('.mercury-lightview-content').css('visibility')).toEqual('hidden')
 
     it "calls an afterLoad callback (if provided in options)", ->
       callCount = 0
-      @lightview.loadContent('content', {afterLoad: => callCount += 1})
+      Mercury.lightview.loadContent('content', {afterLoad: => callCount += 1})
       expect(callCount).toEqual(1)
 
-    it "calls a handler method if one is set in lightviewHandlers"#, ->
-#      callCount = 0
-#      Mercury.lightviewHandlers['foo'] = => callCount += 1
-#      @lightview.loadContent('content', {handler: 'foo'})
-#      expect(callCount).toEqual(1)
+    it "calls a handler method if one is set in lightviewHandlers", ->
+      callCount = 0
+      Mercury.lightviewHandlers['foo'] = => callCount += 1
+      Mercury.lightview.loadContent('content', {handler: 'foo'})
+      expect(callCount).toEqual(1)
 
     it "translates the content if configured", ->
       Mercury.config.localization.enabled = true
-      @lightview.loadContent('<span>foo</span>')
+      Mercury.lightview.loadContent('<span>foo</span>')
       expect($('.mercury-lightview-content').html()).toEqual('<span>Bork!</span>')
 
-    it "makes any element with the lightview-close class close the lightview", ->
-      spy = spyOn(@lightview, 'hide').andCallFake(=>)
-      @lightview.loadContent('<span class="lightview-close">foo</span>')
-      jasmine.simulate.click(@lightview.contentElement.find('.lightview-close').get(0))
-      expect(spy.callCount).toEqual(1)
-
     it "calls resize", ->
-      @lightview.loadContent('content')
+      Mercury.lightview.loadContent('content')
       expect(@resizeSpy.callCount).toEqual(1)
 
 
   describe "#setTitle", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el, title: 'title'})
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test'), title: 'title'})
 
     it "sets the the title contents to what was provided in the options", ->
-      @lightview.options = {title: 'new title'}
-      @lightview.setTitle()
+      Mercury.lightview.options = {title: 'new title'}
+      Mercury.lightview.setTitle()
       expect($('.mercury-lightview-title span').html()).toEqual('new title')
 
 
-  describe "#serializeForm", ->
-
-    beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el, title: 'title'})
-
-    describe "without a form", ->
-
-      it "returns an empty object", ->
-        expect(@lightview.serializeForm()).toEqual({})
-
-    describe "with a form", ->
-
-      it "returns an object of the serialized form", ->
-        @lightview.loadContent('<form><input name="options[foo]" value="bar"/></form>')
-        expect(@lightview.serializeForm()).toEqual({options: {foo: 'bar'}})
-
-
   describe "#reset", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el, title: 'title'})
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test'), title: 'title'})
 
     it "clears the title and content elements", ->
       $('.mercury-lightview-content').html('content')
-      @lightview.reset()
+      Mercury.lightview.reset()
       expect($('.mercury-lightview-content').html()).toEqual('')
       expect($('.mercury-lightview-title span').html()).toEqual('')
 
@@ -505,31 +467,31 @@ describe "Mercury.lightview", ->
   describe "#hide", ->
 
     beforeEach ->
-      spyOn(Mercury.Lightview.prototype, 'appear').andCallFake(=>)
-      @lightview = Mercury.lightview('/blank.html', {appendTo: fixture.el})
+      spyOn(Mercury.lightview, 'appear').andCallFake(=>)
+      Mercury.lightview('/blank.html', {appendTo: $('#test')})
 
     it "triggers the focus:frame event", ->
       spy = spyOn(Mercury, 'trigger').andCallFake(=>)
-      @lightview.hide()
+      Mercury.lightview.hide()
       expect(spy.callCount).toEqual(1)
       expect(spy.argsForCall[0]).toEqual(['focus:frame'])
 
     it "hides the element", ->
-      @lightview.element.css('display:block')
-      @lightview.hide()
+      Mercury.lightview.element.css('display:block')
+      Mercury.lightview.hide()
       expect($('.mercury-lightview').css('display')).toEqual('none')
 
     it "hides the overlay element", ->
-      @lightview.overlay.css('display:block')
-      @lightview.hide()
+      Mercury.lightview.overlay.css('display:block')
+      Mercury.lightview.hide()
       expect($('.mercury-lightview-overlay').css('display')).toEqual('none')
 
     it "calls reset", ->
-      spy = spyOn(@lightview, 'reset').andCallFake(=>)
-      @lightview.hide()
+      spy = spyOn(Mercury.lightview, 'reset').andCallFake(=>)
+      Mercury.lightview.hide()
       expect(spy.callCount).toEqual(1)
 
     it "sets visible to false", ->
-      @lightview.visible = true
-      @lightview.hide()
-      expect(@lightview.visible).toEqual(false)
+      Mercury.lightview.visible = true
+      Mercury.lightview.hide()
+      expect(Mercury.lightview.visible).toEqual(false)