SmartCommunity/videoSurveillance/node_modules/diagram-js/test/spec/features/auto-scroll/AutoScrollSpec.js

import { createCanvasEvent as canvasEvent } from '../../../util/MockEvents';

/* global sinon */

import {
  bootstrapDiagram,
  inject
} from 'test/TestHelper';

import dragModule from 'lib/features/dragging';
import scrollModule from 'lib/features/auto-scroll';


describe('features/auto-scroll - AutoScroll', function() {

  beforeEach(bootstrapDiagram({ modules: [ dragModule, scrollModule ] }));


  describe('scrolling canvas near borders', function() {

    // rely on defaults
    var scrollStep = 10;
    var scrollThresholdIn = 20;
    var scrollThresholdOut = 0;

    var scrollSpy;
    var clientRect;


    beforeEach(inject(function(dragging, autoScroll, canvas) {
      // given
      autoScroll.setOptions({
        // do not reapeat timeout
        scrollRepeatTimeout: 100000
      });

      scrollSpy = sinon.spy(canvas, 'scroll');

      dragging.init(canvasEvent({ x: 100, y: 100 }), 'foo');

      clientRect = canvas._container.getBoundingClientRect();
    }));


    it('not scrolled when inside the border', inject(function(dragging) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn + 1,
        y: scrollThresholdIn + 1
      }));

      // then
      expect(scrollSpy).not.to.be.called;
    }));


    it('not scrolled when outside the border', inject(function(dragging) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdOut - 1,
        y: scrollThresholdOut - 1
      }));

      // then
      expect(scrollSpy).not.to.be.called;
    }));


    it('stopped on cleanup', inject(function(dragging, autoScroll) {
      // given
      var stopScroll = sinon.spy(autoScroll, 'stopScroll');

      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn - 1,
        y: scrollThresholdIn - 1
      }));
      dragging.cancel();

      // then
      expect(scrollSpy).to.be.calledOnce;
      expect(stopScroll).to.be.calledTwice;
    }));


    it('stopped on moving outside the border', inject(function(dragging, autoScroll) {
      // given
      var stopScroll = sinon.spy(autoScroll, 'stopScroll');

      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn - 1,
        y: scrollThresholdIn - 1
      }));

      dragging.move(canvasEvent({
        x: scrollThresholdOut - 1,
        y: scrollThresholdOut - 1
      }));

      // then
      expect(scrollSpy).to.be.calledOnce;
      expect(stopScroll).to.be.calledTwice;
    }));


    it('left-down', inject(function(dragging, canvas) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn - 1,
        y: (clientRect.height - scrollThresholdIn) + 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: scrollStep, dy: -scrollStep });
    }));


    it('left', inject(function(dragging) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn - 1,
        y: scrollThresholdIn + 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: scrollStep, dy: 0 });
    }));


    it('left-up', inject(function(dragging) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn - 1,
        y: scrollThresholdIn - 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: scrollStep, dy: scrollStep });
    }));


    it('up', inject(function(dragging) {
      // when
      dragging.move(canvasEvent({ x: scrollThresholdIn + 1, y: scrollThresholdIn - 1 }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: 0, dy: scrollStep });
    }));


    it('right-up', inject(function(dragging, canvas) {
      // when
      dragging.move(canvasEvent({
        x: (clientRect.width - scrollThresholdIn) + 1,
        y: scrollThresholdIn - 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: -scrollStep, dy: scrollStep });
    }));


    it('right', inject(function(dragging, canvas) {
      // when
      dragging.move(canvasEvent({
        x: (clientRect.width - scrollThresholdIn) + 1,
        y: scrollThresholdIn + 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: -scrollStep, dy: 0 });
    }));


    it('right-down', inject(function(dragging, canvas, mouseTracking) {
      // when
      dragging.move(canvasEvent({
        x: (clientRect.width - scrollThresholdIn) + 1,
        y: (clientRect.height - scrollThresholdIn) + 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: -scrollStep, dy: -scrollStep });
    }));


    it('down', inject(function(dragging, canvas, mouseTracking) {
      // when
      dragging.move(canvasEvent({
        x: scrollThresholdIn + 1,
        y: (clientRect.height - scrollThresholdIn) + 1
      }));

      // then
      expect(scrollSpy).to.be.calledWith({ dx: 0, dy: -scrollStep });
    }));

  });

});