marko/test/__util__/BrowserHelpers.js

var expect = require("chai").expect;
var assert = require("assert");
var markoComponents = require("marko/components");
var getComponentsFromMeta = require("./components-from-meta");

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

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

    triggerCustomEvent: function(el, type, detail) {
        var ev = new CustomEvent(type, { detail: detail });
        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(templatePath, input) {
        var $global = input && input.$global;
        var template = require(templatePath);
        var renderResult = template.renderSync(input).appendTo(this.targetEl);
        var instance;

        try {
            instance = renderResult.getComponent();
        } catch (e) {
            if (e.toString().indexOf("No component") === -1) {
                throw e;
            }
        }

        if (instance) {
            this.instances.push(instance);
        }

        this.rendered.push({
            template: this.cleanPath(templatePath),
            components: getComponentsFromMeta(template),
            input: input,
            $global: $global
        });

        return instance;
    },

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

    getComponentForEl: function(el) {
        return markoComponents.getComponentForEl(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
            );
        }
    },

    cleanPath: function(path) {
        return path.replace(/\.\d+\.in-context$/, "");
    }
};

module.exports = BrowserHelpers;