siesta-lite/tests/recorder/ui/103_eventview_offset_column.t.js

Stress-free JavaScript unit testing and functional testing tool, works in NodeJS and browsers

StartTest(function (t) {

    t.describe('Event view type column', function (t) {
        document.body.innerHTML = '<div id="div"></div>'

        var view = new Siesta.Recorder.UI.RecorderPanel({
            height   : 300,
            width    : 600,
            renderTo : Ext.getBody(),
            test     : t,
            root    : {
                children : [
                    { action : 'click', target : [{ type : 'css', target : '#div' }] }
                ]
            },
            domContainer : {
                highlightTarget : function() {},
                startInspection : function() {},
                clearHighlight  : function() {}
            }
        });

        var record      = view.store.first();
        var editPlugin  = view.editing

        t.chain(
            { waitForRowsVisible : view },

            function (next) {
                t.it('Set a % offset', function(t) {
                    editPlugin.startEdit(0, 3);
                    editPlugin.getActiveEditor().setValue('33,100%');
                    editPlugin.completeEdit();

                    t.isDeeply(record.getTargetOffset(), [33, "100%"], 'Offset ok');
                    t.contentLike('.siesta-recorderpanel-offsetcolumn .x-grid-cell-inner', '33,100%');
                })

                t.it('Set a number offset', function(t) {
                    editPlugin.startEdit(0, 3);
                    editPlugin.getActiveEditor().setValue('33,0');
                    editPlugin.completeEdit();

                    t.isDeeply(record.getTargetOffset(), [33, 0], 'Offset ok')
                    t.contentLike('.siesta-recorderpanel-offsetcolumn .x-grid-cell-inner', '33,0');
                })

                t.it('Ignore a bad offset', function(t) {
                    editPlugin.startEdit(0, 3);
                    editPlugin.getActiveEditor().setValue('blargh');
                    editPlugin.completeEdit();

                    t.isDeeply(record.getTargetOffset(), [33, 0], 'Crap input ignored')
                    t.contentLike('.siesta-recorderpanel-offsetcolumn .x-grid-cell-inner', '33,0');
                });

                t.it('Ignore a bad offset #2', function(t) {
                    editPlugin.startEdit(0, 3);
                    editPlugin.getActiveEditor().setValue('foo,bar');
                    editPlugin.completeEdit();

                    t.isDeeply(record.getTargetOffset(), [33, 0], 'Crap input ignored 2')
                    t.contentLike('.siesta-recorderpanel-offsetcolumn .x-grid-cell-inner', '33,0');
                });

                t.it('Clear offset by setting empty', function(t) {
                    editPlugin.startEdit(0, 3);
                    editPlugin.getActiveEditor().setValue('');
                    editPlugin.completeEdit();

                    t.notOk(record.getTargetOffset(), 'Removing offset should work')

                    var val = $('.siesta-recorderpanel-offsetcolumn .x-grid-cell-inner')[0].innerHTML.replace('&nbsp;', '');
                    t.is(val, '');
                });
            }
        );
    })
})