Specs/Element/Element.Delegation.js

   1 /*
   2 ---
   3 name: Element.Delegation
   4 requires: ~
   5 provides: ~
   6 ...
   7 */
   8
   9 describe('Element.Delegation', function(){
  10
  11         describe('fireEvent', function(){
  12
  13                 it('should fire the added `click:relay(a)` function with fireEvent', function(){
  14
  15                         var a = new Element('a[text=Hello World]'), result, self;
  16                         var div = new Element('div').inject(document.body).adopt(a).addEvent('click:relay(a)', function(){
  17                                 result = arguments[1];
  18                                 self = this;
  19                         }).fireEvent('click:relay(a)', [null, a]);
  20
  21                         expect(result).to.equal(a);
  22                         expect(self).to.equal(div);
  23
  24                         div.destroy();
  25
  26                 });
  27
  28                 it('Should fire click events through fireEvent and delegate when a target is passed as argument', function(){
  29
  30                         var a = new Element('a[text="Hello World"]'), result, self;
  31                         var div = new Element('div').inject(document.body).adopt(a).addEvent('click:relay(a)', function(){
  32                                 result = arguments[1];
  33                                 self = this;
  34                         }).fireEvent('click', [null, a]);
  35
  36                         expect(result).to.equal(a);
  37                         expect(self).to.equal(a);
  38
  39                         div.destroy();
  40
  41                 });
  42
  43                 it('Should not fire click events through fireEvent when added as delegated events without an target', function(){
  44
  45                         var spy = sinon.spy();
  46                         var a = new Element('a[text="Hello World"]');
  47                         var div = new Element('div').inject(document.body).adopt(a).addEvent('click:relay(a)', spy).fireEvent('click');
  48
  49                         expect(spy.called).to.equal(false);
  50
  51                         div.destroy();
  52
  53                 });
  54
  55         });
  56
  57         describe('removeEvent', function(){
  58
  59                 describe('submit', function(){
  60
  61                         it('should remove nicely', function(){
  62                                 var element = new Element('div', {
  63                                         html: '<div><form><input type="text"></form></div>'
  64                                 });
  65
  66                                 var input = element.getElement('input');
  67                                 var listener = function(){};
  68
  69                                 element.addEvent('submit:relay(form)', listener);
  70
  71                                 // IE8, fireEvent on the observer element. This adds the
  72                                 // submit event to the <form> element.
  73                                 element.fireEvent('focusin', [{target: input}, input]);
  74
  75                                 // remove element, which also removes the form
  76                                 element.getElement('div').destroy();
  77
  78                                 // now removing the event, should remove the submit event from the
  79                                 // form, but it's not there anymore, so it may not throw an error.
  80                                 element.removeEvent('submit:relay(form)', listener);
  81
  82                         });
  83
  84                 });
  85
  86         });
  87
  88 });