modifiers/restrict: add tests for restrictSize

zbjornson · zbjornson · commit 2281dbab5c8f · 2017-04-19T15:55:00.000-07:00
* Basic tests for logic in restrictSize.

Other changes are because require(modifiers) has side-effects that affect the
mocked objects presented in other test.
diff --git a/tests/actions/base.js b/tests/actions/base.js
@@ -18,7 +18,7 @@ test('firePrepared function', t => {
   const interaction = new Interaction();
   const element = {};
   const interactable = new Interactable(element, { origin: { x: 0, y: 0 } });
-  const action = { name: 'TEST' };
+  const action = { name: 'resize' };
   const phase = 'TEST_PHASE';
 
   let event = null;
diff --git a/tests/actions/drag.js b/tests/actions/drag.js
@@ -63,10 +63,15 @@ test('Interactable.draggable method', t => {
 
 test('drag axis', t => {
   const Interaction   = require('../../src/Interaction');
+  const Interactable = require('../../src/Interactable');
   const InteractEvent = require('../../src/InteractEvent');
 
   const opposites = { x: 'y', y: 'x' };
   const interaction = new Interaction();
+  const element = {};
+  const interactable = new Interactable(element, { origin: { x: 0, y: 0 } });
+  interaction.target = interactable;
+
   const iEvent = { type: 'dragmove' };
   const eventCoords = {
     pageX:   -1, pageY:   -2,
diff --git a/tests/index.js b/tests/index.js
@@ -15,6 +15,7 @@ require('./pointerEvents/holdRepeat');
 // modifiers
 //require('./modifiers/snap');
 //require('./modifiers/restrict');
+require('./modifiers/restrictSize');
 
 // delay
 //require('./autoStart/delay');
diff --git a/tests/modifiers/restrictSize.js b/tests/modifiers/restrictSize.js
@@ -0,0 +1,61 @@
+const test = require('../test');
+
+test('restrictSize', t => {
+  const RestrictSize = require('../../src/modifiers/restrictSize');
+  const Interaction = require('../../src/Interaction');
+
+  const interaction = new Interaction();
+  interaction.prepared = {};
+  interaction.prepared.edges = { top: true, bottom: true, left: true, right: true };
+  interaction.resizeRects = {};
+  interaction.resizeRects.inverted = { x: 10, y: 20, width: 300, height: 200 };
+  interaction._interacting = true;
+
+  t.test('works with min and max options', tt => {
+    const options = {
+      min: { width:  60, height:  50 },
+      max: { width: 600, height: 500 },
+    };
+    const status = {};
+    const pageCoords = { x: 5, y: 15 };
+    const offset = { top: 0, bottom: 0, left: 0, right: 0 };
+    const arg = { interaction, options, status, pageCoords, offset };
+
+    RestrictSize.set(arg);
+    tt.deepEqual(arg.options.inner, { top: 170, left: 250, bottom: -Infinity, right: -Infinity });
+    tt.deepEqual(arg.options.outer, { top: -280, left: -290, bottom: Infinity, right: Infinity });
+    tt.end();
+  });
+
+  t.test('works with min option only', tt => {
+    const options = {
+      min: { width: 60, height: 50 },
+    };
+    const status = {};
+    const pageCoords = { x: 5, y: 15 };
+    const offset = { top: 0, bottom: 0, left: 0, right: 0 };
+    const arg = { interaction, options, status, pageCoords, offset };
+
+    RestrictSize.set(arg);
+    tt.deepEqual(arg.options.inner, { top:       170, left:       250, bottom: -Infinity, right: -Infinity });
+    tt.deepEqual(arg.options.outer, { top: -Infinity, left: -Infinity, bottom:  Infinity, right:  Infinity });
+    tt.end();
+  });
+
+  t.test('works with max option only', tt => {
+    const options = {
+      max: { width: 600, height: 500 },
+    };
+    const status = {};
+    const pageCoords = { x: 5, y: 15 };
+    const offset = { top: 0, bottom: 0, left: 0, right: 0 };
+    const arg = { interaction, options, status, pageCoords, offset };
+
+    RestrictSize.set(arg);
+    tt.deepEqual(arg.options.inner, { top: Infinity, left: Infinity, bottom: -Infinity, right: -Infinity });
+    tt.deepEqual(arg.options.outer, { top: -280, left: -290, bottom: Infinity, right: Infinity });
+    tt.end();
+  });
+
+  t.end();
+});
