marko-widgets/test/autotests-browser/widget-rerender-stateless-new-props/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 targetEl = helpers.targetEl;
    
    var widget = helpers.mount(require('./index'), {
        name: 'Frank',
        messageCount: 10
    });

    expect(targetEl.innerHTML).to.contain('Hello Frank! You have 10 new messages.');

    require('marko-widgets').batchUpdate(function() {
        widget.setProps({
            name: 'John',
            messageCount: 20
        });
    });

    expect(targetEl.innerHTML).to.contain('Hello John! You have 20 new messages.');

    require('marko-widgets').batchUpdate(function() {
        widget.setProps({
            name: 'Jane',
            messageCount: 30
        });
        expect(targetEl.innerHTML).to.contain('Hello John! You have 20 new messages.');
    });

    expect(targetEl.innerHTML).to.contain('Hello Jane! You have 30 new messages.');
};