@jmarcelof/leaflet-ng2/lib/attribution-control.directive.spec.js

Angular2 module for Leaflet

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var chai_1 = require("chai");
var leaflet_1 = require("leaflet");
var index_1 = require("./index");
var spec_1 = require("./spec");
describe("Attribution-Control Directive", function () {
    var map;
    var control;
    beforeEach(function () {
        map = new index_1.MapComponent({ nativeElement: document.createElement("div") }, new index_1.LayerGroupProvider(), new index_1.MapProvider());
        map._size = leaflet_1.point(100, 100);
        map._pixelOrigin = leaflet_1.point(50, 50);
        control = new index_1.AttributionControlDirective({ ref: map });
    });
    describe("[(display)]", function () {
        it("should set DOM container style to display:none when not displaying", function () {
            control.display = false;
            chai_1.expect(control.getContainer().style.display).to.equal("none");
        });
        it("should reset DOM container style when display is true again", function () {
            control.display = false;
            control.display = true;
            chai_1.expect(control.getContainer().style.display).to.not.equal("none");
        });
        it("should set to false by removing from map", function (done) {
            control.displayChange.subscribe(function (val) {
                chai_1.expect(val).to.equal(false);
                chai_1.expect(control.display).to.equal(false);
                done();
            });
            map.removeControl(control);
        });
        // it.skip("should set to true when adding to map again", (done: Mocha.Done) => {
        //     /* tslint:disable */
        //     control.displayChange.subscribe((x) => { console.log("aslkdnasnldknaskldnlkd ", x); });
        //     map.removeControl(control);
        //     setTimeout(() => {
        //         control.displayChange.subscribe((val: boolean) => {
        //             expect(val).to.equal(true);
        //             expect(control.display).to.equal(true);
        //             done();
        //         });
        //         map.addControl(control);
        //     }, 0);
        // });
    });
    describe("[(position)]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = "topright";
            control.position = val;
            chai_1.expect(control.getPosition()).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = "topright";
            control.position = val;
            chai_1.expect(control.position).to.equal(val);
        });
        it("should be changed in Angular when changing in Leaflet", function () {
            var val = "topright";
            control.setPosition(val);
            chai_1.expect(control.position).to.equal(val);
        });
        it("should fire an event when changing in Angular", function (done) {
            var val = "topleft";
            control.positionChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.equal(val);
                done();
            });
            control.position = val;
        });
        it("should fire an event when changing in Leaflet", function (done) {
            var val = "topleft";
            control.positionChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.equal(val);
                done();
            });
            control.setPosition(val);
        });
    });
    describe("[(prefix)]", function () {
        it("should be set to YAGA | leaflet-ng2 by default", function () {
            var html = control.getContainer().innerHTML;
            chai_1.expect(html.indexOf(">YAGA<" + "> | <" + ">leaflet-ng2<")).to.not.equal(-3);
        });
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = "Attribution-Prefix";
            control.prefix = val;
            chai_1.expect(control.options.prefix).to.equal(val);
            var html = control.getContainer().innerHTML;
            chai_1.expect(html.indexOf(val)).to.not.equal(-1);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = "Attribution-Prefix";
            control.prefix = val;
            chai_1.expect(control.prefix).to.equal(val);
        });
        it("should be changed in Angular when changing in Leaflet", function () {
            var val = "Attribution-Prefix";
            control.setPrefix(val);
            chai_1.expect(control.prefix).to.equal(val);
        });
        it("should fire an event when changing in Angular", function (done) {
            var val = "Attribution-Prefix";
            control.prefixChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.equal(val);
                done();
            });
            control.prefix = val;
        });
        it("should fire an event when changing in Leaflet", function (done) {
            var val = "Attribution-Prefix";
            control.prefixChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.equal(val);
                done();
            });
            control.setPrefix(val);
        });
    });
    describe("[(attributions)]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = ["first", "second"];
            control.attributions = val;
            chai_1.expect(Object.keys(control._attributions)).to.deep.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = ["first", "second"];
            control.attributions = val;
            chai_1.expect(control.attributions).to.deep.equal(val);
        });
        it("should be changed in Angular when changing in Leaflet", function () {
            control.addAttribution("first");
            chai_1.expect(control.attributions).to.deep.equal(["first"]);
        });
        it("should fire an event when changing in Angular", function (done) {
            var val = ["first", "second"];
            control.attributionsChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.deep.equal(val);
                done();
            });
            control.attributions = val;
        });
        it("should fire an event when changing in Leaflet", function (done) {
            var val = ["first"];
            control.attributionsChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.deep.equal(val);
                done();
            });
            control.addAttribution("first");
        });
        it("should be changed to a new value", function () {
            control.attributions = ["first"];
            control.attributions = ["second"];
            chai_1.expect(control.attributions).to.deep.equal(["second"]);
        });
    });
    describe(".removeAllAttributions()", function () {
        it("should emit a event emitter when it is not in silent mode", function (done) {
            control.attributionsChange.subscribe(function (eventVal) {
                chai_1.expect(eventVal).to.deep.equal([]);
                done();
            });
            control.removeAllAttributions();
        });
    });
    describe("[opacity]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = spec_1.randomNumber();
            control.opacity = val;
            chai_1.expect(control.getContainer().style.opacity).to.equal(val.toString());
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = spec_1.randomNumber();
            control.opacity = val;
            chai_1.expect(control.opacity).to.equal(val);
        });
    });
    describe("[zIndex]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = spec_1.randomNumber(255, 1, 0);
            control.zIndex = val;
            chai_1.expect(control.getContainer().style.zIndex).to.equal(val.toString());
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = spec_1.randomNumber(255, 1, 0);
            control.zIndex = val;
            chai_1.expect(control.zIndex).to.equal(val);
        });
    });
    // Events
    describe("(add)", function () {
        it("should fire an event when adding to map", function (done) {
            map.removeControl(control);
            control.addEvent.subscribe(function () {
                done();
            });
            map.addControl(control);
        });
    });
    describe("(remove)", function () {
        it("should fire an event when removing from map", function (done) {
            control.removeEvent.subscribe(function () {
                done();
            });
            map.removeControl(control);
        });
    });
    describe("(click)", function () {
        it("should fire an event when firing event from DOM", function (done) {
            control.clickEvent.subscribe(function () {
                done();
            });
            control.getContainer().dispatchEvent(new MouseEvent("click", {
                clientX: 3,
                clientY: 4,
                screenX: 1,
                screenY: 2,
            }));
        });
    });
    describe("(dblclick)", function () {
        it("should fire an event when firing event from DOM", function (done) {
            control.dblclickEvent.subscribe(function () {
                done();
            });
            control.getContainer().dispatchEvent(new MouseEvent("dblclick", {
                clientX: 3,
                clientY: 4,
                screenX: 1,
                screenY: 2,
            }));
        });
    });
    describe("(mousedown)", function () {
        it("should fire an event when firing event from DOM", function (done) {
            control.mousedownEvent.subscribe(function () {
                done();
            });
            control.getContainer().dispatchEvent(new MouseEvent("mousedown", {
                clientX: 3,
                clientY: 4,
                screenX: 1,
                screenY: 2,
            }));
        });
    });
    describe("(mouseover)", function () {
        it("should fire an event when firing event from DOM", function (done) {
            control.mouseoverEvent.subscribe(function () {
                done();
            });
            control.getContainer().dispatchEvent(new MouseEvent("mouseover", {
                clientX: 3,
                clientY: 4,
                screenX: 1,
                screenY: 2,
            }));
        });
    });
    describe("(mouseout)", function () {
        it("should fire an event when firing event from DOM", function (done) {
            control.mouseoutEvent.subscribe(function () {
                done();
            });
            control.getContainer().dispatchEvent(new MouseEvent("mouseout", {
                clientX: 3,
                clientY: 4,
                screenX: 1,
                screenY: 2,
            }));
        });
    });
    describe("Destroying a Attribution Control Directive", function () {
        it("should remove Tile-Layer Directive from map on destroy", function () {
            chai_1.expect(control.getContainer().parentElement.parentElement.parentElement).to.equal(map.getContainer());
            control.ngOnDestroy();
            chai_1.expect(control.getContainer() &&
                control.getContainer().parentElement &&
                control.getContainer().parentElement.parentElement &&
                control.getContainer().parentElement.parentElement.parentElement).to.not.equal(map.getContainer());
        });
    });
});
//# sourceMappingURL=attribution-control.directive.spec.js.map