base.js

import { domUtils } from '../../../deps/testcafe-core';


export default class MoveEventSequenceBase {
    constructor ({ moveEvent }) {
        this.dragAndDropMode = false;
        this.dropAllowed     = false;
        this.moveEvent       = moveEvent;
    }

    setup () {
        this.dragAndDropMode = false;
        this.dropAllowed     = false;
    }

    leaveElement (/* currentElement, prevElement, commonAncestor, options */) {
    }

    move (/* element, options */) {
    }

    enterElement (/* currentElement, prevElement, commonAncestor, options */) {
    }

    dragAndDrop (/* dragElement, currentElement, prevElement, options, dragDataStore */) {
    }

    teardown (/* currentElement, eventOptions, prevElement */) {
    }

    run (currentElement, prevElement, options, dragElement, dragDataStore) {
        const elementChanged = currentElement !== prevElement;
        const commonAncestor = elementChanged ? domUtils.getCommonAncestor(currentElement, prevElement) : null;

        this.setup();

        if (elementChanged && !!prevElement)
            this.leaveElement(currentElement, prevElement, commonAncestor, options);

        if (elementChanged && domUtils.isElementInDocument(currentElement))
            this.enterElement(currentElement, prevElement, commonAncestor, options);

        this.move(currentElement, options);

        this.dragAndDrop(dragElement, currentElement, prevElement, options, dragDataStore);
        this.teardown(currentElement, options, prevElement);

        const dragAndDropMode = this.dragAndDropMode;
        const dropAllowed     = this.dropAllowed;

        this.dragAndDropMode = false;
        this.dropAllowed     = false;

        return { dragAndDropMode, dropAllowed };
    }
}