siesta-lite/examples/sencha-extjs/2.ui-tests/grid/editing.t.js

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

StartTest(function(t) {
    //=================================================================
    t.diag("Simple grid assertions");
    
    // Use a convenience method to generate the grid, keeping the test as small as possible
    var grid = t.getGrid({
        plugins : Ext.create("Ext.grid.plugin.CellEditing", {}),
        renderTo : document.body
    });
     
    var store = grid.store;

    t.chain(
        { waitFor : 'rowsVisible', args : grid }, 
        
        // See if we can edit the name cell
        { action : 'moveCursorTo', target : 'grid => .x-grid-cell' },
        
        { waitFor : 1000 },

        { action : 'doubleClick', target : 'grid => .x-grid-cell' },
        
        function (next, cell) {
            var prevValue       = store.first().get('name');
            next()  // continue the chain
        },

            // Wait for editor to appear at the position of the cell
        { waitFor : 'selectorAtCursor', args : 'input' }, 
        
        function (next) {
            var editor = grid.columns[0].getEditor();
            editor.setValue('foo');
            grid.editingPlugin.completeEdit();
            next();
        },

        function (next) {
            t.is(store.first().get('name'), 'foo', 'Name was updated correctly');
            next();
        },
        
        // See if we can edit the "last game" cell
        { action : 'doubleClick', target : 'grid => .x-grid-cell:nth-child(4)' },
            
        // Date value is "11/12/2010", change to "01/12/2010"
        { waitFor : 'selectorAtCursor', args : 'input' },
        
        { screenshot : { fileName : 'screenshots/editing.png', compareWithPrevious : true } },

        function (next) {
            var editor = grid.columns[3].getEditor();
            editor.setValue('01/18/2009');
            grid.editingPlugin.completeEdit();
            next();
        },
        
        { 
            screenshot : { 
                target                  : '.x-grid-item:nth-child(1)' , 
                fileName                : 'screenshots/editing-first-row.png',
                compareWithPrevious     : true
            } 
        },

        function () {
            t.isDateEqual(store.first().get('lastgame'), new Date(2009, 0, 18), 'Date was updated correctly');
        }
    );
    // eof waitForRowsVisible
});