siesta-lite/tests/siesta_ui/611_component_inspector2.t.js

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

StartTest(function (t) {
    t.getHarness({
        viewDOM         : true,
        scaleToFit      : false
    },[
        {
            preload : [
                '../../../extjs-7.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css',
                '../../../extjs-7.0.0/build/ext-all-debug.js'
            ],
            url     : 'testfiles/604_extjs_components.t.js'
        }
    ]);

    t.chain([
        { waitFor : 'harnessReady' },

        { action : "dblclick", target : "#SiestaSelf-testTree => .x-grid-row:nth-child(1) > .x-grid-cell:nth-child(1)" },

        { waitFor : 'HarnessIdle' },

        { action : "click", target : "toolbar => .cmp-inspector" },

        { action : "moveCursorTo", target : "[name^=604_extjs] -> >>button" },

        {
            desc    : 'Inspector box at cursor',
            waitFor :  function () {
                var EXT                 = Ext.query('iframe.tr-iframe')[ 0 ].contentWindow.Ext

                var buttonInInnerTest   = EXT.ComponentQuery.query('[text=Foo]')[0];
                var domContainer        = t.cq1('domcontainer');
                var boxEl               = Ext.getBody().down('.target-inspector-box');

                return t.compareObjects({
                    width       : buttonInInnerTest.el.getWidth() + 5,
                    height      : buttonInInnerTest.getHeight() + 5,
                    x           : buttonInInnerTest.getX(),
                    y           : buttonInInnerTest.getY()
                }, {
                    width       : t.anyNumberApprox(boxEl.getWidth(), 5),
                    height      : t.anyNumberApprox(boxEl.getHeight(), 5),
                    x           : t.anyNumberApprox(boxEl.getX() - domContainer.getX() - 5, 5),
                    y           : t.anyNumberApprox(boxEl.getY() - domContainer.getY() - 5, 5)
                })
            }
        }
    ]);
});