konva/tests/js/functionalTests.js

Test.prototype.tests = {
    'DRAG AND DROP - test dragstart, dragmove, dragend': function(containerId) {
        var stage = new Kinetic.Stage({
            container: containerId,
            width: 578,
            height: 200
        });
        var layer = new Kinetic.Layer();
        var circle = new Kinetic.Circle({
            x: 380,
            y: stage.getHeight() / 2,
            radius: 70,
            strokeWidth: 4,
            fill: 'red',
            stroke: 'black'
        });

        circle.draggable(true);

        layer.add(circle);
        stage.add(layer);

        var dragStart = false;
        var dragMove = false;
        var dragEnd = false;

        circle.on('dragstart', function() {
            dragStart = true;
        });

        circle.on('dragstart', function() {
            dragStart = true;
        });

        circle.on('dragmove', function() {
            dragMove = true;
        });

        circle.on('dragend', function() {
            dragEnd = true;
        });
        /*
         * simulate drag and drop
         */
        stage._mousedown({
            offsetX: 380,
            offsetY: stage.getHeight() / 2
        });

        test(!dragStart, 'dragstart event should not have been triggered');
        test(!dragMove, 'dragmove event should not have been triggered');
        test(!dragEnd, 'dragend event should not have been triggered');

        setTimeout(function() {
            stage._mousemove({
                offsetX: 100,
                offsetY: stage.getHeight() / 2
            });

            test(dragStart, 'dragstart event was not triggered');
            test(dragMove, 'dragmove event was not triggered');
            test(!dragEnd, 'dragend event should not have been triggered');
        }, 50);
        setTimeout(function() {
            stage._mouseup({
                offsetX: 100,
                offsetY: stage.getHeight() / 2
            });

            test(dragStart, 'dragstart event was not triggered');
            test(dragMove, 'dragmove event was not triggered');
            test(dragEnd, 'dragend event was not triggered');
        }, 100);
    }
};