marko/test/util/BrowserHelpers.js

var expect = require('chai').expect;
var assert = require('assert');
var markoWidgets = require('marko/widgets');

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

BrowserHelpers.prototype = {
    triggerEvent: function(el, type) {
        var ev = document.createEvent("Event");
        ev.initEvent(type, true, true);
        el.dispatchEvent(ev);
    },

    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.renderSync(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);
    },

    getWidgetForEl: function(el) {
        return markoWidgets.getWidgetForEl(el);
    },


    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 = '';
    }
};

module.exports = BrowserHelpers;