cmsimple 0.2.0

data/spec/javascripts/models/image_geometry_spec.coffee

@@ -0,0 +1,64 @@
+#= require cmsimple
+
+describe 'CMSimple.Image.Geometry', ->
+
+  describe 'absolute geometry', ->
+    beforeEach ->
+      @geometry = new CMSimple.Image.Geometry('200x300')
+
+    it 'matches if the width and height are the same', ->
+      expect(@geometry.inRange(200, 300)).toEqual(true)
+
+    it 'does not match if the width is not exact', ->
+      expect(@geometry.inRange(300, 300)).toEqual(false)
+
+    it 'does not match if the height is not exact', ->
+      expect(@geometry.inRange(300, 500)).toEqual(false)
+
+  describe 'less than geometry', ->
+    beforeEach ->
+      @geometry = new CMSimple.Image.Geometry('<300x<300')
+
+    it 'matches if the width and height matches the geometry', ->
+      expect(@geometry.inRange(300, 300)).toEqual(true)
+
+    it 'matches if the width and height are less than the geometry', ->
+      expect(@geometry.inRange(200, 200)).toEqual(true)
+
+    it 'does no match if the width is greater than the geometry', ->
+      expect(@geometry.inRange(400, 200)).toEqual(false)
+
+  describe 'greater than geometry', ->
+    beforeEach ->
+      @geometry = new CMSimple.Image.Geometry('>300x>300')
+
+    it 'matches if the width and height matches the geometry', ->
+      expect(@geometry.inRange(300, 300)).toEqual(true)
+
+    it 'matches if the width and height are greater than the geometry', ->
+      expect(@geometry.inRange(400, 400)).toEqual(true)
+
+    it 'does no match if the width is less than the geometry', ->
+      expect(@geometry.inRange(200, 200)).toEqual(false)
+
+  describe 'mixed geometries', ->
+
+    it 'matches less than and absolute', ->
+      geometry = new CMSimple.Image.Geometry('<300x300')
+      expect(geometry.inRange(200, 300)).toEqual(true)
+      expect(geometry.inRange(200, 301)).toEqual(false)
+
+  describe 'bad geometries', ->
+    it 'can handle null', ->
+      geometry = new CMSimple.Image.Geometry(null)
+      expect(geometry.inRange(1, 1)).toEqual(true)
+
+    it 'can handle empty string', ->
+      geometry = new CMSimple.Image.Geometry(' ')
+      expect(geometry.inRange(1, 1)).toEqual(true)
+
+    it 'can handle partial query', ->
+      geometry = new CMSimple.Image.Geometry('50')
+      expect(geometry.inRange(50, 1)).toEqual(true)
+      expect(geometry.inRange(5, 1)).toEqual(false)
+

data/spec/javascripts/models/image_spec.coffee

@@ -0,0 +1,4 @@
+#= require cmsimple
+
+describe 'CMSimple.Image', ->
+

data/spec/javascripts/models/page_spec.coffee

@@ -0,0 +1,121 @@
+#= require cmsimple
+#= require support/stubs
+
+describe 'CMSimple.Page', ->
+
+  describe 'snippets', ->
+    beforeEach ->
+      @page = new CMSimple.Page
+                        slug: 'about'
+                        content:
+                          example2:
+                            value: 'HTML'
+                            snippets:
+                              snippet_2:
+                                name: 'example'
+                                options:
+                                  first_name: 'Barny'
+                                  last_name: 'Rubble'
+
+                          example1:
+                            value: 'HTML'
+                            snippets:
+                              snippet_1:
+                                name: 'example'
+                                options:
+                                  first_name: 'Fred'
+                                  last_name: 'Flinstone'
+
+    it 'return a flattened object of snippets across regions', ->
+      expect(@page.snippets().snippet_1.options.first_name).toEqual('Fred')
+      expect(@page.snippets().snippet_2.options.first_name).toEqual('Barny')
+
+  describe 'default slug', ->
+    beforeEach ->
+      stubs.ajax()
+
+    it 'sets the slug from the title', ->
+      about = CMSimple.Page.create title: 'About'
+      expect(about.slug).toEqual('about')
+
+    it 'does not change the slug if a title is not passed', ->
+      about = CMSimple.Page.create title: 'About'
+      about.load {}
+      expect(about.slug).toEqual('about')
+
+    it 'does not overrite the slug with the title if there is a slug', ->
+      about = CMSimple.Page.create title: 'About', slug: 'something-else'
+      about.load {title: 'A Different title'}
+      expect(about.slug).toEqual('something-else')
+
+    it 'removes multiple spaces', ->
+      about = CMSimple.Page.create title: 'About a dog'
+      expect(about.slug).toEqual('about-a-dog')
+
+  describe 'is root', ->
+    beforeEach ->
+      stubs.ajax()
+      @about = CMSimple.Page.create title: 'About', is_root: true, id: 1
+
+    it 'finds the page with is root set to true for the path /', ->
+      page = CMSimple.Page.forPath('/')
+      expect(@about).toEqual(page)
+
+    it 'can retrieve the original path when passed options to the path method', ->
+      expect(@about.path(ignoreRoot: true)).toEqual('/about')
+
+    it 'children request a parents path ignoring the root', ->
+      @child  = CMSimple.Page.create title: 'Child', parent_id: @about.id, id: 2
+      expect(@child.path()).toEqual('/about/child')
+
+
+  describe 'acts as a tree', ->
+    beforeEach ->
+      stubs.ajax()
+      CMSimple.Page.destroyAll()
+      @single     = CMSimple.Page.create title: 'Single', id: 4
+      @parent     = CMSimple.Page.create title: 'Parent', id: 1
+      @child      = CMSimple.Page.create title: 'Child', parent_id: @parent.id, id: 2
+      @grandchild = CMSimple.Page.create title: 'Grand Child', parent_id: @child.id, id: 3
+
+    it 'can grab a child', ->
+      expect(@parent.children().first()).toEqual(@child)
+
+    it 'can grab a parent', ->
+      expect(@child.parent().id).toEqual(@parent.id)
+      expect(@grandchild.parent().id).toEqual(@child.id)
+
+    it 'can grab all the roots', ->
+      roots = CMSimple.Page.roots()
+      titles = _.compact(_.pluck(roots, 'title'))
+      expect(roots.length).toEqual(2)
+      expect(titles).toContain('Parent')
+      expect(titles).toContain('Single')
+
+    describe 'update all positions', ->
+      it 'can bulk update to positions', ->
+        CMSimple.Page.updatePositions([1,2,3,4])
+        expect(@single.position).toEqual(3)
+        expect(@parent.position).toEqual(0)
+        expect(@child.position).toEqual(1)
+        expect(@grandchild.position).toEqual(2)
+
+  describe 'a pages path', ->
+    beforeEach ->
+      stubs.ajax()
+      CMSimple.Page.destroyAll()
+      @child  = CMSimple.Page.create title: 'Child', id: 4, parent_id: 1
+      @parent = CMSimple.Page.create title: 'Parent', id: 1
+
+    it 'gets the path from the parent', ->
+      spyOn(@child, 'parent').andCallThrough()
+      expect(@child.path()).toEqual('/parent/child')
+      expect(@child.parent).toHaveBeenCalled()
+
+    it 'gets the path from the uri', ->
+      @child.uri = '/parent/child-path'
+      @child.save()
+      spyOn(@child, 'parent').andCallFake ->
+        return null
+      expect(@child.path()).toEqual('/parent/child-path')
+

data/spec/javascripts/models/path_spec.coffee

@@ -0,0 +1,39 @@
+#= require cmsimple
+#= require support/stubs
+
+describe 'CMSimple.Path', ->
+  beforeEach ->
+    stubs.ajax()
+    CMSimple.Path.destroyAll()
+
+  describe 'has a unique uri', ->
+
+    it 'fails validation if there is another path with the same uri', ->
+      CMSimple.Path.create uri: '/about', redirect_uri: '/about-us'
+      path = new CMSimple.Path uri: '/about', redirect_uri: '/something'
+      expect(path.isValid()).toEqual(false)
+
+    it 'passes validation if there is another path with the same uri', ->
+      CMSimple.Path.create uri: '/about', redirect_uri: '/about-us'
+      path = new CMSimple.Path uri: '/about-us', redirect_uri: '/something'
+      expect(path.isValid()).toEqual(true)
+
+    it 'does not check itself when checking paths', ->
+      path = new CMSimple.Path uri: '/about', redirect_uri: '/about-us'
+      path.save(ajax: false)
+      expect(path.isValid()).toEqual(true)
+
+  describe '.allRedirects does not return valid non redirect paths', ->
+
+    it 'returns just the paths where the uri is not destinationPath', ->
+      page = CMSimple.Page.create title: 'About'
+      redirect = CMSimple.Path.create uri: '/about', redirect_uri: '/about-us'
+      CMSimple.Path.create uri: '/about', page_id: page.id
+      expect(CMSimple.Path.allRedirects()).toEqual([redirect])
+
+    it 'returns just the paths where the associated page is not the root', ->
+      page = CMSimple.Page.create title: 'About', is_root: true
+      redirect = CMSimple.Path.create uri: '/about', redirect_uri: '/about-us'
+      CMSimple.Path.create uri: '/about', page_id: page.id
+      expect(CMSimple.Path.allRedirects()).toEqual([redirect])
+

data/spec/javascripts/models/version_spec.coffee

@@ -0,0 +1,31 @@
+#= require cmsimple
+#= require support/stubs
+
+describe 'CMSimple.Version', ->
+  beforeEach ->
+    @ajax = stubs.ajax()
+    CMSimple.Version.destroyAll()
+
+  describe 'nested resource urls', ->
+    beforeEach ->
+      @page = CMSimple.Page.create title: 'About', id: 1
+      @ajax.reset()
+
+    it 'uses the url of the page to request versions via fetch', ->
+      CMSimple.Version.fetch(@page)
+      expect(@ajax).toHaveBeenCalledWith
+        contentType: 'application/json'
+        dataType: 'json'
+        processData: false
+        headers: { 'X-Requested-With': 'XMLHttpRequest' }
+        type: 'GET'
+        url: '/pages/1/versions'
+
+    it 'uses the url of the page to create a member url for versions', ->
+      version = CMSimple.Version.create page_id: @page.id, id: 1
+      expect(version.url()).toEqual("/pages/#{@page.id}/versions/#{version.id}")
+
+    it 'can append segments to the url', ->
+      version = CMSimple.Version.create page_id: @page.id, id: 1
+      expect(version.url('revert_to')).toEqual("/pages/#{@page.id}/versions/#{version.id}/revert_to")
+

data/spec/javascripts/panels/images/selection_spec.coffee

@@ -0,0 +1,104 @@
+#= require cmsimple
+
+describe 'CMSimple.Panels.ImageLibrary.Selection', ->
+  beforeEach ->
+
+    html = '''
+      <div class="mercury-snippet example-snippet" data-snippet="snippet_3" contenteditable="false" data-version="1">
+        <div class="item">
+          <img data-image-geometry="&lt;100x&lt;100" data-snippet-image="image_1" src="" style="float: left; padding-right: 5px;">
+          <h3>title</h3>
+          <p>summary</p>
+        </div>
+      </div>
+    '''
+    @snippetHTML = $(html)
+    fixture.set @snippetHTML
+
+  describe 'selecting snippet images', ->
+
+    beforeEach ->
+      @region = {element: @snippetHTML}
+      @selection = new CMSimple.Panels.ImageLibrary.Selection()
+      @selection.bindRegion(@region)
+
+
+    describe '#setSelection', ->
+      beforeEach ->
+        @img = @snippetHTML.find('img')
+        @selection.bind 'filter', (geometry)=> @geometry = geometry
+        @selection.setSelection(@img)
+
+      it 'sets the img to the selecteImaged', ->
+        expect(@selection.selectedImage).toEqual(@img)
+
+      it 'sets the img class to have .selected-image', ->
+        expect(@img.hasClass('selected-image')).toEqual(true)
+
+      it 'triggers the filter event with the img geometry', ->
+        expect(@geometry).toEqual('<100x<100')
+
+
+    describe '#clearSelection', ->
+      beforeEach ->
+        @img = @snippetHTML.find('img')
+        @selection.bind 'filter', (geometry)=> @geometry = geometry
+        @selection.setSelection(@img)
+        @selection.clearSelection()
+
+      it 'unsets the img to the selecteImaged', ->
+        expect(@selection.selectedImage).toEqual(null)
+
+      it 'unsets the img class to have .selected-image', ->
+        expect(@img.hasClass('selected-image')).toEqual(false)
+
+      it 'triggers the filter event with null', ->
+        expect(@geometry).toEqual(null)
+
+
+    describe '#bindRegion', ->
+
+      it 'binds to click on the attributed image', ->
+        spyOn @selection, 'setSelection'
+        @snippetHTML.find('img').click()
+        expect(@selection.setSelection).toHaveBeenCalled()
+
+      it 'clears the selection if a click happens off the image', ->
+        spyOn @selection, 'setSelection'
+        spyOn @selection, 'clearSelection'
+        @snippetHTML.find('div').click()
+        expect(@selection.setSelection).wasNotCalled()
+        expect(@selection.clearSelection).toHaveBeenCalled()
+
+
+  describe 'setting the image src', ->
+    beforeEach ->
+      @snippetMock = {options: {snippet: {}}}
+      @snippetSpy = spyOn(Mercury.Snippet, 'find').andCallFake(=> @snippetMock)
+
+      @region = {element: @snippetHTML, type: -> 'full'}
+      @img = @snippetHTML.find('img')
+
+      @selection = new CMSimple.Panels.ImageLibrary.Selection()
+      @selection.region = @region
+      @selection.selectedImage = @img
+
+    it 'sets the src on the snippet image', ->
+      @selection.set({src: 'foo.png'})
+      expect(@img.attr('src')).toEqual('foo.png')
+
+    it 'finds the snippet the image is in', ->
+      @selection.set({src: 'foo.png'})
+      expect(@snippetSpy).toHaveBeenCalledWith('snippet_3')
+
+    it 'sets the src value on the snippet options', ->
+      @selection.set({src: 'foo.png'})
+      expect(@snippetMock.options.snippet.image_1).toEqual('foo.png')
+
+    it 'calls the region execCommand if it does not have a selectedImage', ->
+      @selection.selectedImage = null
+      @region.execCommand = ->
+      spyOn @region, 'execCommand'
+      @selection.set({src: 'foo.png'})
+      expect(@region.execCommand).toHaveBeenCalledWith('insertImage', {value: {src: 'foo.png'}})
+

data/spec/javascripts/panels/sitemap/panel_spec.coffee

@@ -0,0 +1,10 @@
+#= require cmsimple
+describe 'CMSimple.Panels.Sitemap.Panel', ->
+  beforeEach ->
+    spyOn(Mercury.Panel.prototype, 'position')
+    spyOn(CMSimple.Page, 'bind')
+    @refreshSpy = spyOn(CMSimple.Panels.Sitemap.Tree.prototype, 'refresh')
+
+    fixture.set sandbox(div: 'mercury-toolbar-container')
+
+

data/spec/javascripts/panels/sitemap/sortable_spec.coffee

@@ -0,0 +1,63 @@
+#= require cmsimple
+
+describe 'CMSimple.Panels.Sitemap.Sortable', ->
+  beforeEach ->
+    @page1 = CMSimple.Page.create path: '/page1', title: 'Page 1', id: 1
+    @page2 = CMSimple.Page.create path: '/page2', title: 'Page 2', id: 2
+    @page3 = CMSimple.Page.create path: '/page3', title: 'Page 3', id: 3, parent_id: 2
+    @page4 = CMSimple.Page.create path: '/page4', title: 'Page 4', id: 4, parent_id: 3
+    @page5 = CMSimple.Page.create path: '/page5', title: 'Page 5', id: 5
+
+    html = '''
+      <ul class='sitemap'>
+        <li data-id='1'>
+          <article>Page 1</article>
+        </li>
+        <li data-id='2'>
+          <article>Page 2</article>
+          <ul class='child'>
+            <li data-id='3'>
+              <article>Page 3</article>
+              <ul class='child'>
+                <li data-id='4'>
+                  <article>Page 4</article>
+                  <ul class='child'>
+                  </ul
+                </li>
+              </ul
+            </li>
+          </ul
+        </li>
+        <li data-id='5'>
+          <article>Page 5</article>
+          <ul class='child'>
+          </ul
+        </li>
+      </ul>
+    '''
+    fixture.set html
+    @treeHTML = $(fixture.el)
+
+  it 'binds to nestedSortable on initialization', ->
+    pluginSpy = spyOn($.fn, 'nestedSortable').andCallThrough()
+    selectionSpy = spyOn($.fn, 'disableSelection').andCallThrough()
+    new CMSimple.Panels.Sitemap.Sortable(@treeHTML)
+    expect(pluginSpy).toHaveBeenCalled()
+    expect(selectionSpy).toHaveBeenCalled()
+
+  describe '#update', ->
+    beforeEach ->
+      @sortable = new CMSimple.Panels.Sitemap.Sortable(@treeHTML)
+
+    it 'updates the parent of the element that was moved', ->
+      spyOn(CMSimple.Page, 'find').andCallThrough()
+      spyOn(CMSimple.Page.prototype, 'updateAttributes')
+      @sortable.update({}, item: $("li[data-id='4']"))
+      expect(CMSimple.Page.find).toHaveBeenCalledWith(4)
+      expect(CMSimple.Page.prototype.updateAttributes).toHaveBeenCalledWith(parent_id: 3)
+
+    it 'calls updatePositions on CMSimple.Page', ->
+      spyOn(CMSimple.Page, 'updatePositions')
+      @sortable.update({}, item: $("li[data-id='4']"))
+      expect(CMSimple.Page.updatePositions).toHaveBeenCalledWith([1,2,3,4,5])
+

data/spec/javascripts/panels/sitemap/tree_spec.coffee

@@ -0,0 +1,62 @@
+#= require cmsimple
+
+describe 'CMSimple.Panels.Sitemap.Tree', ->
+  beforeEach ->
+    stubs.ajax()
+    CMSimple.Page.unbind()
+    CMSimple.Page.destroyAll()
+    @single     = CMSimple.Page.create path: '/single', title: 'Single', id: 4
+    @parent     = CMSimple.Page.create path: '/parent', title: 'Parent', id: 1
+    @child      = CMSimple.Page.create path: '/child', title: 'Child', parent_id: @parent.id, id: 2
+    @grandchild = CMSimple.Page.create path: '/grandchild', title: 'grandchild', parent_id: @child.id, id: 3
+    html = '''
+      <div class='mercury-panel'>
+        <button class='add'>Add Page</button>
+        <ul class='sitemap'>
+        </ul>
+      </div>
+    '''
+    fixture.set html
+    @container = $(fixture.el)
+
+  describe 'rendering', ->
+    it 'renders each page in an li', ->
+      new CMSimple.Panels.Sitemap.Tree(@container).render()
+      expect($('ul.sitemap li').length).toEqual(4)
+
+    it 'calls renderPages for children', ->
+      panel = new CMSimple.Panels.Sitemap.Tree(@container)
+      spyOn(panel, 'renderPages').andCallThrough()
+      panel.render()
+      expect(panel.renderPages.callCount).toEqual(3)
+
+    it 'calls render when refreshed', ->
+      spyOn(CMSimple.Page, 'fetch').andCallFake -> CMSimple.Page.trigger 'refresh'
+      panel = new CMSimple.Panels.Sitemap.Tree(@container)
+      spyOn(panel, 'render')
+      runs ->
+        panel.refresh()
+      waits 100
+      runs ->
+        expect(panel.render).toHaveBeenCalled()
+
+  describe 'event binding and setup', ->
+    it 'binds click events to the article element for the page', ->
+      panel = new CMSimple.Panels.Sitemap.Tree(@container)
+      spyOn(panel, 'pageClick')
+      panel.render()
+      $('ul.sitemap li article').click()
+      expect(panel.pageClick).toHaveBeenCalled()
+
+    it 'initializes the sortable helper', ->
+      panel = new CMSimple.Panels.Sitemap.Tree(@container)
+      sortableSpy = spyOn(CMSimple.Panels.Sitemap.Sortable.__super__, 'constructor').andCallThrough()
+      panel.render()
+      expect(sortableSpy).toHaveBeenCalled()
+
+    it 'binds the add page event', ->
+      spyOn(Mercury, 'trigger')
+      panel = new CMSimple.Panels.Sitemap.Tree(@container)
+      $('button.add').click()
+      expect(Mercury.trigger).toHaveBeenCalledWith('action', action: 'newPage')
+