marko-widgets/test/browser-tests.js

Module to support binding of behavior to rendered UI components rendered on the server or client

'use strict';
var expect = require('chai').expect;
var assert = require('assert');

function BrowserHelpers() {
    this.logOutput = [];
    this.widgets = [];
}

BrowserHelpers.prototype = {
    triggerMouseEvent: function(el, type) {
        var ev = document.createEvent("MouseEvent");
        ev.initMouseEvent(
            type,
            true /* bubble */, true /* cancelable */,
            window, null,
            0, 0, 0, 0, /* coordinates */
            false, false, false, false, /* modifier keys */
            0 /*left*/, null
        );
        el.dispatchEvent(ev);
    },

    triggerClick: function(el) {
        this.triggerMouseEvent(el, 'click');
    },

    triggerMouseMove: function(el) {
        this.triggerMouseEvent(el, 'mousemove');
    },

    mount: function(component, input) {
        var renderResult = component.render(input)
            .appendTo(this.targetEl);

        var widget;
        try {
            widget = renderResult.getWidget();
        } catch(e) {}

        if (widget) {
            this.widgets.push(widget);
        }

        return widget;
    },

    log: function(data) {
        this.logOutput.push(data);
    },


    get targetEl() {
        return document.getElementById('testsTarget');
    },

    nodeListToArray: function(nodes) {
        var nodeArray = new Array(nodes.length);
        for (var i=0; i<nodes.length; i++) {
            nodeArray[i] = nodes[i];
        }
        return nodeArray;
    },

    checkChildrenMatch: function(children1, children2) {
        expect(children1.length).to.equal(children2.length);

        for (var i=0; i<children1.length; i++) {
            var child1 = children1[i];
            var child2 = children2[i];
            assert.ok(child1 === child2, 'Children at index ' + i + ' do not match. child 1: ' + child1 + ' child 2: ' + child2);
        }
    },

    _cleanup: function() {
        this.widgets.forEach(function(widget) {
            widget.destroy();
        });

        this.widgets = [];

        this.targetEl.innerHTML = '';
    }
};

if (typeof window !== 'undefined') {
    describe('marko-widgets (browser)', function() {
        require('./util/autotest').runTests(
            require('./autotests-browser/autotests.tests'),
            function run(testFunc, done) {
                var helpers = new BrowserHelpers();

                if (testFunc.length === 1) {
                    testFunc(helpers);
                    helpers._cleanup();
                    done();
                } else {
                    testFunc(helpers, function(err) {
                        helpers._cleanup();
                        done(err);
                    });
                }
            });
    });
}