mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
3c15b118ca
Addresses #1373. Before: if an `<a>`, `ng-click`, or `<button>` inside of a .item, was clicked, the activator would walk up .item and activate it. Now: If an `<a>`, `ng-click`, or `<button>` inside of a .item is clicked, the activator will activate that element. Additionally, CSS was added so `a.item-content.activated` would look activated.
101 lines
3.4 KiB
JavaScript
101 lines
3.4 KiB
JavaScript
describe('Ionic Element Activator', function() {
|
|
|
|
beforeEach(function() {
|
|
window.setTimeout = ionic.requestAnimationFrame = function(cb) { cb(); };
|
|
});
|
|
|
|
it('should not active an <a> if ionic.tap.requiresNativeClick is true', function() {
|
|
spyOn(ionic.tap, 'requiresNativeClick').andReturn(true);
|
|
var e = { target: document.createElement('a') };
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(false);
|
|
});
|
|
|
|
it('Should activate an <a>', function() {
|
|
var e = { target: document.createElement('a') };
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should activate a <button>', function() {
|
|
var e = { target: document.createElement('button') };
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should activate an element with ng-click', function() {
|
|
var e = { target: document.createElement('div') };
|
|
e.target.setAttribute('ng-click', 'test()');
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should activate a .button', function() {
|
|
var e = { target: document.createElement('div') };
|
|
e.target.className = 'button';
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should not activate just .item', function() {
|
|
var e = { target: document.createElement('div') };
|
|
e.target.className = 'item';
|
|
ionic.activator.start(e);
|
|
expect(e.target.classList.contains('activated')).toEqual(false);
|
|
});
|
|
|
|
it('Should activate "a" in a .item', function() {
|
|
var itemEle = document.createElement('div');
|
|
itemEle.className = 'item';
|
|
|
|
var aEle = document.createElement('a');
|
|
itemEle.appendChild(aEle);
|
|
|
|
var e = { target: aEle };
|
|
|
|
ionic.activator.start(e);
|
|
expect(itemEle.classList.contains('activated')).toEqual(false);
|
|
expect(aEle.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should activate "div.item-content a" child of .item', function() {
|
|
var itemEle = document.createElement('div');
|
|
itemEle.className = 'item';
|
|
|
|
var itemContentEle = document.createElement('div');
|
|
itemContentEle.className = 'item-content';
|
|
itemEle.appendChild(itemContentEle);
|
|
|
|
var aEle = document.createElement('a');
|
|
itemContentEle.appendChild(aEle);
|
|
|
|
var e = { target: aEle };
|
|
|
|
ionic.activator.start(e);
|
|
expect(itemEle.classList.contains('activated')).toEqual(false);
|
|
expect(itemContentEle.classList.contains('activated')).toEqual(false);
|
|
expect(aEle.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
it('Should activate child "div.item-content div[ng-click]" of a .item', function() {
|
|
var itemEle = document.createElement('div');
|
|
itemEle.className = 'item';
|
|
|
|
var itemContentEle = document.createElement('div');
|
|
itemContentEle.className = 'item-content';
|
|
itemEle.appendChild(itemContentEle);
|
|
|
|
var divEle = document.createElement('div');
|
|
divEle.setAttribute('ng-click', 'test()');
|
|
itemContentEle.appendChild(divEle);
|
|
|
|
var e = { target: divEle };
|
|
|
|
ionic.activator.start(e);
|
|
expect(itemEle.classList.contains('activated')).toEqual(false);
|
|
expect(itemContentEle.classList.contains('activated')).toEqual(false);
|
|
expect(divEle.classList.contains('activated')).toEqual(true);
|
|
});
|
|
|
|
});
|