zhangnaisong
2023-08-05 24d66c8d82b628a06e93dbb1abfea2049b3d45ab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
var delegate = require('../src/delegate');
var simulant = require('simulant');
 
describe('delegate', function() {
    before(function() {
        var html = '<ul>' +
                        '<li><a>Item 1</a></li>' +
                        '<li><a>Item 2</a></li>' +
                        '<li><a>Item 3</a></li>' +
                        '<li><a>Item 4</a></li>' +
                        '<li><a>Item 5</a></li>' +
                   '</ul>';
 
        document.body.innerHTML += html;
 
        global.container = document.querySelector('ul');
        global.anchor = document.querySelector('a');
 
        global.spy = sinon.spy(global.container, 'removeEventListener');
    });
 
    after(function() {
        global.spy.restore();
        document.body.innerHTML = '';
    });
 
    it('should add an event listener', function(done) {
        delegate(global.container, 'a', 'click', function() {
            done();
        });
 
        simulant.fire(global.anchor, simulant('click'));
    });
 
    it('should remove an event listener', function() {
        var delegation = delegate(global.container, 'a', 'click', function() {});
 
        delegation.destroy();
        assert.ok(global.spy.calledOnce);
    });
 
    it('should use `document` if the element is unspecified', function(done) {
        delegate('a', 'click', function() {
            done();
        });
 
        simulant.fire(global.anchor, simulant('click'));
    });
 
    it('should remove an event listener the unspecified base (`document`)', function() {
        var delegation = delegate('a', 'click', function() {});
        var spy = sinon.spy(document, 'removeEventListener');
 
        delegation.destroy();
        assert.ok(spy.calledOnce);
 
        spy.restore();
    });
 
    it('should add event listeners to all the elements in a base selector', function() {
        var spy = sinon.spy();
        delegate('li', 'a', 'click', spy);
 
        var anchors = document.querySelectorAll('a');
        simulant.fire(anchors[0], simulant('click'));
        simulant.fire(anchors[1], simulant('click'));
        assert.ok(spy.calledTwice);
    });
 
    it('should remove the event listeners from all the elements in a base selector', function() {
        var items = document.querySelectorAll('li')
        var spies = Array.prototype.map.call(items, function (li) {
            return sinon.spy(li, 'removeEventListener');
        });
 
        var delegations = delegate('li', 'a', 'click', function() {});
        delegations.forEach(function (delegation) {
            delegation.destroy();
        });
 
        spies.every(function (spy) {
            var success = spy.calledOnce;
            spy.restore();
            return success;
        });
    });
 
    it('should add event listeners to all the elements in a base array', function() {
        var spy = sinon.spy();
        var items = document.querySelectorAll('li')
        delegate(items, 'a', 'click', spy);
 
        var anchors = document.querySelectorAll('a')
        simulant.fire(anchors[0], simulant('click'));
        simulant.fire(anchors[1], simulant('click'));
        assert.ok(spy.calledTwice);
    });
 
    it('should remove the event listeners from all the elements in a base array', function() {
        var items = document.querySelectorAll('li')
        var spies = Array.prototype.map.call(items, function (li) {
            return sinon.spy(li, 'removeEventListener');
        });
 
        var delegations = delegate(items, 'a', 'click', function() {});
        delegations.forEach(function (delegation) {
            delegation.destroy();
        });
 
        spies.every(function (spy) {
            var success = spy.calledOnce;
            spy.restore();
            return success;
        });
    });
});