siesta-lite/tests/502_extjs_component.t.js

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

StartTest(function(t) {
    t.diag('hasSize');

    var txt = new Ext.form.TextField({ height : 200, width : 200, renderTo : Ext.getBody() });
    var txt2 = new Ext.form.TextField({ height : 200, width : 200, renderTo : Ext.getBody() });

    t.it('normalizeComponent #1', function(t) {
        t.warn = function() {};

        t.isCalledOnce('warn', t)
        t.notOk(t.normalizeComponent('foo'), 'Found no match');
    })

    t.it('normalizeComponent #2', function(t) {
        t.warn = function() {};

        t.isCalledOnce('warn', t)

        t.is(t.normalizeComponent('textfield', false, { ignoreNonVisible : true }), t.cq1('textfield{isVisible()}'), 'Should warn and return first match when found > 1 matching components');
    })

    t.expectPass(function (t) {
        t.hasSize(txt, 200, 200, 'hasSize OK');
    })

    t.expectFail(function (t) {
        t.hasSize(txt, 1, 200, 'hasSize fails OK');
        t.hasSize(txt, 200, 1, 'hasSize fails OK');
    });

    t.diag('hasPosition');

    var isIE67  = Ext.isIE6 || Ext.isIE7

    t.expectPass(function (t) {
        // Ext.Element.getXY() is not consistent for IE6/7
        t.hasPosition(txt, isIE67 ? 2 : 0, isIE67 ? 2 : 0, 'hasPosition OK');
    })

    t.expectFail(function (t) {
        t.hasSize(txt, 1, 0, 'hasPosition fails OK');
        t.hasSize(txt, 0, 1, 'hasPosition fails OK');
    });


    t.diag('destroysOk');

    t.expectPass(function (t) {
        var comp        = new Ext.Panel()
        var comp1       = new Ext.Panel()
        var comp2       = new Ext.Panel()
        var comp3       = new Ext.Panel({ type : 'test' })

        t.destroysOk(comp, "Single comp was destroyed ok")

        t.ok(comp.isDestroyed, 'Indeed, its destroyed')

        t.destroysOk([ comp1, comp2 ], "Array of components was destroyed ok")

        t.ok(comp1.isDestroyed, 'Indeed, its destroyed')
        t.ok(comp2.isDestroyed, 'Indeed, its destroyed')

        // only test for Ext4
        if (Ext.getVersion) {
            t.destroysOk('panel[type="test"]', "Component query for `destroysOk` works")

            t.ok(comp3.isDestroyed, 'Indeed, component query works')
        }
    })

    t.expectFail(function (t) {
        var comp        = new Ext.Panel({
            listeners   : {
                beforedestroy : function () { return false }
            }
        })

        t.destroysOk(comp, "Canceled destroy detected")

        var comp1       = new Ext.Panel({
            destroy : function () {
                throw "exception"
            }
        })

        t.destroysOk(comp1, "Thrown exception detected")
    })


    t.it('Querying for unredered components should not throw', function (t) {
        var button = new Ext.button.Button({ foo: true })

        t.isDeeply(Ext.ComponentQuery.query('[foo]'), [ button ])

        t.isDeeply(t.query('>> [foo]'), [], 'Querying for unrendered components returns empty array')
    })



//    var txt2 = new Ext.form.TextField({ height : 200, width : 200 });
//
//    var async   = t.beginAsync()
//
//    t.expectFail(function (t) {
//        t.waitForTimeout = 100;
//
//        t.waitForComponentVisible(txt2, function() {});
//    }, function () {
//        t.endAsync(async)
//    });

//    t.expectPass(function (t) {
//        t.defaultTimeout = 100;
//        var txt = new Ext.form.TextField();
//        t.waitForComponentVisible(txt, Ext.emptyFn);
//        txt.render(Ext.getBody());
//    });
});