fx-listener-test.html

<!--
    Copyright 2014 The Chromium Authors. All rights reserved.
    Use of this source code is governed by a BSD-style license that can be
    found in the LICENSE file.
 -->
<link rel="import" href="fx-listener.html">

<script>
"use strict";

describe("fx-listener", function() {
    var container;

    beforeEach(function() {
        container = document.body.appendChild(document.createElement("div"));
    });

    afterEach(function() {
        if (container)
            container.remove();
        container = null;
    });

    it("should listen for events on the window", function() {
        var events = [];
        var listener = new FxListener();
        listener.setAttribute("on-test-event", "ignored");
        listener.addEventListener("test-event", function(event) {
            events.push(event);
        });
        window.dispatchEvent(new CustomEvent("test-event"));
        container.appendChild(listener);
        var event = new CustomEvent("test-event");
        window.dispatchEvent(event);
        listener.remove();
        window.dispatchEvent(new CustomEvent("test-event"));
        assert.equal(events.length, 1);
        assert.equal(events[0].detail, event);
    });

    it("should listen for events on child objects", function() {
        var events = [];
        var listener = new FxListener();
        listener.target = "document.body";
        listener.setAttribute("on-click", "ignored");
        listener.addEventListener("click", function(event) {
            events.push(event);
        });
        document.body.click();
        container.appendChild(listener);
        document.body.click();
        listener.remove();
        document.body.click();
        assert.equal(events.length, 1);
    });

    it("should fire listeners in registration order", function() {
        var events = [];
        function handleEvent(event) {
            events.push({
                listener: this,
                event: event,
            });
        }
        var a = new FxListener();
        var b = new FxListener();
        a.addEventListener("example", handleEvent);
        b.addEventListener("example", handleEvent);
        a.setAttribute("on-example", "");
        b.setAttribute("on-example", "");
        container.appendChild(b);
        container.appendChild(a);
        window.dispatchEvent(new CustomEvent("example"));
        assert.equal(events.length, 2);
        assert.equal(events[0].listener, b);
        assert.equal(events[1].listener, a);
    });

    it("should not mix listeners", function() {
        var events = [];
        function handleEvent(event) {
            events.push({
                listener: this,
                event: event,
            });
        }
        var a = new FxListener();
        var b = new FxListener();
        a.addEventListener("example1", handleEvent);
        b.addEventListener("example2", handleEvent);
        a.setAttribute("on-example1", "");
        b.setAttribute("on-example2", "");
        container.appendChild(a);
        container.appendChild(b);
        window.dispatchEvent(new CustomEvent("example2"));
        assert.equal(events.length, 1);
        assert.equal(events[0].listener, b);
        window.dispatchEvent(new CustomEvent("example1"));
        assert.equal(events.length, 2);
        assert.equal(events[1].listener, a);
    });
});
</script>