marko-widgets/test/autotests-browser/dom-events-repeated-el-non-bubbling/test.js

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

var expect = require('chai').expect;

module.exports = function(helpers) {
    var widget = helpers.mount(require('./index'), {
        colors: [ 'red', 'green', 'blue' ]
    });

    var liEls = widget.el.querySelectorAll('li');

    helpers.triggerMouseEvent(liEls[0], 'mouseover');
    expect(widget.color).to.equal('red');

    helpers.triggerMouseEvent(liEls[1], 'mouseover');
    expect(widget.color).to.equal('green');

    helpers.triggerMouseEvent(liEls[2], 'mouseover');
    expect(widget.color).to.equal('blue');
};