javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(tap): updates for release tolerance changes

Browse Source
This commit is contained in:
Adam Bradley
2014-05-16 14:40:40 -05:00
parent 473076b410
commit da0c798ce5
1 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
test/unit/utils/tap.unit.js
View File

@@ -176,7 +176,8 @@ describe('Ionic Tap', function() {
target: {
tagName: 'INPUT',
dispatchEvent: function() { e.target.dispatchedEvent = true; },
focus: function() { e.target.focused = true; }
focus: function() { e.target.focused = true; },
classList: { contains: function(){} }
},
stopPropagation: function() { e.stoppedPropagation = true; },
preventDefault: function() { e.preventedDefault = true; }
@@ -196,7 +197,8 @@ describe('Ionic Tap', function() {
target: {
tagName: 'INPUT',
dispatchEvent: function() { e.target.dispatchedEvent = true; },
focus: function() { e.target.focused = true; }
focus: function() { e.target.focused = true; },
classList: { contains: function(){} }
},
stopPropagation: function() { e.stoppedPropagation = true; },
preventDefault: function() { e.preventedDefault = true; }
@@ -272,7 +274,7 @@ describe('Ionic Tap', function() {
tapPointerMoved = null;
tapTouchStart({ clientX: 100, clientY: 100, preventDefault:function(){} });
expect( tapPointerMoved ).toEqual(false);
tapTouchMove({ clientX: 200, clientY: 100 });
tapTouchMove({ clientX: 200, clientY: 100, target: document.createElement('button') });
expect( tapPointerMoved ).toEqual(true);
});
@@ -292,7 +294,7 @@ describe('Ionic Tap', function() {
tapPointerMoved = null;
tapMouseDown({ clientX: 100, clientY: 100 });
expect( tapPointerMoved ).toEqual(false);
tapMouseMove({ clientX: 200, clientY: 100 });
tapMouseMove({ clientX: 200, clientY: 100, target: document.createElement('button') });
expect( tapPointerMoved ).toEqual(true);
});
@@ -362,7 +364,8 @@ describe('Ionic Tap', function() {
target: {
tagName: 'INPUT',
dispatchEvent: function() { e.target.dispatchedEvent = true; },
focus: function() { e.target.focused = true; }
focus: function() { e.target.focused = true; },
classList: { contains:function(){}}
},
stopPropagation: function() { e.stoppedPropagation = true; },
preventDefault: function() { e.preventedDefault = true; }
@@ -381,7 +384,8 @@ describe('Ionic Tap', function() {
target: {
tagName: 'INPUT',
dispatchEvent: function() { e.target.dispatchedEvent = true; },
focus: function() { e.target.focused = true; }
focus: function() { e.target.focused = true; },
classList: { contains:function(){}}
},
stopPropagation: function() { e.stoppedPropagation = true; },
preventDefault: function() { e.preventedDefault = true; }
@@ -411,21 +415,22 @@ describe('Ionic Tap', function() {
var e = { clientX: 100, clientY: 100, preventDefault:function(){} };
tapTouchStart(e);
expect( tapTouchMove({ clientX: 102, clientY: 100 }) ).toBeUndefined();
expect( tapTouchMove({ clientX: 102, clientY: 100, target: document.createElement('button') }) ).toBeUndefined();
expect( tapTouchMove({ clientX: 105, clientY: 100 }) ).toBeUndefined();
expect( tapTouchMove({ clientX: 105, clientY: 100, target: document.createElement('button') }) ).toBeUndefined();
expect( tapTouchMove({ clientX: 200, clientY: 100 }) ).toEqual(false);
expect( tapTouchMove({ clientX: 200, clientY: 100, target: document.createElement('button') }) ).toEqual(false);
});
it('Should cancel click when touchend coordinates are too far from touchstart coordinates', function() {
var e = {
clientX: 100, clientY: 100,
dispatchEvent: function(){ this.dispatchedEvent = true; },
preventDefault:function(){}
preventDefault:function(){},
classList: { contains:function(){}}
};
tapTouchStart(e);
tapTouchEnd({ clientX: 200, clientY: 100 });
tapTouchEnd({ clientX: 200, clientY: 100, target: document.createElement('button') });
expect( e.dispatchedEvent ).toBeUndefined();
});
@@ -453,11 +458,11 @@ describe('Ionic Tap', function() {
var e = { clientX: 100, clientY: 100 };
tapMouseDown(e);
expect( tapMouseMove({ clientX: 102, clientY: 100 }) ).toBeUndefined();
expect( tapMouseMove({ clientX: 102, clientY: 100, target: document.createElement('button') }) ).toBeUndefined();
expect( tapMouseMove({ clientX: 105, clientY: 100 }) ).toBeUndefined();
expect( tapMouseMove({ clientX: 105, clientY: 100, target: document.createElement('button') }) ).toBeUndefined();
expect( tapMouseMove({ clientX: 200, clientY: 100 }) ).toEqual(false);
expect( tapMouseMove({ clientX: 200, clientY: 100, target: document.createElement('button') }) ).toEqual(false);
});
it('Should cancel click when mouseup coordinates are too far from mousedown coordinates', function() {
@@ -538,38 +543,38 @@ describe('Ionic Tap', function() {
it('Should tapHasPointerMoved true if greater than or equal to release tolerance', function() {
tapPointerStart = { x: 100, y: 100 };
var s = tapHasPointerMoved({ clientX: 111, clientY: 100 });
var s = tapHasPointerMoved({ clientX: 111, clientY: 100, target: document.createElement('button') });
expect(s).toEqual(true);
s = tapHasPointerMoved({ clientX: 89, clientY: 100 });
s = tapHasPointerMoved({ clientX: 89, clientY: 100, target: document.createElement('button') });
expect(s).toEqual(true);
s = tapHasPointerMoved({ clientX: 100, clientY: 109 });
s = tapHasPointerMoved({ clientX: 100, clientY: 109, target: document.createElement('button') });
expect(s).toEqual(true);
s = tapHasPointerMoved({ clientX: 100, clientY: 91 });
s = tapHasPointerMoved({ clientX: 100, clientY: 91, target: document.createElement('button') });
expect(s).toEqual(true);
s = tapHasPointerMoved({ clientX: 100, clientY: 200 });
s = tapHasPointerMoved({ clientX: 100, clientY: 200, target: document.createElement('button') });
expect(s).toEqual(true);
});
it('Should tapHasPointerMoved false if less than release tolerance', function() {
tapPointerStart = { x: 100, y: 100 };
var s = tapHasPointerMoved({ clientX: 100, clientY: 100 });
var s = tapHasPointerMoved({ clientX: 100, clientY: 100, target: document.createElement('button') });
expect(s).toEqual(false);
s = tapHasPointerMoved({ clientX: 104, clientY: 100 });
s = tapHasPointerMoved({ clientX: 104, clientY: 100, target: document.createElement('button') });
expect(s).toEqual(false);
s = tapHasPointerMoved({ clientX: 96, clientY: 100 });
s = tapHasPointerMoved({ clientX: 96, clientY: 100, target: document.createElement('button') });
expect(s).toEqual(false);
s = tapHasPointerMoved({ clientX: 100, clientY: 102 });
s = tapHasPointerMoved({ clientX: 100, clientY: 102, target: document.createElement('button') });
expect(s).toEqual(false);
s = tapHasPointerMoved({ clientX: 100, clientY: 98 });
s = tapHasPointerMoved({ clientX: 100, clientY: 98, target: document.createElement('button') });
expect(s).toEqual(false);
});