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

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

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

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

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

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

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