kiteditor 1.0.1

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

@@ -0,0 +1,281 @@
+describe "Mercury.Dialog", ->
+
+  template 'mercury/dialog.html'
+
+  beforeEach ->
+    $.fx.off = true
+    Mercury.determinedLocale =
+      top: {'hello world!': 'bork! bork!'}
+      sub: {'foo': 'Bork!'}
+
+  afterEach ->
+    delete(@dialog)
+    Mercury.config.localization.enabled = false
+
+
+  describe "constructor", ->
+
+    beforeEach ->
+      @buildSpy = spyOn(Mercury.Dialog.prototype, 'build').andCallFake(=>)
+      @bindEventsSpy = spyOn(Mercury.Dialog.prototype, 'bindEvents').andCallFake(=>)
+      @preloadSpy = spyOn(Mercury.Dialog.prototype, 'preload').andCallFake(=>)
+
+    it "expects a url and name", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo')
+      expect(@dialog.url).toEqual('/blank.html')
+      expect(@dialog.name).toEqual('foo')
+
+    it "accepts options", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {for: 'something', foo: 'bar'})
+      expect(@dialog.options).toEqual({for: 'something', foo: 'bar'})
+
+    it "calls build", ->
+      @dialog = new Mercury.Dialog()
+      expect(@buildSpy.callCount).toEqual(1)
+
+    it "calls bindEvents", ->
+      @dialog = new Mercury.Dialog()
+      expect(@bindEventsSpy.callCount).toEqual(1)
+
+    it "preloads if configured", ->
+      @dialog = new Mercury.Dialog()
+      expect(@preloadSpy.callCount).toEqual(1)
+
+
+  describe "#build", ->
+
+    beforeEach ->
+      @bindEventsSpy = spyOn(Mercury.Dialog.prototype, 'bindEvents').andCallFake(=>)
+      @preloadSpy = spyOn(Mercury.Dialog.prototype, 'preload').andCallFake(=>)
+
+    it "builds an element", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+      html = $('<div>').html(@dialog.element).html()
+      expect(html).toContain('class="mercury-dialog mercury-foo-dialog loading"')
+      expect(html).toContain('style="display:none"')
+
+    it "appends to any element", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#dialog_container'})
+      expect($('#dialog_container .mercury-dialog').length).toEqual(1)
+
+
+  describe "#bindEvents", ->
+
+    it "only observes mousedown to stop the event"
+
+
+  describe "#preload", ->
+
+    beforeEach ->
+      @loadSpy = spyOn(Mercury.Dialog.prototype, 'load').andCallFake(=>)
+
+    it "calls load if configured", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test', preload: true})
+      expect(@loadSpy.callCount).toEqual(1)
+
+    it "doesn't call load if configured", ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test', preload: false})
+      expect(@loadSpy.callCount).toEqual(0)
+
+
+  describe "#toggle", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "shows or hides", ->
+      expect(@dialog.element.css('display')).toEqual('none')
+      @dialog.toggle()
+      expect(@dialog.element.css('display')).toEqual('block')
+      @dialog.toggle()
+      expect(@dialog.element.css('display')).toEqual('none')
+
+
+  describe "#resize", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "calls show", ->
+      spy = spyOn(Mercury.Dialog.prototype, 'show').andCallFake(=>)
+      @dialog.resize()
+      expect(spy.callCount).toEqual(1)
+
+
+  describe "#show", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "triggers a custom event to hide all other dialogs", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      @dialog.show()
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['hide:dialogs', @dialog])
+
+    describe "when already loaded", ->
+
+      beforeEach ->
+        @dialog.loaded = true
+
+      it "sets width and height on the element to auto", ->
+        @dialog.element.css({width: 100})
+        @dialog.show()
+        expect(@dialog.element.get(0).style.width).toEqual('auto')
+        expect(@dialog.element.get(0).style.height).toEqual('auto')
+
+      it "calls position", ->
+        spy = spyOn(Mercury.Dialog.prototype, 'position').andCallFake(=>)
+        @dialog.show()
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual([true])
+
+      it "calls appear", ->
+        spy = spyOn(Mercury.Dialog.prototype, 'appear').andCallFake(=>)
+        @dialog.show()
+        expect(spy.callCount).toEqual(1)
+
+    describe "when not loaded", ->
+
+      it "calls position", ->
+        spy = spyOn(Mercury.Dialog.prototype, 'position').andCallFake(=>)
+        @dialog.show()
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual([])
+
+      it "calls appear", ->
+        spy = spyOn(Mercury.Dialog.prototype, 'appear').andCallFake(=>)
+        @dialog.show()
+        expect(spy.callCount).toEqual(1)
+
+
+  describe "#position", ->
+
+    it "does nothing and is there as an interface method"
+
+
+  describe "#appear", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "animates the dialog in", ->
+      @dialog.appear()
+      expect(@dialog.element.css('display')).toEqual('block')
+      expect(parseFloat(@dialog.element.css('opacity')).toPrecision(2)).toEqual('0.95')
+
+    it "calls load if it's not already loaded", ->
+
+
+  describe "#hide", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "hides the dialog", ->
+      @dialog.element.css({display: 'block'})
+      @dialog.hide()
+      expect(@dialog.element.css('display')).toEqual('none')
+      expect(@dialog.visible).toEqual(false)
+
+
+  describe "#load", ->
+
+    beforeEach ->
+      @spyFunction = ->
+      Mercury.dialogHandlers.foo = ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test', for: $('#button')})
+
+    it "does nothing if there's no url", ->
+      spy = spyOn($, 'ajax').andCallFake(=>)
+      @dialog.url = false
+      @dialog.load()
+      expect(spy.callCount).toEqual(0)
+
+    describe "on a preloaded view", ->
+
+      beforeEach ->
+        Mercury.preloadedViews = {'/blank.html': 'this is the preloaded content'}
+
+      afterEach ->
+        Mercury.preloadedViews = {}
+
+      it "calls loadContent with the content in the preloaded view", ->
+        spy = spyOn(Mercury.Dialog.prototype, 'loadContent').andCallFake(=>)
+        @dialog.load()
+        expect(spy.callCount).toEqual(1)
+        expect(spy.argsForCall[0]).toEqual(['this is the preloaded content'])
+
+    describe "when not a preloaded view", ->
+
+      it "makes an ajax request", ->
+        spy = spyOn($, 'ajax').andCallFake(=>)
+        @dialog.load()
+        expect(spy.callCount).toEqual(1)
+
+      describe "on success", ->
+
+        beforeEach ->
+          @loadContentSpy = spyOn(Mercury.Dialog.prototype, 'loadContent').andCallFake(=>)
+          @ajaxSpy = spyOn($, 'ajax').andCallFake (url, options) =>
+            options.success('return value') if (options.success)
+
+        it "calls loadContent with data", ->
+          @dialog.load()
+          expect(@loadContentSpy.callCount).toEqual(1)
+          expect(@loadContentSpy.argsForCall[0]).toEqual(['return value'])
+
+        it "calls a dialog handler if there's one", ->
+          spy = spyOn(Mercury.dialogHandlers, 'foo').andCallFake(=>)
+          @dialog.load()
+          expect(spy.callCount).toEqual(1)
+
+        it "calls a callback if one was provided", ->
+          spy = spyOn(@, 'spyFunction').andCallFake(=>)
+          @dialog.load(@spyFunction)
+          expect(spy.callCount).toEqual(1)
+
+      describe "on failure", ->
+
+        beforeEach ->
+          @alertSpy = spyOn(window, 'alert').andCallFake(=>)
+          @ajaxSpy = spyOn($, 'ajax').andCallFake (url, options) =>
+            options.error() if (options.error)
+
+        it "hides", ->
+          spy = spyOn(Mercury.Dialog.prototype, 'hide').andCallFake(=>)
+          @dialog.load()
+          expect(spy.callCount).toEqual(1)
+
+        it "removes the pressed state for it's button", ->
+          $('#button').addClass('pressed')
+          @dialog.load()
+          expect($('#button').hasClass('pressed')).toEqual(false)
+
+        it "alerts the user", ->
+          @dialog.load()
+          expect(@alertSpy.callCount).toEqual(1)
+          expect(@alertSpy.argsForCall[0]).toEqual(['Mercury was unable to load /blank.html for the "foo" dialog.'])
+
+
+  describe "#loadContent", ->
+
+    beforeEach ->
+      @dialog = new Mercury.Dialog('/blank.html', 'foo', {appendTo: '#test'})
+
+    it "sets loaded to be true", ->
+      @dialog.loadContent()
+      expect(@dialog.loaded).toEqual(true)
+
+    it "removes the loading class from the element", ->
+      @dialog.loadContent()
+      expect(@dialog.element.hasClass('loading')).toEqual(false)
+
+    it "sets the element html to be the data passed to it", ->
+      @dialog.loadContent('<span>hello world!</span>')
+      expect(@dialog.element.html()).toEqual('<span>hello world!</span>')
+
+    it "translates the content if configured", ->
+      Mercury.config.localization.enabled = true
+      @dialog.loadContent('<span>hello world!</span>')
+      expect(@dialog.element.html()).toEqual('<span>bork! bork!</span>')

data/spec/javascripts/mercury/dialogs/backcolor_spec.js.coffee

@@ -0,0 +1,37 @@
+describe "Mercury.dialogHandlers.backColor", ->
+
+  template 'mercury/dialogs/backcolor.html'
+
+  beforeEach ->
+    @dialog = {element: $('#test'), button: $('#button')}
+    Mercury.dialogHandlers.backColor.call(@dialog)
+
+  describe "when a .picker or .last-picked element is clicked", ->
+
+    it "sets the last picked color to whatever was selected", ->
+      $('.last-picked').css({background: '#0000FF'})
+      jasmine.simulate.click($('#white').get(0))
+      expect($('.last-picked').css('backgroundColor')).toEqual('rgb(255, 255, 255)')
+      jasmine.simulate.click($('#red').get(0))
+      expect($('.last-picked').css('backgroundColor')).toEqual('rgb(255, 0, 0)')
+
+    it "sets the background color of the button", ->
+      $('#button').css({background: '#0000FF'})
+      jasmine.simulate.click($('#white').get(0))
+      expect($('#button').css('backgroundColor')).toEqual('rgb(255, 255, 255)')
+      jasmine.simulate.click($('#red').get(0))
+      expect($('#button').css('backgroundColor')).toEqual('rgb(255, 0, 0)')
+
+    it "triggers an action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#white').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'backColor', value: 'rgb(255, 255, 255)'}])
+
+
+  describe "when any other element is clicked", ->
+
+    it "does nothing", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#green').get(0))
+      expect(spy.callCount).toEqual(0)

data/spec/javascripts/mercury/dialogs/forecolor_spec.js.coffee

@@ -0,0 +1,37 @@
+describe "Mercury.dialogHandlers.foreColor", ->
+
+  template 'mercury/dialogs/forecolor.html'
+
+  beforeEach ->
+    @dialog = {element: $('#test'), button: $('#button')}
+    Mercury.dialogHandlers.foreColor.call(@dialog)
+
+  describe "when a .picker or .last-picked element is clicked", ->
+
+    it "sets the last picked color to whatever was selected", ->
+      $('.last-picked').css({background: '#0000FF'})
+      jasmine.simulate.click($('#white').get(0))
+      expect($('.last-picked').css('backgroundColor')).toEqual('rgb(255, 255, 255)')
+      jasmine.simulate.click($('#red').get(0))
+      expect($('.last-picked').css('backgroundColor')).toEqual('rgb(255, 0, 0)')
+
+    it "sets the background color of the button", ->
+      $('#button').css({background: '#0000FF'})
+      jasmine.simulate.click($('#white').get(0))
+      expect($('#button').css('backgroundColor')).toEqual('rgb(255, 255, 255)')
+      jasmine.simulate.click($('#red').get(0))
+      expect($('#button').css('backgroundColor')).toEqual('rgb(255, 0, 0)')
+
+    it "triggers an action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#white').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'foreColor', value: 'rgb(255, 255, 255)'}])
+
+
+  describe "when any other element is clicked", ->
+
+    it "does nothing", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#green').get(0))
+      expect(spy.callCount).toEqual(0)

data/spec/javascripts/mercury/dialogs/formatblock_spec.js.coffee

@@ -0,0 +1,25 @@
+describe "Mercury.dialogHandlers.formatblock", ->
+
+  template 'mercury/dialogs/formatblock.html'
+
+  beforeEach ->
+    @dialog = {element: $('#test')}
+    Mercury.dialogHandlers.formatblock.call(@dialog)
+
+  describe "when an element with a data-tag attribute is clicked", ->
+
+    it "triggers an action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#h1').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'formatblock', value: 'h1'}])
+      jasmine.simulate.click($('#div').get(0))
+      expect(spy.argsForCall[1]).toEqual(['action', {action: 'formatblock', value: 'pre'}])
+
+
+  describe "when any other element is clicked", ->
+
+    it "does nothing", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#em').get(0))
+      expect(spy.callCount).toEqual(0)

data/spec/javascripts/mercury/dialogs/snippetpanel_spec.js.coffee

@@ -0,0 +1,30 @@
+describe "Mercury.dialogHandlers.snippetPanel", ->
+
+  template 'mercury/dialogs/snippetpanel.html'
+
+  beforeEach ->
+    @dialog = {element: $('#test'), button: $('#button')}
+    Mercury.dialogHandlers.snippetPanel.call(@dialog)
+
+  describe "filter", ->
+
+    it "filters on keypress", ->
+      $('#filter').val('foo')
+      jasmine.simulate.keyup($('#filter').get(0))
+      expect($('#first').css('display')).toNotEqual('none')
+      expect($('#second').css('display')).toEqual('none')
+
+      $('#filter').val('b')
+      jasmine.simulate.keyup($('#filter').get(0))
+      expect($('#first').css('display')).toNotEqual('none')
+      expect($('#second').css('display')).toNotEqual('none')
+
+      $('#filter').val('baz')
+      jasmine.simulate.keyup($('#filter').get(0))
+      expect($('#first').css('display')).toEqual('none')
+      expect($('#second').css('display')).toNotEqual('none')
+
+
+  describe "dragging an image with a data-snippet attribute", ->
+
+    it "sets the active snippet", ->

data/spec/javascripts/mercury/dialogs/style_spec.js.coffee

@@ -0,0 +1,25 @@
+describe "Mercury.dialogHandlers.style", ->
+
+  template 'mercury/dialogs/style.html'
+
+  beforeEach ->
+    @dialog = {element: $('#test')}
+    Mercury.dialogHandlers.style.call(@dialog)
+
+  describe "when an element with a data-class attribute is clicked", ->
+
+    it "triggers an action", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#red').get(0))
+      expect(spy.callCount).toEqual(1)
+      expect(spy.argsForCall[0]).toEqual(['action', {action: 'style', value: 'red'}])
+      jasmine.simulate.click($('#bold').get(0))
+      expect(spy.argsForCall[1]).toEqual(['action', {action: 'style', value: 'bold'}])
+
+
+  describe "when any other element is clicked", ->
+
+    it "does nothing", ->
+      spy = spyOn(Mercury, 'trigger').andCallFake(=>)
+      jasmine.simulate.click($('#blue').get(0))
+      expect(spy.callCount).toEqual(0)

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

@@ -0,0 +1,76 @@
+describe "Mercury.HistoryBuffer", ->
+
+  beforeEach ->
+    @buffer = new Mercury.HistoryBuffer(5)
+
+  afterEach ->
+    @buffer = null
+    delete(@buffer)
+
+  describe "constructor", ->
+
+    it "accepts a max length", ->
+      expect(@buffer.maxLength).toEqual(5)
+
+    it "initializes an empty stack", ->
+      expect(@buffer.index).toEqual(0)
+      expect(@buffer.stack).toEqual([])
+
+
+  describe "#push", ->
+
+    it "won't duplicate items if the content is the same", ->
+      @buffer.push('1')
+      expect(@buffer.stack).toEqual(['1'])
+
+      @buffer.push('2<em class="mercury-marker"></em>')
+      expect(@buffer.stack).toEqual(['1', '2<em class="mercury-marker"></em>'])
+
+    it "pushes onto the stack where it should", ->
+      @buffer.push('1')
+      @buffer.push('2')
+      expect(@buffer.stack).toEqual(['1', '2'])
+
+      @buffer.index = 0
+      @buffer.push('3')
+      expect(@buffer.stack).toEqual(['1', '3'])
+
+    it "keeps the number of items within the max length by dropping the oldest items", ->
+      @buffer.push('1')
+      @buffer.push('2')
+      @buffer.push('3')
+      @buffer.push('4')
+      @buffer.push('5')
+      expect(@buffer.stack).toEqual(['1', '2', '3', '4', '5'])
+      @buffer.push('6')
+      expect(@buffer.stack).toEqual(['2', '3', '4', '5', '6'])
+
+
+  describe "#undo", ->
+
+    beforeEach ->
+      @buffer.push('1')
+      @buffer.push('2')
+
+    it "returns the correct item", ->
+      expect(@buffer.undo()).toEqual('1')
+
+    it "returns null if there are no more items to undo", ->
+      expect(@buffer.undo()).toEqual('1')
+      expect(@buffer.undo()).toEqual(null)
+
+
+  describe "#redo", ->
+
+    beforeEach ->
+      @buffer.push('1')
+      @buffer.push('2')
+
+    it "returns the correct item", ->
+      @buffer.undo()
+      expect(@buffer.redo()).toEqual('2')
+
+    it "returns null if there are no more items to redo", ->
+      @buffer.undo()
+      expect(@buffer.redo()).toEqual('2')
+      expect(@buffer.redo()).toEqual(null)