Sencha UI Test example - Sencha Test

.js

describe("Email.js", function() {
    describe('Compose', function () {
        var compose;
        
        // We need to create the email Compose view in a window like the app normally
        // does as a Fixture for our tests.
        //
        beforeEach(function (done) {
            compose = Ext.create({
                xtype: 'window',
                title: 'Compose',
                layout: 'fit',
                x: 0,
                y: 0,
                width: 600,
                height: 450,
                items: [{
                    xtype: 'emailcompose'  // this is the real test subject
                }],
                lookup: function (ref) {
                    return this.getComponent(0).lookup(ref);
                }
            });
            compose.show();

            Ext.defer(done, 500); // allow window to repaint/reflow
        });
        
        afterEach(function (done) {
            // And teardown the fixture to leave the DOM clean.
            compose = Ext.destroy(compose);
            Ext.defer(done, 500);
        });
        
        it('should open', function () {
            // Make sure the window gets rendered properly.
            expect(compose.el).toBeTruthy();
        });
        
        it('should close', function () {
            // Simulate typing into the Subject field and then Discard and
            // make sure the window closes properly.
            var win = ST.component(compose);
            
            ST.textField(compose.lookup('subjectField')).
                focus().
                type('Hello').
                and(function (field) {
                    expect(field.getValue()).toBe('foo');
                }).
                wait(1000);
            
            ST.button(compose.lookup('discardButton')).
                click(10, 10);

            win.
                destroyed().
                and(function (w) {
                    expect(w.destroyed).toBe(true);
                });
        });
    });

    it("should pass", function() {
        expect(1).toBe(1);
    });
});