marko-widgets/test/autotests-browser/widget-preserve-all-state-when-rerendered/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'), {
        name: 'Frank',
        count: 30
    });

    var targetEl = widget.el;

    expect(targetEl.innerHTML).to.contain('Hello Frank! You have 30 new messages.');
    expect(targetEl.innerHTML).to.contain('foo: bar');
    expect(targetEl.innerHTML).to.contain('hello: world');
    expect(widget.state.name).to.equal('Frank');
    expect(widget.state.count).to.equal(30);

    require('marko-widgets').batchUpdate(function() { // Force the HTML update to be immediate
        widget.setState('name', 'John');
    });

    expect(targetEl.innerHTML).to.contain('Hello John! You have 30 new messages.');
    expect(targetEl.innerHTML).to.contain('foo: bar');
    expect(targetEl.innerHTML).to.contain('hello: world');
    expect(widget.state.name).to.equal('John');
    expect(widget.state.count).to.equal(30);
};