doevisualizations/doeVisualization/node_modules/jquerypp/event/swipe/swipe_test.js

Data Visualization Library based on RequireJS and D3.js (v4+)

steal('steal-qunit', 'syn', 'jquerypp/event/swipe', function (QUnit, syn) {
	var swipe;

	module("jquerypp/swipe", {
		setup : function () {
			$("#qunit-fixture").html("");
			
			var div = $("<div id='outer'>" +
				"<div id='inner1'>one</div>" +
				"<div id='inner2'>two<div id='inner3'>three</div></div>" +
				"</div>");

			div.appendTo($("#qunit-fixture"));
			var basicCss = {
				position : "absolute",
				border : "solid 1px black"
			};
			
			$("#outer").css(basicCss).css({top : "10px", left : "10px",
				zIndex : 1000, backgroundColor : "green", width : "200px", height : "200px"});

			$("#qunit-fixture").css({top: "0px", left: "0px"});

			swipe = {};

			$("#outer").bind("swipe",function () {
				swipe.general = true;
			})
			.bind("swipeleft",function () {
				swipe.left = true;
			})
			.bind("swiperight", function () {
				swipe.right = true;
			})
			.bind("swipeup", function () {
				swipe.up = true;
			})
			.bind("swipedown", function () {
				swipe.down = true;
			});
		},
		teardown: function(){
			$("#qunit-fixture").css({top: "", left: ""});
		}
	});

	test("swipe right event", 5, function () {
		stop();
		syn.drag("outer", {
			from : "20x20",
			to : "50x20",
			duration : 100
		}, function () {
			start();

			ok(swipe.general, 'swipe');
			ok(swipe.right, 'swipe right');

			ok(!swipe.left, 'swipe left');
			ok(!swipe.up, 'swipe up');
			ok(!swipe.down, 'swipe down');
		});

	});



	test("swipe left event", 5, function () {
		stop();

		syn.drag("outer", {
			from : "50x20",
			to : "20x20",
			duration : 100
		}, function () {
			start();

			ok(swipe.general, 'swipe');
			ok(swipe.left, 'swipe left');

			ok(!swipe.right, 'swipe right');
			ok(!swipe.up, 'swipe up');
			ok(!swipe.down, 'swipe down');
		});
	});


	test("swipe up event", 5, function () {
		stop();
		syn.drag("outer", {
			from : "20x50",
			to : "20x20",
			duration : 100
		}, function () {
			start();

			ok(swipe.general, 'swipe');
			ok(swipe.up, 'swipe up');

			ok(!swipe.left, 'swipe left');
			ok(!swipe.right, 'swipe right');
			ok(!swipe.down, 'swipe down');
		})

	});

	test("swipe down event", 5, function () {
		stop();
		syn.drag("outer",{
			from : "20x20",
			to : "20x50",
			duration : 100
		}, function () {
			start();
			ok(swipe.general, 'swipe');
			ok(swipe.down, 'swipe down');

			ok(!swipe.left, 'swipe left');
			ok(!swipe.right, 'swipe right');
			ok(!swipe.up, 'swipe up');
		});

	});

	test("#33: using swipe.max", function () {

		$.event.swipe.max = 75;
		$("#outer").bind("swipe", function () {
			ok(false, "Swipe shouldn't be called when dragged more than swipe.max");
		});
		stop();
		syn.drag("outer",{
			from : "20x20",
			to : "20x96",
			duration : 100
		}, function () {
			ok(true, 'Done dragging');
			start();
		})

	})

});