siesta-lite/tests/recorder/target_extractor/007_multistop_drag.t.js

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

StartTest(function (t) {
    // for native simulation needs longer timeout, since it works a slower and 200ms can be just an internal delay
    // increased from 200 to 500 because a random delay of 200 ms will cause an extra "moveCursorTo" action
    var idleTimeout     = t.simulator.type == 'synthetic' ? 500 : 700

    t.it('Simple HTML', function (t) {
        document.body.innerHTML =
            '<div class="foo" style="background:gray;width:100px;height:100px">FOO</div>' +
            '<div id="bar" style="background:yellow;width:100px;height:100px">BAR</div>'

        var recorder            = new Siesta.Recorder.ExtJS({ ignoreSynthetic : false, idleTimeout : idleTimeout });

        recorder.attach(window)

        t.chain(
            { moveCursorTo : '.foo' },

            function (next) {
                recorder.start()
                next()
            },

            { action : 'mouseDown', target : '.foo' },

            {
                waitForEvent    : [ recorder, 'actionadd' ],
                trigger         : { moveCursorTo : [150, 150] }
            },
            {
                waitForEvent    : [ recorder, 'actionadd' ],
                trigger         : { moveCursorTo : "#bar" }
            },
            { action : 'moveCursor', by : [10, 10] },
            { action : 'mouseUp' },

            function () {
                var steps = recorder.getRecordedActionsAsSteps();

                recorder.stop();

                t.is(steps.length, 4);
                t.is(steps.length, 4);

                t.is(steps[ 0 ].action, 'mousedown');
                t.is(steps[ 0 ].target, '.foo');
                t.isDeeply(steps[ 0 ].offset, [50, 50]);

                t.is(steps[ 1 ].action, 'moveCursorTo');
                t.isDeeply(steps[ 1 ].target, [ 150, 150 ]);

                t.is(steps[ 2 ].action, 'moveCursorTo');
                t.is(steps[ 2 ].target, '#bar');
                t.isDeeply(steps[ 2 ].offset, [ 50, 50 ]);

                t.is(steps[ 3 ].action, 'mouseup');
                t.isDeeply(steps[ 3 ].target, [ 60, 160 ]);
            }
        )
    })

    t.it('Simple case #2', function (t) {
        document.body.innerHTML = '<div class="foo" style="background:gray;width:100px;height:100px">FOO</div>'

        var recorder            = new Siesta.Recorder.ExtJS({ ignoreSynthetic : false, idleTimeout : idleTimeout });

        recorder.attach(window)

        t.chain(
            { moveCursorTo : 'div.foo:contains(FOO)' },

            function (next) {
                recorder.start()
                next()
            },

            { mousedown : 'div.foo:contains(FOO)' },

            {
                waitForEvent    : [ recorder, 'actionadd' ],
                trigger         : { moveCursorTo : [ 60, 60 ] }
            },
            { action : 'mouseUp' },

            function () {
                var steps = recorder.getRecordedActionsAsSteps();

                recorder.stop();

                t.is(steps.length, 3);
                t.is(steps[ 0 ].action, 'mousedown');
                t.is(steps[ 0 ].target, '.foo');
                t.isDeeply(steps[ 0 ].offset, [ 50, 50 ]);

                t.is(steps[ 1 ].action, 'moveCursorTo');
                t.is(steps[ 1 ].target, '.foo');
                t.isDeeply(steps[ 1 ].offset, [ 60, 60 ]);

                t.is(steps[ 2 ].action, 'mouseup');
                t.isDeeply(steps[ 2 ].target, [ 60, 60 ]);
            }
        )
    })
})