mercury-rails 0.1.2 → 0.2.0

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

@@ -0,0 +1,369 @@
+require '/assets/mercury.js'
+
+describe "Mercury.Regions.Markupable", ->
+
+  template 'mercury/regions/markupable.html'
+
+  beforeEach ->
+    @regionElement = $('#markupable_region1')
+
+  describe "constructor", ->
+
+     beforeEach ->
+       @buildSpy = spyOn(Mercury.Regions.Markupable.prototype, 'build').andCallFake(=>)
+       @bindEventsSpy = spyOn(Mercury.Regions.Markupable.prototype, 'bindEvents').andCallFake(=>)
+       spyOn(Mercury.Regions.Markupable.prototype, 'pushHistory').andCallFake(=>)
+
+     it "expects an element and window", ->
+       @region = new Mercury.Regions.Markupable(@regionElement, window)
+       expect(@region.element.get(0)).toEqual($('#markupable_region1').get(0))
+       expect(@region.window).toEqual(window)
+
+     it "accepts options", ->
+       @region = new Mercury.Regions.Markupable(@regionElement, window, {foo: 'something'})
+       expect(@region.options).toEqual({foo: 'something'})
+
+     it "sets it's type", ->
+       @region = new Mercury.Regions.Markupable(@regionElement, window)
+       expect(@region.type).toEqual('markupable')
+
+     it "creates a markdown converter using Showdown", ->
+       spy = spyOn(Showdown, 'converter').andCallFake(=>)
+       @region = new Mercury.Regions.Markupable(@regionElement, window)
+       expect(spy.callCount).toEqual(1)
+       expect(@region.converter).toBeDefined()
+
+     it "calls build", ->
+       @region = new Mercury.Regions.Markupable(@regionElement, window)
+       expect(@buildSpy.callCount).toEqual(1)
+
+     it "calls bindEvents", ->
+       @region = new Mercury.Regions.Markupable(@regionElement, window)
+       expect(@bindEventsSpy.callCount).toEqual(1)
+
+
+  describe "#build", ->
+
+    it "creates a textarea", ->
+
+    it "fills the textarea with the contents of the element", ->
+
+    it "sets some styles on the textarea", ->
+
+    it "appends the textarea to the element", ->
+
+    it "creates a preview element", ->
+
+    it "appends the preview element to the element", ->
+
+    it "element is reassigned to the textarea", ->
+
+    it "calls resize", ->
+
+
+  describe "#focus", ->
+
+    it "calls focus on the element", ->
+
+
+  describe "observed events", ->
+
+    describe "custom event: mode", ->
+
+      it "calls togglePreview if the mode is preview", ->
+
+    describe "custom event: focus:frame", ->
+
+      it "calls focus", ->
+
+      it "does nothing if previewing", ->
+
+      it "does nothing if it's not the active region", ->
+
+    describe "custom event: action", ->
+
+      it "calls execCommand", ->
+
+      it "does nothing if previewing", ->
+
+      it "does nothing if it's not the active region", ->
+
+    describe "custom event: unfocus:regions", ->
+
+      it "blurs the element", ->
+
+      it "removes the focus class from the element", ->
+
+      it "triggers the region:blurred event", ->
+
+      it "does nothing if previewing", ->
+
+      it "does nothing if it's not the active region", ->
+
+    describe "dragenter", ->
+
+      it "prevents the default action", ->
+
+      it "does nothing if previewing", ->
+
+    describe "dragover", ->
+
+      it "prevents the default action", ->
+
+      it "does nothing if previewing", ->
+
+    describe "drop", ->
+
+      it "does nothing if previewing", ->
+
+      describe "when there's an active snippet", ->
+
+        it "calls focus", ->
+
+        it "calls displayOptionsFor for the snippet", ->
+
+        it "calls the native undo", ->
+
+      describe "when a file is dropped", ->
+
+        it "calls focus", ->
+
+        it "loads the uploader", ->
+
+    describe "focus", ->
+
+      it "does nothing if previewing", ->
+
+      it "sets the active region to itself", ->
+
+      it "adds the focus class to the element", ->
+
+      it "triggers the region:focused event", ->
+
+    describe "keydown", ->
+
+      it "does nothing if previewing", ->
+
+      it "tells mercury that changes have been made", ->
+
+      it "calls pushHistory", ->
+
+      it "calls execCommand with undo on meta+z", ->
+
+      it "calls execCommand with redo on shift+meta+z", ->
+
+      describe "pressing enter in a list", ->
+
+        it "prevents the default event", ->
+
+        it "adds a new line with the next number or just dash for unordered lists", ->
+
+      describe "pressing tab", ->
+
+        it "calls execCommand with inserHTML and two spaces", ->
+
+      describe "with common actions", ->
+
+        it "calls execCommand with bold on meta+b", ->
+
+        it "calls execCommand with italic on meta+i", ->
+
+        it "calls execCommand with underline on meta+u", ->
+
+    describe "keyup", ->
+
+      it "triggers the region:update event", ->
+
+      it "does nothing if previewing", ->
+
+    describe "mouseup", ->
+
+      it "calls focus", ->
+
+      it "triggers the region:update event", ->
+
+      it "does nothing if previewing", ->
+
+    describe "click on the preview element", ->
+
+      it "sets anchor targets to top if previewing", ->
+
+
+  describe "#content", ->
+
+    describe "when setting the content using a string", ->
+
+      it "sets the value of the element", ->
+
+    describe "when setting the content using an object (with a selection)", ->
+
+      it "sets the value of the element", ->
+
+      it "selects using the selection start/end from the object", ->
+
+    describe "when getting the content", ->
+
+      it "returns the element value", ->
+
+
+  describe "#togglePreview", ->
+
+    describe "when not previewing", ->
+
+      it "sets the value of the preview element to the html from the markdown converter", ->
+
+      it "shows the preview element", ->
+
+      it "hides the element", ->
+
+    describe "when previewing", ->
+
+      it "hides the preview element", ->
+
+      it "shows the element", ->
+
+
+  describe "#execCommand", ->
+
+    it "calls resize", ->
+
+    describe "when a handler exists", ->
+
+      it "calls it if one is defined in actions", ->
+
+
+  describe "#htmlAndSelection", ->
+
+    it "returns an object with the content and the selection start/end", ->
+
+
+  describe "#pushHistory", ->
+
+    it "clears the history timeout", ->
+
+    it "immediately pushes to the history buffer", ->
+
+    it "remembers the last key pressed if one was passed", ->
+
+    describe "when pressing enter, delete, or backspace", ->
+
+      it "immediately pushes to the history buffer", ->
+
+      it "only pushes once for each keyCode (eg. enter enter enter results in one push)", ->
+
+    describe "when pressing any other key", ->
+
+      it "waits for 2.5 seconds and then pushes to the history buffer", ->
+
+
+  describe "#selection", ->
+
+    it "returns a new instance of the selection helper class", ->
+
+
+  describe "#resize", ->
+
+
+  describe "#snippets", ->
+
+
+
+describe "Mercury.Regions.Markupable.actions", ->
+
+  template 'mercury/regions/markupable.html'
+
+  beforeEach ->
+    #@region = new Mercury.Regions.Markupable($('#markupable_region1'), window)
+    #@actions = Mercury.Regions.Markupable.actions
+
+  describe ".undo", ->
+
+    it "calls undo on the history buffer", ->
+
+    it "sets the contents", ->
+
+
+  describe ".redo", ->
+
+    it "calls redo on the history buffer", ->
+
+    it "sets the contents", ->
+
+
+  describe ".insertHTML", ->
+
+    it "gets the html value if it's a jQuery object", ->
+
+    it "replaces the selection with the content", ->
+
+
+  describe ".insertImage", ->
+
+    it "replaces the selection with the image markup", ->
+
+
+  describe ".insertLink", ->
+
+    it "replaces the selection with the link markup", ->
+
+
+  describe ".insertUnorderedList", ->
+
+    it "replaces the selection with the unordered list markup", ->
+
+
+  describe ".insertOrderedList", ->
+
+    it "replaces the selection with the ordered list markup", ->
+
+
+  describe ".style", ->
+
+    it "wraps the selection in a span tag with a given class", ->
+
+
+  describe ".formatblock", ->
+
+    it "unwraps the line of the selection of any block format markup", ->
+
+    it "wraps the line of the selection with the given block format markup", ->
+
+
+  describe ".bold", ->
+
+    it "wraps the selection in the bold markup (**)", ->
+
+
+  describe ".italic", ->
+
+    it "wraps the selection in the italics markup (_)", ->
+
+
+  describe ".subscript", ->
+
+    it "wraps the selection in a sub tag", ->
+
+
+  describe ".superscript", ->
+
+    it "wraps the selection in a sup tag", ->
+
+
+  describe ".indent", ->
+
+    it "adds a > to the front of the line", ->
+
+
+  describe ".outdent", ->
+
+    it "removes a > from the front of the line", ->
+
+
+  describe ".horizontalRule", ->
+
+    it "replaces the selection with the hr markup (- - -)", ->
+
+
+  describe ".insertSnippet", ->
+
+    it "replaces the selection with the content returned from the snippets getText", ->

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

@@ -1,4 +1,4 @@
-require '/assets/mercury/mercury.js'
+require '/assets/mercury.js'
 
 describe "Mercury.Regions.Snippetable", ->
 

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

@@ -1,4 +1,4 @@
-require '/assets/mercury/mercury.js'
+require '/assets/mercury.js'
 
 describe "Mercury.Select", ->
 

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

@@ -1,4 +1,4 @@
-require '/assets/mercury/mercury.js'
+require '/assets/mercury.js'
 
 describe "Mercury.Snippet", ->
 
@@ -76,7 +76,7 @@ describe "Mercury.Snippet", ->
       @ajaxSpy.andCallFake(=>)
       @snippet.loadPreview()
       expect(@ajaxSpy.callCount).toEqual(1)
-      expect(@ajaxSpy.argsForCall[0][0]).toEqual("/mercury/snippets/foo/preview")
+      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')
 
@@ -195,7 +195,7 @@ describe "Mercury.Snippet class methods", ->
     it "opens a modal with the name in the url", ->
       Mercury.Snippet.displayOptionsFor('foo')
       expect(@modalSpy.callCount).toEqual(1)
-      expect(@modalSpy.argsForCall[0]).toEqual(["/mercury/snippets/foo/options", {title: 'Snippet Options', handler: 'insertSnippet', snippetName: 'foo'}])
+      expect(@modalSpy.argsForCall[0]).toEqual(["/mercury/snippets/foo/options.html", {title: 'Snippet Options', handler: 'insertSnippet', snippetName: 'foo'}])
 
     it "sets the snippet back to nothing", ->
       Mercury.snippet = 'foo'

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

@@ -1,4 +1,4 @@
-require '/assets/mercury/mercury.js'
+require '/assets/mercury.js'
 
 describe "Mercury.SnippetToolbar", ->
 
@@ -109,7 +109,7 @@ describe "Mercury.SnippetToolbar", ->
 
     beforeEach ->
       Mercury.displayRect = {top: 20}
-      @snippetToolbar = new Mercury.SnippetToolbar($('document'), {appendTo: '#test'})
+      @snippetToolbar = new Mercury.SnippetToolbar($('document'), {appendTo: '#test', visible: true})
       @snippetToolbar.snippet = $('#snippet')
 
     it "positions itself based on the snippet", ->

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

@@ -1,10 +1,11 @@
-require '/assets/mercury/mercury.js'
+require '/assets/mercury.js'
 
 describe "Mercury.Statusbar", ->
 
   template 'mercury/statusbar.html'
 
   beforeEach ->
+    $.fx.off = true
     @region = {
       path: -> [{tagName: 'A'}, {tagName: 'B'}, {tagName: 'C'}]
     }
@@ -18,11 +19,14 @@ describe "Mercury.Statusbar", ->
     beforeEach ->
       @buildSpy = spyOn(Mercury.Statusbar.prototype, 'build')
       @bindEventsSpy = spyOn(Mercury.Statusbar.prototype, 'bindEvents')
-      @statusbar = new Mercury.Statusbar({appendTo: '#test', foo: 'bar'})
+      @statusbar = new Mercury.Statusbar({appendTo: '#test', foo: 'bar', visible: false})
 
     it "accepts options", ->
       expect(@statusbar.options.foo).toEqual('bar')
 
+    it "sets visible based on options", ->
+      expect(@statusbar.visible).toEqual(false)
+
     it "calls build", ->
       expect(@buildSpy.callCount).toEqual(1)
 
@@ -30,24 +34,21 @@ describe "Mercury.Statusbar", ->
       expect(@bindEventsSpy.callCount).toEqual(1)
 
 
-  describe "#height", ->
-
-    beforeEach ->
-      spyOn(Mercury.Statusbar.prototype, 'bindEvents').andCallFake(=>)
-      @statusbar = new Mercury.Statusbar({appendTo: '#test'})
-
-    it "knows it's own height", ->
-      expect(@statusbar.height()).toEqual(20) # styled with css in the template
-
-
   describe "#build", ->
 
     beforeEach ->
       spyOn(Mercury.Statusbar.prototype, 'bindEvents').andCallFake(=>)
-      @statusbar = new Mercury.Statusbar({appendTo: '#statusbar_container'})
+      @statusbar = new Mercury.Statusbar({appendTo: '#statusbar_container', visible: false})
 
     it "builds an element", ->
-      expect($('#test .mercury-statusbar').length).toEqual(1)
+      expect($('.mercury-statusbar').length).toEqual(1)
+
+    it "builds an about element", ->
+      expect($('.mercury-statusbar-about').length).toEqual(1)
+      expect(@statusbar.aboutElement).toBeDefined()
+
+    it "hides the element if it's not supposed to be visible", ->
+      expect($('.mercury-statusbar').css('visibility')).toEqual('hidden')
 
     it "can append to any element", ->
       expect($('#statusbar_container .mercury-statusbar').length).toEqual(1)
@@ -56,17 +57,53 @@ describe "Mercury.Statusbar", ->
   describe "observed events ", ->
 
     beforeEach ->
-      spyOn(Mercury.Statusbar.prototype, 'build').andCallFake(=>)
       @statusbar = new Mercury.Statusbar({appendTo: '#test'})
 
     describe "custom event: region:update", ->
 
       it "calls setPath if a region was provided", ->
         spy = spyOn(Mercury.Statusbar.prototype, 'setPath').andCallFake(=>)
-
         Mercury.trigger('region:update', {region: @region})
         expect(spy.callCount).toEqual(1)
 
+    describe "clicking on the about element", ->
+
+      it "opens a lightview", ->
+        spy = spyOn(Mercury, 'lightview').andCallFake(=>)
+        jasmine.simulate.click($('.mercury-statusbar-about').get(0))
+        expect(spy.callCount).toEqual(1)
+
+
+  describe "#height", ->
+
+    beforeEach ->
+      spyOn(Mercury.Statusbar.prototype, 'bindEvents').andCallFake(=>)
+      @statusbar = new Mercury.Statusbar({appendTo: '#test', visible: true})
+
+    it "knows it's own height", ->
+      expect(@statusbar.height()).toEqual(20) # styled with css in the template
+
+
+  describe "#top", ->
+
+    describe "when visible", ->
+
+      beforeEach ->
+        spyOn(Mercury.Statusbar.prototype, 'bindEvents').andCallFake(=>)
+        @statusbar = new Mercury.Statusbar({appendTo: '#test', visible: true})
+
+      it "returns the offset top of the element", ->
+        expect(@statusbar.top()).toEqual($('.mercury-statusbar').offset().top)
+
+    describe "when not visible", ->
+
+      beforeEach ->
+        spyOn(Mercury.Statusbar.prototype, 'bindEvents').andCallFake(=>)
+        @statusbar = new Mercury.Statusbar({appendTo: '#test', visible: false})
+
+      it "returns the offset top of the element + it's outer height", ->
+        expect(@statusbar.top()).toEqual($('.mercury-statusbar').offset().top + $('.mercury-statusbar').outerHeight())
+
 
   describe "#setPath", ->
 
@@ -75,4 +112,41 @@ describe "Mercury.Statusbar", ->
 
     it "builds a path and displays it", ->
       @statusbar.setPath(@region.path())
-      expect($('.mercury-statusbar').html()).toEqual('<span><strong>Path: </strong></span><a>c</a> » <a>b</a> » <a>a</a>')
+      expect($('.mercury-statusbar').html()).toMatch(/<span><strong>Path: <\/strong><a>c<\/a> .+ <a>b<\/a> .+ <a>a<\/a><\/span>/)
+
+
+  describe "#show", ->
+
+    beforeEach ->
+      @statusbar = new Mercury.Statusbar({appendTo: '#test', visible: false})
+
+    it "sets visible to true", ->
+      @statusbar.visible = false
+      @statusbar.show()
+      expect(@statusbar.visible).toEqual(true)
+
+    it "displays the element", ->
+      $('.mercury-statusbar').css({visibility: 'hidden'})
+      @statusbar.show()
+      expect($('.mercury-statusbar').css('visibility')).toEqual('visible')
+
+    it "sets the opacity of the element", ->
+      $('.mercury-statusbar').css({opacity: 0})
+      @statusbar.show()
+      expect($('.mercury-statusbar').css('opacity')).toEqual('1')
+
+
+  describe "#hide", ->
+
+    beforeEach ->
+      @statusbar = new Mercury.Statusbar({appendTo: '#test', visible: true})
+
+    it "sets visible to false", ->
+      @statusbar.visible = true
+      @statusbar.hide()
+      expect(@statusbar.visible).toEqual(false)
+
+    it "hides the element", ->
+      $('.mercury-statusbar').css({visibility: 'visible'})
+      @statusbar.hide()
+      expect($('.mercury-statusbar').css('visibility')).toEqual('hidden')