dom-delegator/test/dom-delegator.js at c699c29fe7abfbe481701af20f34d4d6c61fce22 · Raynos/dom-delegator · GitHub

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
var test = require("tape")
var setImmediate = require("timers").setImmediate
var document = require("global/document")

var h = require("./lib/h.js")
var createEvent = require("./lib/create-event.js")

var addEvent = require("../add-event.js")
var Delegator = require("../index.js")

test("delegator with no args", function (assert) {
    var elem = h("div")
    document.body.appendChild(elem)

    Delegator()
    var values = []

    addEvent(elem, "click", function (ev) {
        values.push(ev)
    })

    var ev = createEvent("click")
    elem.dispatchEvent(ev)

    setImmediate(function () {
        assert.equal(values.length, 1)
        assert.equal(values[0].target, elem)

        document.body.removeChild(elem)
        assert.end()
    })
})

test("delegator with addEventListener", function (assert) {
    var elem = h("div")
    document.body.appendChild(elem)

    var d = Delegator()
    var values = []

    d.addEventListener(elem, "click", function (ev) {
        values.push(ev)
    })

    var ev = createEvent("click")
    elem.dispatchEvent(ev)

    setImmediate(function () {
        assert.equal(values.length, 1)
        assert.equal(values[0].target, elem)

        document.body.removeChild(elem)
        assert.end()
    })
})

test("delegator with no args", function (assert) {
    var elem = h("div")
    document.body.appendChild(elem)

    var d = Delegator({
        defaultEvents: false
    })
    d.listenTo("click")
    var values = []

    addEvent(elem, "click", function (ev) {
        values.push(ev)
    })

    var ev = createEvent("click")
    elem.dispatchEvent(ev)

    setImmediate(function () {
        assert.equal(values.length, 1)
        assert.equal(values[0].target, elem)

        document.body.removeChild(elem)
        assert.end()
    })
})

test("delegator with listenTo", function (assert) {
    var elem = h("div")
    document.body.appendChild(elem)

    Delegator({
        listenTo: ["mouseout"]
    })
    var values = []

    addEvent(elem, "mouseout", function (ev) {
        values.push(ev)
    })

    var ev = createEvent("mouseout")
    elem.dispatchEvent(ev)

    setImmediate(function () {
        assert.equal(values.length, 1)
        assert.equal(values[0].target, elem)

        document.body.removeChild(elem)
        assert.end()
    })
});