require '/assets/mercury/mercury.js'

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('insertHTML')
      value = spy.argsForCall[0][1]['value']
      expect(value).toContain('border="1"')
      expect(value).toContain('cellspacing="0"')
      expect(value).toContain('<td id="cell2">&nbsp;</td>')

    it "hides the modal", ->
      spy = spyOn(@modal, 'hide').andCallFake(=>)
      jasmine.simulate.click($('#submit').get(0))
      expect(spy.callCount).toEqual(1)