mercury-rails 0.2.3 → 0.3.1

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Palette", ->
 
   template 'mercury/palette.html'
@@ -14,20 +12,20 @@ describe "Mercury.Palette", ->
   describe "#build", ->
 
     it "builds an element", ->
-      @palette = new Mercury.Palette('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @palette = new Mercury.Palette('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
       html = $('<div>').html(@palette.element).html()
       expect(html).toContain('class="mercury-palette mercury-foo-palette loading"')
       expect(html).toContain('style="display:none"')
 
     it "appends to any element", ->
-      @palette = new Mercury.Palette('/evergreen/responses/blank.html', 'foo', {appendTo: '#palette_container', for: $('#button')})
+      @palette = new Mercury.Palette('/blank.html', 'foo', {appendTo: '#palette_container', for: $('#button')})
       expect($('#palette_container .mercury-palette').length).toEqual(1)
 
 
   describe "observed events", ->
 
     beforeEach ->
-      @palette = new Mercury.Palette('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @palette = new Mercury.Palette('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
 
     it "hides", ->
       @palette.element.css({display: 'block'})
@@ -43,7 +41,7 @@ describe "Mercury.Palette", ->
   describe "#position", ->
 
     beforeEach ->
-      @palette = new Mercury.Palette('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @palette = new Mercury.Palette('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
 
     it "positions based on it's button", ->
       @palette.element.css({display: 'block'})

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Panel", ->
 
   template 'mercury/panel.html'
@@ -7,9 +5,12 @@ describe "Mercury.Panel", ->
   beforeEach ->
     Mercury.displayRect = {top: 20, left: 20, width: 200, height: 200}
     $.fx.off = true
+    Mercury.determinedLocale =
+      top: {'hello world!': 'bork! bork!'}
+      sub: {'foo': 'Bork!'}
 
   afterEach ->
-    @panel = null
+    Mercury.config.localization.enabled = false
     delete(@panel)
     $(window).unbind('mercury:resize')
     $(window).unbind('mercury:hide:panels')
@@ -22,16 +23,23 @@ describe "Mercury.Panel", ->
       expect(html).toContain('class="mercury-panel loading"')
       expect(html).toContain('style="display:none;"')
       expect(html).toContain('<h1>foo panel</h1><div class="mercury-panel-pane"></div>')
+      expect(html).not.toContain('class="mercury-panel-close"')
 
     it "appends to any element", ->
       @panel = new Mercury.Panel('/evergreen/resources/panel.html', 'foo', {appendTo: '#panel_container', title: 'foo panel'})
       expect($('#panel_container .mercury-panel').length).toEqual(1)
 
+    it "creates a close button if it should", ->
+      @panel = new Mercury.Panel('/evergreen/resources/panel.html', 'foo', {appendTo: '#test', title: 'foo panel', closeButton: true})
+      html = $('<div>').html(@panel.element).html()
+      expect(html).toContain('class="mercury-panel-close"')
+      expect(@panel.element.find('.mercury-panel-close').css('opacity')).toEqual('0')
+
 
   describe "observed events", ->
 
     beforeEach ->
-      @panel = new Mercury.Panel('/evergreen/resources/panel.html', 'foo', {appendTo: '#test', title: 'foo panel', for: $('#button')})
+      @panel = new Mercury.Panel('/evergreen/resources/panel.html', 'foo', {appendTo: '#test', title: 'foo panel', for: $('#button'), closeButton: true})
 
     describe "custom event: resize", ->
 
@@ -52,6 +60,27 @@ describe "Mercury.Panel", ->
         Mercury.trigger('hide:panels', @panel)
         expect(@panel.element.css('display')).toEqual('block')
 
+    describe "ajax:beforeSend", ->
+
+      it "sets a success that will load the contents of the response", ->
+        options = {}
+        loadContentSpy = spyOn(Mercury.Panel.prototype, 'loadContent').andCallFake(=>)
+        resizeSpy = spyOn(Mercury.Panel.prototype, 'resize').andCallFake(=>)
+        @panel.element.trigger('ajax:beforeSend', [null, options])
+        expect(options.success).toBeDefined()
+        options.success('new content')
+        expect(loadContentSpy.callCount).toEqual(1)
+        expect(loadContentSpy.argsForCall[0]).toEqual(['new content'])
+        expect(resizeSpy.callCount).toEqual(1)
+
+    describe "clicking on the close button", ->
+
+      it "calls hide:panels", ->
+        spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+        jasmine.simulate.click(@panel.element.find('.mercury-panel-close').get(0))
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual(['hide:panels'])
+
 
   describe "#show", ->
 
@@ -128,12 +157,21 @@ describe "Mercury.Panel", ->
       expect(@panel.element.hasClass('loading')).toEqual(false)
 
     it "sets the element html to be the data passed to it", ->
-      @panel.loadContent('hello world!')
+      @panel.loadContent('<span>hello world!</span>')
+      html = @panel.element.html()
+      expect(html).toContain('<h1>foo panel</h1>')
+      expect(html).toContain('class="mercury-panel-pane"')
+      expect(html).toContain('style="visibility: hidden;')
+      expect(html).toContain('hello world!')
+
+    it "sets the element html to be the data passed to it", ->
+      Mercury.config.localization.enabled = true
+      @panel.loadContent('<span>hello world!</span>')
       html = @panel.element.html()
       expect(html).toContain('<h1>foo panel</h1>')
       expect(html).toContain('class="mercury-panel-pane"')
       expect(html).toContain('style="visibility: hidden;')
-      expect(html).toContain('hello world')
+      expect(html).toContain('bork! bork!')
 
 
   describe "#makesDraggable", ->

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

@@ -1,11 +1,10 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Region", ->
 
   template 'mercury/region.html'
 
   beforeEach ->
-    Mercury.config.regionClass = 'custom-region-class'
+    Mercury.config.regions.className = 'custom-region-class'
+    Mercury.config.regions.dataAttributes = []
 
   afterEach ->
     @region = null
@@ -34,6 +33,11 @@ describe "Mercury.Region", ->
       expect(@region.name).toEqual('region')
       expect(@region.history).toBeDefined()
 
+    it "sets name based on configuration", ->
+      Mercury.config.regions.identifier = 'data-scope'
+      @region = new Mercury.Region($('#region'), window, {foo: 'bar'})
+      expect(@region.name).toEqual('scope')
+
     it "calls build", ->
       @region = new Mercury.Region($('#region'), window, {foo: 'bar'})
       expect(@buildSpy.callCount).toEqual(1)
@@ -46,6 +50,10 @@ describe "Mercury.Region", ->
       @region = new Mercury.Region($('#region'), window, {foo: 'bar'})
       expect(@pushHistorySpy.callCount).toEqual(1)
 
+    it "sets the instance of the region into data for the element", ->
+      @region = new Mercury.Region($('#region'), window, {foo: 'bar'})
+      expect(@region.element.data('region')).toEqual(@region)
+
 
   describe "#build", ->
 
@@ -252,13 +260,39 @@ describe "Mercury.Region", ->
     it "does nothing and is there as an interface", ->
 
 
+  describe "#dataAttributes", ->
+
+    beforeEach ->
+      Mercury.config.regions.dataAttributes = ['scope', 'version']
+      @region = new Mercury.Region($('#region'), window)
+
+    it "returns an object of data attributes based on configuration", ->
+      @region.element.attr('data-version', 2)
+      expect(@region.dataAttributes()).toEqual({scope: 'scope', version: '2'})
+
+
   describe "#serialize", ->
 
     beforeEach ->
       @region = new Mercury.Region($('#region'), window)
 
-    it "returns an object with it's type, value, and snippets", ->
-      serialized = @region.serialize()
-      expect(serialized.type).toEqual('region')
-      expect(serialized.value).toEqual('contents')
-      expect(serialized.snippets).toEqual({})
+    describe "without data attributes configured", ->
+
+      it "returns an object with it's type, value, and snippets", ->
+        serialized = @region.serialize()
+        expect(serialized.type).toEqual('region')
+        expect(serialized.value).toEqual('contents')
+        expect(serialized.snippets).toEqual({})
+        expect(serialized.data).toEqual({})
+
+    describe "with data attributes configured", ->
+
+      beforeEach ->
+        Mercury.config.regions.dataAttributes = ['scope', 'version']
+
+      it "returns an object with it's type, value, data and snippets", ->
+        serialized = @region.serialize()
+        expect(serialized.type).toEqual('region')
+        expect(serialized.value).toEqual('contents')
+        expect(serialized.snippets).toEqual({})
+        expect(serialized.data).toEqual({scope: 'scope', version: '1'})

data/spec/javascripts/mercury/regions/editable_spec.js.coffee

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Regions.Editable", ->
 
   template 'mercury/regions/editable.html'

data/spec/javascripts/mercury/regions/markupable_spec.js.coffee

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Regions.Markupable", ->
 
   template 'mercury/regions/markupable.html'

data/spec/javascripts/mercury/regions/snippetable_spec.js.coffee

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Regions.Snippetable", ->
 
   template 'mercury/regions/snippetable.html'
@@ -166,13 +164,13 @@ describe "Mercury.Regions.Snippetable", ->
 
     describe "dragover", ->
 
-      # todo: I'd like to find a nice way to test these things
+      # untestable
       it "prevents the default event", ->
       it "does nothing if previewing", ->
 
     describe "drop", ->
 
-      # todo: I'd like to find a nice way to test these things
+      # untestable
       it "calls focus", ->
       it "prevents the default event", ->
       it "displays the options for the snippet that was dropped", ->
@@ -264,7 +262,7 @@ describe "Mercury.Regions.Snippetable", ->
 
     it "pushes to the history after dragging", ->
       spy = spyOn(Mercury.Regions.Snippetable.prototype, 'pushHistory').andCallFake(=>)
-      spyOn(window, 'setTimeout').andCallFake((callback)=> callback())
+      spyOn(window, 'setTimeout').andCallFake((timeout, callback)=> callback())
       @sortableSpy.andCallFake((arg) => if arg == 'destroy' then return @region.element else arg.stop())
       @region.makeSortable()
       expect(spy.callCount).toEqual(1)

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Select", ->
 
   template 'mercury/select.html'
@@ -14,20 +12,20 @@ describe "Mercury.Select", ->
   describe "#build", ->
 
     it "builds an element", ->
-      @select = new Mercury.Select('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @select = new Mercury.Select('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
       html = $('<div>').html(@select.element).html()
       expect(html).toContain('class="mercury-select mercury-foo-select loading"')
       expect(html).toContain('style="display:none"')
 
     it "appends to any element", ->
-      @select = new Mercury.Select('/evergreen/responses/blank.html', 'foo', {appendTo: '#select_container', for: $('#button')})
+      @select = new Mercury.Select('/blank.html', 'foo', {appendTo: '#select_container', for: $('#button')})
       expect($('#select_container .mercury-select').length).toEqual(1)
 
 
   describe "observed events", ->
 
     beforeEach ->
-      @select = new Mercury.Select('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @select = new Mercury.Select('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
 
     it "hides", ->
       @select.element.css({display: 'block'})
@@ -43,7 +41,7 @@ describe "Mercury.Select", ->
   describe "#position", ->
 
     beforeEach ->
-      @select = new Mercury.Select('/evergreen/responses/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+      @select = new Mercury.Select('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
 
     it "positions based on it's button", ->
       @select.element.css({display: 'block'})

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Snippet", ->
 
   template 'mercury/snippet.html'
@@ -44,7 +42,6 @@ describe "Mercury.Snippet", ->
 
     it "sets the default content to the identity", ->
       ret = @snippet.getHTML($(document))
-      html = $('<div>').html(ret).html()
       expect(ret.html()).toEqual('[identity]')
 
     it "calls loadPreview", ->
@@ -74,11 +71,13 @@ describe "Mercury.Snippet", ->
 
     it "makes an ajax request", ->
       @ajaxSpy.andCallFake(=>)
+      spyOn(Mercury, 'ajaxHeaders').andCallFake(=> {'X-CSRFToken': 'f00'})
       @snippet.loadPreview()
       expect(@ajaxSpy.callCount).toEqual(1)
       expect(@ajaxSpy.argsForCall[0][0]).toEqual("/mercury/snippets/foo/preview.html")
       expect(@ajaxSpy.argsForCall[0][1]['data']).toEqual({foo: 'bar'})
       expect(@ajaxSpy.argsForCall[0][1]['type']).toEqual('POST')
+      expect(@ajaxSpy.argsForCall[0][1]['headers']).toEqual({'X-CSRFToken': 'f00'})
 
     describe "ajax success", ->
 
@@ -108,7 +107,7 @@ describe "Mercury.Snippet", ->
         spy = spyOn(window, 'alert').andCallFake(=>)
         @snippet.loadPreview($('#snippet'))
         expect(spy.callCount).toEqual(1)
-        expect(spy.argsForCall[0]).toEqual(['Error loading the preview for the foo snippet.'])
+        expect(spy.argsForCall[0]).toEqual(['Error loading the preview for the "foo" snippet.'])
 
 
   describe "#displayOptions", ->

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.SnippetToolbar", ->
 
   template 'mercury/snippet_toolbar.html'
@@ -176,11 +174,11 @@ describe "Mercury.SnippetToolbar", ->
         expect(@setTimeoutSpy.callCount).toEqual(1)
 
       it "hides the element", ->
-        @setTimeoutSpy.andCallFake((callback) => callback())
+        @setTimeoutSpy.andCallFake((timeout, callback) => callback())
         @snippetToolbar.hide()
         expect(@snippetToolbar.element.css('display')).toEqual('none')
 
       it "sets visible", ->
-        @setTimeoutSpy.andCallFake((callback) => callback())
+        @setTimeoutSpy.andCallFake((timeout, callback) => callback())
         @snippetToolbar.hide()
         expect(@snippetToolbar.visible).toEqual(false)

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Statusbar", ->
 
   template 'mercury/statusbar.html'

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

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.tableEditor", ->
 
   template 'mercury/table_editor.html'
@@ -30,8 +28,8 @@ describe "Mercury.tableEditor", ->
       expect(Mercury.tableEditor.cell).toEqual(@cell)
 
     it "accepts content that will be placed inside cells", ->
-      Mercury.tableEditor(@table, @cell, ' ')
-      expect(Mercury.tableEditor.cellContent).toEqual(' ')
+      Mercury.tableEditor(@table, @cell, '<br/>')
+      expect(Mercury.tableEditor.cellContent).toEqual('<br/>')
 
     it "sets row based on where the cell is", ->
       Mercury.tableEditor(@table, @cell)

data/spec/javascripts/mercury/toolbar.button_group_spec.js.coffee

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Toolbar.ButtonGroup", ->
 
   template 'mercury/toolbar.button_group.html'

data/spec/javascripts/mercury/toolbar.button_spec.js.coffee

@@ -1,5 +1,3 @@
-require '/assets/mercury.js'
-
 describe "Mercury.Toolbar.Button", ->
 
   template 'mercury/toolbar.button.html'
@@ -12,6 +10,7 @@ describe "Mercury.Toolbar.Button", ->
       element: $('<div class="mercury-region">')
       currentElement: -> $('<div>')
     }
+    Mercury.preloadedViews['/nothing'] = 'nothing'
 
   afterEach ->
     @button = null
@@ -68,7 +67,7 @@ describe "Mercury.Toolbar.Button", ->
       spy = spyOn(Mercury, 'trigger').andCallFake(=>)
 
       jasmine.simulate.click(@button.get(0))
-      expect(spy.callCount).toEqual(2)
+      expect(spy.callCount).toEqual(1)
       expect(spy.argsForCall[0]).toEqual(['mode', {mode: 'foo'}])
 
     it "builds buttons that understand context", ->
@@ -79,7 +78,7 @@ describe "Mercury.Toolbar.Button", ->
       expect(@button.hasClass('active')).toEqual(true)
 
     it "builds panel buttons (and assigns toggle)", ->
-      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {panel: '/evergreen/responses/blank.html'}, {appendDialogsTo: $('#test')})
+      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {panel: '/blank.html'}, {appendDialogsTo: $('#test')})
       expect($('#test .mercury-panel').length).toEqual(1)
 
       jasmine.simulate.click(@button.get(0))
@@ -89,21 +88,25 @@ describe "Mercury.Toolbar.Button", ->
       expect(@button.hasClass('pressed')).toEqual(false)
 
     it "builds palette buttons", ->
-      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {palette: '/evergreen/responses/blank.html'}, {appendDialogsTo: $('#test')})
+      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {palette: '/blank.html'}, {appendDialogsTo: $('#test')})
       expect($('#test .mercury-palette').length).toEqual(1)
 
     it "builds select buttons", ->
-      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {select: '/evergreen/responses/blank.html'}, {appendDialogsTo: $('#test')})
+      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {select: '/blank.html'}, {appendDialogsTo: $('#test')})
       expect($('#test .mercury-select').length).toEqual(1)
 
     it "builds modal buttons", ->
-      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {modal: '/evergreen/responses/blank.html'}, {appendDialogsTo: $('#test')})
+      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {modal: '/blank.html'}, {appendDialogsTo: $('#test')})
       # nothing unique about this in building -- the modal is built/fired on click
 
+    it "builds lightview buttons", ->
+      @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {lightview: '/blank.html'}, {appendDialogsTo: $('#test')})
+      # nothing unique about this in building -- the lightview is built/fired on click
+
     it "throws an error when an unknown type is encountered", ->
       expect(=>
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {foo: '/evergreen/responses/blank.html'})
-      ).toThrow('Unknown button type foo used for the foo button.')
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {foo: '/blank.html'})
+      ).toThrow('Unknown button type "foo" used for the "foo" button.')
 
 
   describe "observed events", ->
@@ -117,6 +120,15 @@ describe "Mercury.Toolbar.Button", ->
         Mercury.trigger('button', {action: 'foo'})
         expect(spy.callCount).toEqual(1)
 
+    describe "custom event: mode", ->
+
+      it "toggles a button when that mode is triggered and the button is toggleable", ->
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {mode: 'preview', toggle: true})
+        spy = spyOn(Mercury.Toolbar.Button.prototype, 'togglePressed').andCallFake(=>)
+
+        Mercury.trigger('mode', {mode: 'preview'})
+        expect(spy.callCount).toEqual(1)
+
     describe "custom event: region:update", ->
 
       it "calls contexts if one is available and set", ->
@@ -191,7 +203,7 @@ describe "Mercury.Toolbar.Button", ->
 
       it "triggers a focus:frame event", ->
         spy = spyOn(Mercury, 'trigger').andCallFake(=>)
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary')
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {}, {regions: ['editable']})
 
         jasmine.simulate.click(@button.get(0))
         expect(spy.argsForCall[1]).toEqual(['focus:frame'])
@@ -214,14 +226,21 @@ describe "Mercury.Toolbar.Button", ->
 
       it "opens a modal window", ->
         spy = spyOn(Mercury, 'modal').andCallFake(=>)
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {modal: '/evergreen/responses/blank.html'})
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {modal: '/blank.html'})
+
+        jasmine.simulate.click(@button.get(0))
+        expect(spy.argsForCall[0]).toEqual(['/blank.html', {title: 'summary', handler: 'foo'}])
+
+      it "opens a lightview window", ->
+        spy = spyOn(Mercury, 'lightview').andCallFake(=>)
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {lightview: '/blank.html'})
 
         jasmine.simulate.click(@button.get(0))
-        expect(spy.argsForCall[0]).toEqual(['/evergreen/responses/blank.html', {title: 'summary', handler: 'foo'}])
+        expect(spy.argsForCall[0]).toEqual(['/blank.html', {title: 'summary', handler: 'foo', closeButton: true}])
 
       it "shows and hides palettes", ->
         spy = spyOn(Mercury.Palette.prototype, 'toggle').andCallFake(=>)
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {palette: '/evergreen/responses/blank.html'})
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {palette: '/blank.html'})
 
         jasmine.simulate.click(@button.get(0))
         expect(spy.callCount).toEqual(1)
@@ -231,7 +250,7 @@ describe "Mercury.Toolbar.Button", ->
 
       it "shows and hides selects", ->
         spy = spyOn(Mercury.Select.prototype, 'toggle').andCallFake(=>)
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {select: '/evergreen/responses/blank.html'})
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {select: '/blank.html'})
 
         jasmine.simulate.click(@button.get(0))
         expect(spy.callCount).toEqual(1)
@@ -241,7 +260,7 @@ describe "Mercury.Toolbar.Button", ->
 
       it "shows and hides panels, and toggles the button pressed state", ->
         spy = spyOn(Mercury.Panel.prototype, 'toggle').andCallFake(=>)
-        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {panel: '/evergreen/responses/blank.html'})
+        @button = new Mercury.Toolbar.Button('foo', 'title', 'summary', {panel: '/blank.html'})
 
         jasmine.simulate.click(@button.get(0))
         expect(spy.callCount).toEqual(1)