jt/index.test.js

JSON templates

/*global describe, it*/
var jt = require('./'),
    assert = require('assert');

describe('interface', function () {

    describe('param', function () {
        it('String', function () {
            jt('hi');
        });

        it('Function', function () {
            jt(function () {});
        });

        it('Array', function () {
            jt([]);
        });

        it('json', function () {
            jt({});
        });
    });

    it('result', function () {
        var template = jt([]);
        assert.equal(typeof template, 'function');
    });

});

describe('api', function () {
    it('String', function () {
        var template = jt('hello');
        assert.equal(template(), 'hello');
    }); 

    it('Array', function () {
        var template = jt(['hello', ' world']);
        assert.equal(template(), 'hello world');
    });

    describe('json', function () {
        it('content', function () {
            var template = jt({
                content: 'hello world'
            });
            assert.equal(template(), '<div>hello world</div>');
        });
        it('tag', function () {
            var template = jt({
                content: 'hello world',
                tag: 'span'
            });
            assert.equal(template(), '<span>hello world</span>');
        });
        describe('args', function () {
            it('single', function () {
                var template = jt({
                    content: 'hello world',
                    data: 'foo'
                });
                assert.equal(template(), '<div data="foo">hello world</div>');
            });

            it('multiple', function () {
                var template = jt({
                    content: 'hello world',
                    foo: 'bar',
                    data: 'baz'
                });
                assert.equal(template(), '<div foo="bar" data="baz">hello world</div>');
            });
        });
        describe('class', function () {
            it('string', function () {
                var template = jt({
                    content: 'hello world',
                    cls: 'foo'
                });
                assert.equal(template(), '<div class="foo">hello world</div>');
            });

            it('array', function () {
                var template = jt({
                    content: 'hello world',
                    cls: ['foo', 'bar']
                });
                assert.equal(template(), '<div class="foo bar">hello world</div>');
            });
        })
    });

    describe('short tags', function () {
        it('simple', function () {
            var template = jt({
                tag: 'br'
            });
            assert.equal(template(), '<br/>');
        });
        it('with content', function () {
            var template = jt({
                tag: 'br',
                content: 'hello world'
            });
            assert.equal(template(), '<br/>');
        });
        it('attrs', function () {
            var template = jt({
                tag: 'br',
                foo: 'bar'
            });
            assert.equal(template(), '<br foo="bar"/>');
        });
    });

    describe('Function', function () {
        it('string', function () {
            var template = jt(function () {
                return 'hello world';
            });
            assert.equal(template(), 'hello world');
        });
        it('json', function () {
            var template = jt(function () {
                return {content: 'foo'}
            });
            assert.equal(template(), '<div>foo</div>');
        });
        it('with params', function () {
            var template = jt(function (params) {
                return {content: 'hello ' + params.who}
            });
            assert.equal(template({who: 'world'}), '<div>hello world</div>');
        });
    })

    describe('examples', function () {
        it('1', function () {
            var st = jt.compile({
                tag: 'span',
                content: [
                    {tag: 'li', content: 'hello'},
                    {tag: 'span', content: ['olo', {content: 'olo'}]}
                ]
            });
            assert.equal(st, '<span><li>hello</li><span>olo<div>olo</div></span></span>');
        });
    })
});