backbone-tableview/tests/tfootTest.js

A backbone.js table view with built in lifecycle management for child elements

var should = require('should'),
Backbone = require('backbone')

Backbone.$ = global.window.$
var Table = require('../src')

describe('Table', function(){
    beforeEach(function(){
        this.view = new Table().render()
    })

    it('setFoot() should add tfoot', function() {
        this.view.setFoot({text: 'foo'})

        this.view.$el[0].outerHTML.should.eql(
            '<table><thead><tr></tr></thead><tfoot><tr><th>foo</th></tr></tfoot><tbody></tbody></table>'
        )
    })

    it('setFoot() should only add a single tr', function() {
        this.view.setFoot({text: 'bar'})
        this.view.setFoot({text: 'foo'})

        this.view.$el[0].outerHTML.should.eql(
            '<table><thead><tr></tr></thead><tfoot><tr><th>foo</th></tr></tfoot><tbody></tbody></table>'
        )
    })

    it('remove()', function() {
        this.view.setFoot({text: 'bar'})
        this.view.foot.remove()

        this.view.$el[0].outerHTML.should.eql('<table><thead><tr></tr></thead><tbody></tbody></table>')
    })

    it('table remove()', function(){
        this.view.setFoot({text: 'bar'})
        this.view.remove()

        this.view.$el[0].outerHTML.should.eql('<table></table>')
    })
})