kuji-mercury-rails 0.3.2

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

@@ -0,0 +1,30 @@
+describe "Mercury.modalHandlers.htmlEditor", ->
+
+  template 'mercury/modals/htmleditor.html'
+
+  beforeEach ->
+    @modal =
+      element: $('#test')
+      hide: ->
+    Mercury.region =
+      content: -> '<span>html \ncontent</span>'
+    Mercury.modalHandlers.htmlEditor.call(@modal)
+
+  describe "loading", ->
+
+    it "sets the value of the textarea", ->
+      expect($('#test textarea').val()).toEqual('<span>html \ncontent</span>')
+
+
+  describe "submitting", ->
+
+    it "triggers a replaceHTML action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'replaceHTML', value: '<span>html content</span>'}])
+
+    it "hides the modal", ->
+      spy = spyOn(@modal, 'hide').andCallFake(=>)
+      jasmine.simulate.click($('#submit').get(0))
+      expect(spy.callCount).toEqual(1)

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

@@ -0,0 +1,29 @@
+describe "Mercury.modalHandlers.insertCharacter", ->
+
+  template 'mercury/modals/insertcharacter.html'
+
+  beforeEach ->
+    @modal =
+      element: $('#test')
+      hide: ->
+    @modalHideSpy = spyOn(@modal, 'hide').andCallFake(=>)
+    Mercury.modalHandlers.insertCharacter.call(@modal)
+
+  describe "clicking on a character", ->
+
+    it "triggers an action event", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#char1').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'insertHTML', value: """}])
+
+    it "hides the modal", ->
+      jasmine.simulate.click($('#char2').get(0))
+      expect(@modalHideSpy.callCount).toEqual(1)
+
+
+  describe "clicking on any other element", ->
+
+    it "does nothing", ->
+      jasmine.simulate.click($('#char3').get(0))
+      expect(@modalHideSpy.callCount).toEqual(0)

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')