File: on.js

package info (click to toggle)
htmx 4.0.0-alpha6-1
  • links: PTS, VCS
  • area: main
  • in suites: experimental
  • size: 117,328 kB
  • sloc: javascript: 49,403; sh: 29; makefile: 7
file content (40 lines) | stat: -rw-r--r-- 1,376 bytes parent folder | download | duplicates (2)
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
describe('on() unit tests', function() {

    it('registers event listener on document by default', function () {
        let called = false
        htmx.on('custom:test', () => called = true)
        document.dispatchEvent(new Event('custom:test'))
        assert.isTrue(called)
    })

    it('registers event listener on specific element', function () {
        let div = createProcessedHTML('<div></div>')
        let called = false
        htmx.on(div, 'custom', () => called = true)
        div.dispatchEvent(new Event('custom'))
        assert.isTrue(called)
    })

    it('returns the callback', function () {
        let callback = () => {}
        let returned = htmx.on('custom', callback)
        assert.equal(returned, callback)
    })

    it('receives event object', function () {
        let receivedEvent = null
        htmx.on('custom:test2', (evt) => receivedEvent = evt)
        document.dispatchEvent(new Event('custom:test2'))
        assert.isNotNull(receivedEvent)
        assert.equal(receivedEvent.type, 'custom:test2')
    })

    it('works with selector string for element', function () {
        createProcessedHTML('<div id="target"></div>')
        let called = false
        htmx.on('#target', 'custom', () => called = true)
        document.getElementById('target').dispatchEvent(new Event('custom'))
        assert.isTrue(called)
    })

});