siesta-lite/lib/Siesta/Recorder/Role/CanRecordMouseDownUp.js

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

/*

Siesta 5.6.1
Copyright(c) 2009-2022 Bryntum AB
https://bryntum.com/contact
https://bryntum.com/products/siesta/license

*/
Role('Siesta.Recorder.Role.CanRecordMouseDownUp', {

    has : {
        mouseState              : 'up',

        eventNameMap            : { lazy : 'this.buildEventNameMap' },

        needToCaptureInitialMouseState  : true
    },


    override : {

        initialize : function () {
            this.SUPERARG(arguments)

            this.onDocMouseDown         = this.safeBind(this.onDocMouseDown)
            this.onDocMouseUp           = this.safeBind(this.onDocMouseUp)

            this.onInitialMouseMove     = this.safeBind(this.onInitialMouseMove)
        },


        onStart : function () {
            this.SUPERARG(arguments);

            var eventNameMap            = this.getEventNameMap()

            var win     = this.window;
            var doc     = win.document;

            doc.addEventListener(eventNameMap.mousedown, this.onDocMouseDown, true);
            doc.addEventListener(eventNameMap.mouseup, this.onDocMouseUp, true);

            doc.body.addEventListener('mousemove', this.onInitialMouseMove, true)

            this.needToCaptureInitialMouseState = true
        },


        onStop : function () {
            this.SUPERARG(arguments);

            var eventNameMap            = this.getEventNameMap()

            var win     = this.window;
            var doc     = win.document;

            doc.removeEventListener(eventNameMap.mousedown, this.onDocMouseDown, true);
            doc.removeEventListener(eventNameMap.mouseup, this.onDocMouseUp, true);

            if (this.needToCaptureInitialMouseState) this.onInitialStateCaptured()
        }
    },

    methods : {

        onInitialMouseMove : function (e) {
            if (e.buttons != null && (e.buttons & 1)) this.mouseState = 'down'

            this.onInitialStateCaptured()
        },


        onInitialStateCaptured : function () {
            this.window.document.body.removeEventListener('mousemove', this.onInitialMouseMove, true)

            this.needToCaptureInitialMouseState = false
        },


        onDocMouseDown : function (e) {
            // Skip test playback events and mouse moves in frames
            if ((this.ignoreSynthetic && e.synthetic) || e.target.ownerDocument !== this.window.document) return;

            if (this.needToCaptureInitialMouseState) this.onInitialStateCaptured()

            this.processDocMouseDown(e)
        },


        processDocMouseDown : function (e) {
            this.mouseState     = 'down'
        },


        onDocMouseUp : function (e) {
            // Skip test playback events and mouse moves in frames
            if ((this.ignoreSynthetic && e.synthetic) || e.target.ownerDocument !== this.window.document) return;

            if (this.needToCaptureInitialMouseState) this.onInitialStateCaptured()

            this.processDocMouseUp(e)
        },


        processDocMouseUp : function (e) {
            this.mouseState     = 'up'
        },


        isPointerDownEvent : function (event) {
            return /(ms)?(pointer|mouse)down/i.test(event.type)
        },


        isPointerUpEvent : function (event) {
            return /(ms)?(pointer|mouse)up/i.test(event.type)
        },


        buildEventNameMap : function () {
            var events  = {}

            if (window.PointerEvent) {
                events.mousedown    = 'pointerdown'
                events.mouseup      = 'pointerup'
            } else if (window.MSPointerEvent) {
                events.mousedown    = 'MSPointerDown'
                events.mouseup      = 'MSPointerUp'
            } else {
                events.mousedown    = 'mousedown'
                events.mouseup      = 'mouseup'
            }

            return events
        }
    }
    // eof `override`
});