kiteditor 1.0.1

data/spec/javascripts/mercury/modals/insertlink_spec.js.coffee

@@ -0,0 +1,220 @@
+describe "Mercury.modalHandlers.insertLink", ->
+
+  template 'mercury/modals/insertlink.html'
+
+  beforeEach ->
+    Mercury.region = null
+    @modal =
+      element: $('#test')
+      hide: ->
+      resize: ->
+    window.mercuryInstance = {document: $(document)}
+
+  describe "initializing", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertLink.call(@modal)
+
+    it "loads all links with a name into the existing bookmarks pulldown", ->
+      options = $('#link_existing_bookmark').html()
+      expect(options).toContain('link1')
+      expect(options).toContain('link2')
+      expect(options).toContain('Link Two')
+
+
+  describe "clicking on a radio button (in a label)", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertLink.call(@modal)
+
+    it "focuses the next input with a selectable class", ->
+      spy = spyOn($.fn, 'focus').andCallFake(=>)
+      jasmine.simulate.click($('#checkbox1').get(0))
+      expect(spy.callCount).toEqual(1)
+
+
+  describe "focusing an input", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertLink.call(@modal)
+
+    it "checks the corresponding checkbox", ->
+      $('#link_existing_bookmark').focus()
+      expect($('#checkbox2').get(0).checked).toEqual(true)
+
+
+  describe "changing the link target", ->
+
+    it "shows options for whatever was selected", ->
+    it "calls resize", ->
+
+
+  describe "when editing", ->
+
+    describe "a standard link", ->
+
+      beforeEach ->
+        Mercury.region = selection: => {
+          commonAncestor: -> $('<a>', {href: 'http://cnn.com', target: '_top'}).html('foo'),
+          textContent: -> 'content'
+          }
+        Mercury.modalHandlers.insertLink.call(@modal)
+
+      it "hides the link text input", ->
+        expect($('#link_text_container').css('display')).toEqual('none')
+
+      it "pre-fills the link url input", ->
+        expect($('#link_external_url').val()).toEqual('http://cnn.com')
+
+      it "selects the target if one's available", ->
+        expect($('#link_target').val()).toEqual('_top')
+
+      it "fills the content", ->
+        expect($('#link_text').val()).toEqual('content')
+
+    describe "a javascript popup link", ->
+
+      beforeEach ->
+        Mercury.region = selection: => {commonAncestor: -> $('<a>', {href: "javascript:void(window.open('http://cnn.com', 'popup_window', 'width=100,height=42,menubar=no,toolbar=no'))"}).html('foo')}
+        Mercury.modalHandlers.insertLink.call(@modal)
+
+      it "hides the link text input", ->
+        expect($('#link_text_container').css('display')).toEqual('none')
+
+      it "pre-fills the link url input", ->
+        expect($('#link_external_url').val()).toEqual('http://cnn.com')
+
+      it "selects the target", ->
+        expect($('#link_target').val()).toEqual('popup')
+
+      it "sets the width and height by parsing them out of the href", ->
+        expect($('#link_popup_width').val()).toEqual('100')
+        expect($('#link_popup_height').val()).toEqual('42')
+
+    describe "a bookmark link", ->
+
+      beforeEach ->
+        Mercury.region = selection: => {commonAncestor: -> $('<a>', {href: '#link2'}).html('foo')}
+        Mercury.modalHandlers.insertLink.call(@modal)
+
+      it "hides the link text input", ->
+        expect($('#link_text_container').css('display')).toEqual('none')
+
+      it "checks the existing bookmark radio", ->
+        expect($('input[value=existing_bookmark]').get(0).checked).toEqual(true)
+
+      it "selects the correct option from the list", ->
+        expect($('#link_existing_bookmark').val()).toEqual('link2')
+
+    describe "a bookmark target", ->
+
+      beforeEach ->
+        Mercury.region = selection: => {commonAncestor: -> $('<a>', {name: 'link3'}).html('foo')}
+        Mercury.modalHandlers.insertLink.call(@modal)
+
+      it "hides the link text input", ->
+        expect($('#link_text_container').css('display')).toEqual('none')
+
+      it "checks the new bookmark radio", ->
+        expect($('input[value=new_bookmark]').get(0).checked).toEqual(true)
+
+      it "sets the link name input", ->
+        expect($('#link_new_bookmark').val()).toEqual('link3')
+
+
+  describe "submitting", ->
+
+    describe "a new link", ->
+
+      beforeEach ->
+        Mercury.modalHandlers.insertLink.call(@modal)
+        @triggerSpy = spyOn(Mercury, 'trigger').andCallFake(=>)
+        $('#link_text').val('foo')
+
+      it "hides the modal", ->
+        spy = spyOn(@modal, 'hide').andCallFake(=>)
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+
+      describe "as a standard link", ->
+
+        beforeEach ->
+          $('#link_external_url').val('http://cnn.com')
+          $('#link_target').val('_top')
+
+        it "triggers an action with the proper values", ->
+          jasmine.simulate.click($('#submit').get(0))
+          expect(@triggerSpy.callCount).toEqual(1)
+          expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+          expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertLink')
+          expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({tagName: 'a', attrs: {href: 'http://cnn.com', target: '_top'}, content: 'foo'})
+
+      describe "as a javascript popup", ->
+
+        beforeEach ->
+          $('#link_external_url').val('http://cnn.com')
+          $('#link_target').val('popup')
+          $('#link_popup_width').val(100)
+          $('#link_popup_height').val('42')
+
+        it "triggers an action with the proper values", ->
+          jasmine.simulate.click($('#submit').get(0))
+          expect(@triggerSpy.callCount).toEqual(1)
+          expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+          expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertLink')
+          expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({tagName: 'a', attrs: {href: "javascript:void(window.open('http://cnn.com', 'popup_window', 'width=100,height=42,menubar=no,toolbar=no'))"}, content: 'foo'})
+
+      describe "as an existing bookmark", ->
+
+        beforeEach ->
+          $('#link_existing_bookmark').val('link2')
+          $('input[value=existing_bookmark]').prop('checked', true)
+
+        it "triggers an action with the proper values", ->
+          jasmine.simulate.click($('#submit').get(0))
+          expect(@triggerSpy.callCount).toEqual(1)
+          expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+          expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertLink')
+          expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({tagName: 'a', attrs: {href: '#link2'}, content: 'foo'})
+
+      describe "as a new bookmark", ->
+
+        beforeEach ->
+          $('#link_new_bookmark').val('link3')
+          $('input[value=new_bookmark]').prop('checked', true)
+
+        it "triggers an action with the proper values", ->
+          jasmine.simulate.click($('#submit').get(0))
+          expect(@triggerSpy.callCount).toEqual(1)
+          expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+          expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertLink')
+          expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({tagName: 'a', attrs: {name: 'link3'}, content: 'foo'})
+
+    describe "editing an existing link", ->
+
+      beforeEach ->
+        @existingLink = $('<a>', {name: 'link3'}).html('foo')
+        Mercury.region = selection: => {commonAncestor: => @existingLink}
+        Mercury.modalHandlers.insertLink.call(@modal)
+        @triggerSpy = spyOn(Mercury, 'trigger').andCallFake(=>)
+        $('#link_text').val('foo')
+
+      it "hides the modal", ->
+        spy = spyOn(@modal, 'hide').andCallFake(=>)
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+
+      describe "as a standard link", ->
+
+        beforeEach ->
+          $('#link_external_url').val('http://cnn.com')
+          $('#link_target').val('_top')
+          $('input[value=external_url]').prop('checked', true)
+
+        it "triggers an action with the proper values", ->
+          jasmine.simulate.click($('#submit').get(0))
+          expect(@triggerSpy.callCount).toEqual(1)
+          expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+          expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('replaceLink')
+          expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({tagName: 'a', attrs: {href: 'http://cnn.com', target: '_top'}, content: 'foo'})
+          expect(@triggerSpy.argsForCall[0][1]['node']).toEqual(@existingLink.get(0))

data/spec/javascripts/mercury/modals/insertmedia_spec.js.coffee

@@ -0,0 +1,167 @@
+describe "Mercury.modalHandlers.insertMedia", ->
+
+  template 'mercury/modals/insertmedia.html'
+
+  beforeEach ->
+    Mercury.region = null
+    spyOn(window, 'setTimeout').andCallFake((timeout, callback) => callback())
+    @modal =
+      element: $('#test')
+      hide: ->
+      resize: ->
+
+  describe "clicking on a radio button (in a label)", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertMedia.call(@modal)
+
+    it "focuses the next input with a selectable class", ->
+      spy = spyOn($.fn, 'focus').andCallFake(=>)
+      jasmine.simulate.click($('#checkbox1').get(0))
+      expect(spy.callCount).toEqual(1)
+
+
+  describe "focusing an input", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertMedia.call(@modal)
+
+    it "checks the corresponding checkbox", ->
+      $('#media_youtube_url').focus()
+      expect($('#checkbox2').get(0).checked).toEqual(true)
+
+    it "hides all the option divs", ->
+      $('#media_youtube_url').focus()
+      expect($('#image_url').css('display')).toEqual('none')
+      expect($('#vimeo_url').css('display')).toEqual('none')
+
+    it "shows the options for the item that was focused", ->
+      $('#media_youtube_url').focus()
+      expect($('#youtube_url').css('display')).toNotEqual('none')
+
+    it "calls resize", ->
+      spy = spyOn(@modal, 'resize').andCallFake(=>)
+      $('#media_youtube_url').focus()
+      expect(spy.callCount).toEqual(1)
+
+
+  describe "when editing", ->
+
+    describe "an existing image", ->
+
+      beforeEach ->
+        @focusSpy = spyOn($.fn, 'focus').andCallThrough()
+        @selection = {is: -> $('<img>', {src: '/foo.gif', align: 'right'})}
+        Mercury.region = selection: => @selection
+        Mercury.modalHandlers.insertMedia.call(@modal)
+
+      it "pre-fills the image url", ->
+        expect($('#media_image_url').val()).toEqual('/foo.gif')
+
+      it "focuses the url input", ->
+        expect(@focusSpy.callCount).toEqual(1)
+        expect($('input[value=image_url]').get(0).checked).toEqual(true)
+
+      it "sets the image alignment option", ->
+        expect($('#media_image_alignment').val()).toEqual('right')
+
+    describe "an existing youtube video", ->
+
+      beforeEach ->
+        @focusSpy = spyOn($.fn, 'focus').andCallThrough()
+        @selection = {is: -> $('<iframe>', {src: 'http://www.youtube.com/embed/foo?wmode=transparent', style: 'width:100px;height:42px'})}
+        Mercury.region = selection: => @selection
+        Mercury.modalHandlers.insertMedia.call(@modal)
+
+      it "pre-fills the url", ->
+        expect($('#media_youtube_url').val()).toEqual('http://youtu.be/foo')
+
+      it "focuses the url input", ->
+        expect($('input[value=youtube_url]').get(0).checked).toEqual(true)
+
+      it "sets the width option", ->
+        expect($('#media_youtube_width').val()).toEqual('100')
+
+      it "sets the height option", ->
+        expect($('#media_youtube_height').val()).toEqual('42')
+
+    describe "an existing vimeo video", ->
+
+      beforeEach ->
+        @focusSpy = spyOn($.fn, 'focus').andCallThrough()
+        @selection = {is: -> $('<iframe>', {src: 'http://player.vimeo.com/video/foo?title=1&byline=1&portrait=0&color=ffffff', style: 'width:100px;height:42px'})}
+        Mercury.region = selection: => @selection
+        Mercury.modalHandlers.insertMedia.call(@modal)
+
+      it "pre-fills the url", ->
+        expect($('#media_vimeo_url').val()).toEqual('http://vimeo.com/foo')
+
+      it "focuses the url input", ->
+        expect($('input[value=vimeo_url]').get(0).checked).toEqual(true)
+
+      it "sets the width option", ->
+        expect($('#media_vimeo_width').val()).toEqual('100')
+
+      it "sets the height option", ->
+        expect($('#media_vimeo_height').val()).toEqual('42')
+
+
+  describe "submitting", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertMedia.call(@modal)
+      @triggerSpy = spyOn(Mercury, 'trigger').andCallFake(=>)
+
+    it "hides the modal", ->
+      spy = spyOn(@modal, 'hide').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)
+
+    describe "an image", ->
+
+      beforeEach ->
+        $('#media_image_url').val('http://domain/foo.gif')
+        $('#media_image_alignment').val('right')
+
+      it "triggers an action with the proper values", ->
+        jasmine.simulate.click($('#submit').get(0))
+        expect(@triggerSpy.callCount).toEqual(1)
+        expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+        expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertImage')
+        expect(@triggerSpy.argsForCall[0][1]['value']).toEqual({src: 'http://domain/foo.gif', align: 'right'})
+
+    describe "a youtube video", ->
+
+      beforeEach ->
+        $('#media_youtube_url').val('http://youtu.be/foo')
+        $('#media_youtube_width').val(100)
+        $('#media_youtube_height').val('42')
+        $('input[value=youtube_url]').prop('checked', true)
+
+      it "triggers an action with the proper values", ->
+        jasmine.simulate.click($('#submit').get(0))
+        expect(@triggerSpy.callCount).toEqual(1)
+        expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+        expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertHTML')
+        value = $('<div>').html(@triggerSpy.argsForCall[0][1]['value']).html()
+        expect(value).toContain('100px')
+        expect(value).toContain('42px')
+        expect(value).toContain('src="http://www.youtube.com/embed/foo?wmode=transparent"')
+
+    describe "a vimeo video", ->
+
+      beforeEach ->
+        $('#media_vimeo_url').val('http://vimeo.com/foo')
+        $('#media_vimeo_width').val(100)
+        $('#media_vimeo_height').val('42')
+        $('input[value=vimeo_url]').prop('checked', true)
+
+      it "triggers an action with the proper values", ->
+        jasmine.simulate.click($('#submit').get(0))
+        expect(@triggerSpy.callCount).toEqual(1)
+        expect(@triggerSpy.argsForCall[0][0]).toEqual('action')
+        expect(@triggerSpy.argsForCall[0][1]['action']).toEqual('insertHTML')
+        value = $('<div>').html(@triggerSpy.argsForCall[0][1]['value']).html()
+        expect(value).toContain('100px')
+        expect(value).toContain('42px')
+        expect(value).toContain('http://player.vimeo.com/video/foo?title=1&amp;byline=1&amp;portrait=0&amp;color=ffffff')

data/spec/javascripts/mercury/modals/insertsnippet_spec.js.coffee

@@ -0,0 +1,52 @@
+describe "Mercury.modalHandlers.insertSnippet", ->
+
+  template 'mercury/modals/insertsnippet.html'
+
+  beforeEach ->
+    Mercury.Snippet.all = []
+    Mercury.Snippet.load({
+      'snippet_0': {name: 'foo', options: {'first_name': "Jeremy", 'last_name': "Jackson"}},
+    })
+    @modal =
+      element: $('#test')
+      hide: ->
+      options: {snippetName: 'test'}
+    Mercury.modalHandlers.insertSnippet.call(@modal)
+
+  describe "submitting", ->
+
+    it "hides the modal", ->
+      spy = spyOn(@modal, 'hide').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)
+
+    describe "if there's an active snippet", ->
+
+      beforeEach ->
+        Mercury.snippet = Mercury.Snippet.all[0]
+
+      it "updates the snippet", ->
+        spy = spyOn(Mercury.Snippet.prototype, 'setOptions').andCallThrough()
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+        expect(Mercury.Snippet.all[0]['options']).toEqual({first_name: 'Wilma', last_name: 'Flintstone'})
+
+      it "triggers an action", ->
+        spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual(['action', {action: 'insertSnippet', value: Mercury.Snippet.all[0]}])
+
+    describe "if there's no active snippet", ->
+
+      it "creates a snippet", ->
+        spy = spyOn(Mercury.Snippet, 'create').andCallThrough()
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+        expect(Mercury.Snippet.all[1]['options']).toEqual({first_name: 'Wilma', last_name: 'Flintstone'})
+
+      it "triggers an action", ->
+        spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+        jasmine.simulate.click($('#submit').get(0))
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual(['action', {action: 'insertSnippet', value: Mercury.Snippet.all[1]}])

data/spec/javascripts/mercury/modals/inserttable_spec.js.coffee

@@ -0,0 +1,160 @@
+describe "Mercury.modalHandlers.insertTable", ->
+
+  template 'mercury/modals/inserttable.html'
+
+  beforeEach ->
+    @modal =
+      element: $('#test')
+      hide: ->
+
+  describe "initializing", ->
+
+    beforeEach ->
+      @tableEditorSpy = spyOn(Mercury, 'tableEditor').andCallFake(=>)
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "selects the first cell", ->
+      expect($('#cell1').hasClass('selected')).toEqual(true)
+
+    it "sets the table editor up", ->
+      expect(@tableEditorSpy.callCount).toEqual(1)
+      expect(@tableEditorSpy.argsForCall[0][0].get(0)).toEqual($('#table').get(0))
+      expect(@tableEditorSpy.argsForCall[0][1].get(0)).toEqual($('#cell1').get(0))
+
+  describe "clicking on the cells", ->
+
+    beforeEach ->
+      @tableEditorSpy = spyOn(Mercury, 'tableEditor').andCallFake(=>)
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "should unselect any selected cells", ->
+      jasmine.simulate.click($('#cell2').get(0))
+      expect($('#cell1').hasClass('selected')).toEqual(false)
+
+    it "selects the cell clicked on", ->
+      jasmine.simulate.click($('#cell2').get(0))
+      expect($('#cell2').hasClass('selected')).toEqual(true)
+
+    it "sets the table editor to use the selected cell", ->
+      jasmine.simulate.click($('#cell2').get(0))
+      expect(@tableEditorSpy.callCount).toEqual(2)
+      expect(@tableEditorSpy.argsForCall[1][1].get(0)).toEqual($('#cell2').get(0))
+
+
+  describe "clicking on the action buttons", ->
+
+    beforeEach ->
+      @addRowSpy = spyOn(Mercury.tableEditor, 'addRow').andCallFake(=>)
+      @removeRowSpy = spyOn(Mercury.tableEditor, 'removeRow').andCallFake(=>)
+      @addColumnSpy = spyOn(Mercury.tableEditor, 'addColumn').andCallFake(=>)
+      @removeColumnSpy = spyOn(Mercury.tableEditor, 'removeColumn').andCallFake(=>)
+      @increaseColspanSpy = spyOn(Mercury.tableEditor, 'increaseColspan').andCallFake(=>)
+      @decreaseColspanSpy = spyOn(Mercury.tableEditor, 'decreaseColspan').andCallFake(=>)
+      @increaseRowspanSpy = spyOn(Mercury.tableEditor, 'increaseRowspan').andCallFake(=>)
+      @decreaseRowspanSpy = spyOn(Mercury.tableEditor, 'decreaseRowspan').andCallFake(=>)
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "adds a row before the selected cell", ->
+      jasmine.simulate.click($('input[name=insertRowBefore]').get(0))
+      expect(@addRowSpy.callCount).toEqual(1)
+      expect(@addRowSpy.argsForCall[0]).toEqual(['before'])
+
+    it "adds a row after the selected cell", ->
+      jasmine.simulate.click($('input[name=insertRowAfter]').get(0))
+      expect(@addRowSpy.callCount).toEqual(1)
+      expect(@addRowSpy.argsForCall[0]).toEqual(['after'])
+
+    it "deletes the row of the selected cell", ->
+      jasmine.simulate.click($('input[name=deleteRow]').get(0))
+      expect(@removeRowSpy.callCount).toEqual(1)
+
+    it "adds a column before the selected cell", ->
+      jasmine.simulate.click($('input[name=insertColumnBefore]').get(0))
+      expect(@addColumnSpy.callCount).toEqual(1)
+      expect(@addColumnSpy.argsForCall[0]).toEqual(['before'])
+
+    it "adds a column after the selected cell", ->
+      jasmine.simulate.click($('input[name=insertColumnAfter]').get(0))
+      expect(@addColumnSpy.callCount).toEqual(1)
+      expect(@addColumnSpy.argsForCall[0]).toEqual(['after'])
+
+    it "deletes the column of the selected cell", ->
+      jasmine.simulate.click($('input[name=deleteColumn]').get(0))
+      expect(@removeColumnSpy.callCount).toEqual(1)
+
+    it "increases the colspan of the selected cell", ->
+      jasmine.simulate.click($('input[name=increaseColspan]').get(0))
+      expect(@increaseColspanSpy.callCount).toEqual(1)
+
+    it "decreases the colspan of the selected cell", ->
+      jasmine.simulate.click($('input[name=decreaseColspan]').get(0))
+      expect(@decreaseColspanSpy.callCount).toEqual(1)
+
+    it "increases the rowspan of the selected cell", ->
+      jasmine.simulate.click($('input[name=increaseRowspan]').get(0))
+      expect(@increaseRowspanSpy.callCount).toEqual(1)
+
+    it "decreases the rowspan of the selected cell", ->
+      jasmine.simulate.click($('input[name=decreaseRowspan]').get(0))
+      expect(@decreaseRowspanSpy.callCount).toEqual(1)
+
+
+  describe "changing the alignment", ->
+
+    it "changes the alignment of the table", ->
+
+
+  describe "changing the border", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "changes the border of the table", ->
+      $('#table_border').val('19')
+      jasmine.simulate.keyup($('#table_border').get(0))
+      expect($('#table').attr('border')).toEqual('19')
+
+    it "handles non-numeric values", ->
+      $('#table_border').val('2x')
+      jasmine.simulate.keyup($('#table_border').get(0))
+      expect($('#table').attr('border')).toEqual('2')
+
+
+  describe "changing the cellspacing", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "changes the cellspacing of the table", ->
+      $('#table_spacing').val('5')
+      jasmine.simulate.keyup($('#table_spacing').get(0))
+      expect($('#table').attr('cellspacing')).toEqual('5')
+
+    it "handles non-numeric values", ->
+      $('#table_spacing').val('12x')
+      jasmine.simulate.keyup($('#table_spacing').get(0))
+      expect($('#table').attr('cellspacing')).toEqual('12')
+
+
+  describe "submitting", ->
+
+    beforeEach ->
+      Mercury.modalHandlers.insertTable.call(@modal)
+
+    it "triggers an action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0][0]).toEqual('action')
+      expect(spy.argsForCall[0][1]['action']).toEqual('insertTable')
+      value = spy.argsForCall[0][1]['value']
+      expect(value).toContain('border="1"')
+      expect(value).toContain('cellspacing="0"')
+      expect(value).toContain('<td id="cell2"><br></td>')
+
+    it "hides the modal", ->
+      spy = spyOn(@modal, 'hide').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)
+
+

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

@@ -0,0 +1,60 @@
+describe "String", ->
+
+  describe "#titleize", ->
+
+    it "should capitalize the first letter in a string", ->
+      expect('wow!'.titleize()).toEqual('Wow!')
+
+
+  describe "#toHex", ->
+
+    it "converts a rgb(0, 0, 0) type string to hex", ->
+      expect('rgb(0, 0, 0)'.toHex()).toEqual('#000000')
+      expect('rgb(255, 255, 0)'.toHex()).toEqual('#FFFF00')
+
+
+  describe "#regExpEscape", ->
+
+    it "escapes characters used in regular expressions", ->
+      expect('/.*+?|()[]{}\\'.regExpEscape()).toEqual('\\/\\.\\*\\+\\?\\|\\(\\)\\[\\]\\{\\}\\\\')
+
+
+  describe "#printf", ->
+
+    it "works something like a basic implementation of the standard sprintf", ->
+      expect('int %d'.printf(2.1)).toEqual('int 2')
+      expect('int%d'.printf(2.1)).toEqual('int2')
+      expect('%d-int'.printf(2.1)).toEqual('2-int')
+      expect('%f float'.printf(2.1)).toEqual('2.1 float')
+      expect('%s string'.printf(2.1)).toEqual('2.1 string')
+      expect('%% a'.printf(2.1)).toEqual('% a')
+      expect('a %% b'.printf()).toEqual('a % b')
+      expect('a %% %d'.printf(2.1)).toEqual('a % 2')
+      expect('%d\n%s'.printf(2.1, 'string')).toEqual('2\nstring')
+
+
+describe "Number", ->
+
+  describe "#toHex", ->
+
+    it "converts a number to it's hex value", ->
+      expect(100.toHex()).toEqual('64')
+      expect(255.toHex()).toEqual('FF')
+
+    it "pads 0-F with a 0", ->
+      expect(0.toHex()).toEqual('00')
+      expect(15.toHex()).toEqual('0F')
+
+  describe "#toBytes", ->
+
+    it "converts a number to a readable byte representation (eg. 1.2 kb, 3.4 Mb)", ->
+      kb = 1024
+      expect(kb.toBytes()).toEqual('1.00 kb')
+      expect((kb + 100).toBytes()).toEqual('1.10 kb')
+      expect((kb * 1000).toBytes()).toEqual('1000.00 kb')
+      expect((kb * 1024).toBytes()).toEqual('1.00 Mb')
+      expect((kb * 1024 * 1024).toBytes()).toEqual('1.00 Gb')
+      expect((kb * 1024 * 1024 * 1024).toBytes()).toEqual('1.00 Tb')
+      expect((kb * 1024 * 1024 * 1024 * 1024).toBytes()).toEqual('1.00 Pb')
+      expect((kb * 1024 * 1024 * 1024 * 1024 * 1024).toBytes()).toEqual('1.00 Eb')
+