htmldiff/test/render_operations.spec.coffee

HTML Diffing in JavaScript (CoffeeScript)

describe 'render_operations', ->
  beforeEach ->
    diff = (require '../src/htmldiff.coffee')
    @cut = (before, after)->
      ops = diff.calculate_operations before, after
      diff.render_operations before, after, ops

  it 'should be a function', ->
    (expect @cut).is.a 'function'

  describe 'equal', ->
    beforeEach ->
      before = ['this', ' ', 'is', ' ', 'a', ' ', 'test']
      @res = @cut before, before

    it 'should output the text', ->
      (expect @res).equal 'this is a test'

  describe 'insert', ->
    beforeEach ->
      before = ['this', ' ', 'is']
      after = ['this', ' ', 'is', ' ', 'a', ' ', 'test']
      @res = @cut before, after

    it 'should wrap in an <ins>', ->
      (expect @res).equal 'this is<ins> a test</ins>'


  describe 'delete', ->
    beforeEach ->
      before = ['this', ' ', 'is', ' ', 'a', ' ', 'test', \
      ' ', 'of', ' ', 'stuff']
      after = ['this', ' ', 'is', ' ', 'a', ' ', 'test']
      @res = @cut before, after

    it 'should wrap in a <del>', ->
      (expect @res).to.equal 'this is a test<del> of stuff</del>'


  describe 'replace', ->
    beforeEach ->
      before = ['this', ' ', 'is', ' ', 'a', ' ', 'break']
      after = ['this', ' ', 'is', ' ', 'a', ' ', 'test']
      @res = @cut before, after

    it 'should wrap in both <ins> and <del>', ->
      (expect @res).to.equal 'this is a <del>break</del><ins>test</ins>'

  describe 'Dealing with tags', ->
    beforeEach ->
      before = ['<p>', 'a', '</p>']
      after = ['<p>', 'a', ' ', 'b', '</p>', '<p>', 'c', '</p>']
      @res = @cut before, after

    it 'should make sure the <ins/del> tags are within the <p> tags', ->
      (expect @res).to.equal '<p>a<ins> b</ins></p><p><ins>c</ins></p>'

    describe 'When there is a change at the beginning, in a <p>', ->
      beforeEach ->
        before = ['<p>', 'this', ' ', 'is', ' ', 'awesome', '</p>']
        after = ['<p>', 'I', ' ', 'is', ' ', 'awesome', '</p>']
        @res = @cut before, after

      it 'should keep the change inside the <p>', ->
        (expect @res).to.equal '<p><del>this</del><ins>I</ins> is awesome</p>'