lazo-next/test/unit/client-server/common/renderer.js

A client-server web framework built on Node.js that allows front-end developers to easily create a 100% SEO compliant, component MVC structured web application with an optimized first page load.

define([
    'intern!bdd',
    'intern/chai!expect',
    'test/unit/utils',
    'sinon',
    'intern/chai!',
    'sinon-chai',
    'renderer'
], function (bdd, expect, utils, sinon, chai, sinonChai, renderer) {
    chai.use(sinonChai);

    with (bdd) {

        describe('Renderer', function () {

            it('should get the index for an markup insertion in a string', function () {
                var dfd = this.async();

                utils.setUpApp(function () {
                    var html = '<div><div><div lazo-cmp-container="foo"></div></div></div>';
                    var insertStr = '<p>hello</p>';
                    var expectStr = '<div><div><div lazo-cmp-container="foo">' + insertStr + '</div></div></div>';
                    var match = renderer.getInsertIndex('lazo-cmp-container', 'foo', html);
                    var open = html.substr(0, match.index + match[0].length);
                    var close = html.substr(match.index + match[0].length);
                    var testStr = open + insertStr + close;

                    expect(testStr).to.be.equal(expectStr);
                    dfd.resolve();
                });
            });

            it('should render a tree', function () {
                var dfd = this.async();

                utils.setUpApp(function () {
                    utils.createCtlTree(function (ctl) {
                        renderer.getTreeHtml(ctl, null, null, function (html) {
                            var regex = /<div lazo-cmp-name="name[0-9]+" lazo-cmp-id="[0-9]+"><div lazo-view-id="view[0-9]+" class="lazo-unbound"><div lazo-cmp-container="foo"><div lazo-cmp-name="name[0-9]+" lazo-cmp-id="[0-9]+"><div lazo-view-id="view[0-9]+" class="lazo-unbound">I am a template!<\/div><\/div><div lazo-cmp-name="name[0-9]+" lazo-cmp-id="[0-9]+"><div lazo-view-id="view[0-9]+" class="lazo-unbound">I am a template!<\/div><\/div><\/div><\/div><\/div>/;
                            var match = html.match(regex);

                            expect(match.length).to.be.equal(1);
                            expect(match.index).to.be.equal(0);
                            dfd.resolve();
                        });
                    });
                });
            });
        });

    }
});