@jmarcelof/leaflet-ng2/lib/icon.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("Icon Directive", function () {
    var map;
    var icon;
    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);
        icon = new index_1.IconDirective({ ref: leaflet_1.marker([0, 0]) });
    });
    // Events
    describe("(update)", function () {
        it("should fire event in Angular when changing", function (done) {
            icon.updateEvent.subscribe(function (event) {
                chai_1.expect(event.target).to.equal(icon);
                /* istanbul ignore if */
                if (event.target !== icon) {
                    return done(new Error("Wrong event returned"));
                }
                return done();
            });
            icon.iconUrl = index_1.TRANSPARENT_PIXEL;
        });
    });
    // Inputs
    describe("[className]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = "any-class";
            icon.className = val;
            chai_1.expect(icon.options.className).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = "any-class";
            icon.className = val;
            chai_1.expect(icon.className).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = "any-class";
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.className = val;
        });
    });
    describe("[iconUrl]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.iconUrl = val;
            chai_1.expect(icon.options.iconUrl).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.iconUrl = val;
            chai_1.expect(icon.iconUrl).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconUrl = val;
        });
    });
    describe("[iconRetinaUrl]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.iconRetinaUrl = val;
            chai_1.expect(icon.options.iconRetinaUrl).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.iconRetinaUrl = val;
            chai_1.expect(icon.iconRetinaUrl).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconRetinaUrl = val;
        });
    });
    describe("[iconSize]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(10, 1, 0));
            icon.iconSize = val;
            chai_1.expect(icon.options.iconSize).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(10, 1, 0));
            icon.iconSize = val;
            chai_1.expect(icon.iconSize).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(10, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconSize = val;
        });
    });
    describe("[iconAnchor]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.iconAnchor = val;
            chai_1.expect(icon.iconAnchor).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.iconAnchor = val;
            chai_1.expect(icon.iconAnchor).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconAnchor = val;
        });
    });
    describe("[popupAnchor]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.popupAnchor = val;
            /* istanbul ignore if */
            if (icon.options.popupAnchor !== val) {
                throw new Error("Wrong value setted: " + val + " != " + icon.options.popupAnchor);
            }
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.popupAnchor = val;
            chai_1.expect(icon.popupAnchor).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.popupAnchor = val;
        });
    });
    describe("[tooltipAnchor]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.tooltipAnchor = val;
            /* istanbul ignore if */
            if (icon.options.tooltipAnchor !== val) {
                throw new Error("Wrong value setted: " + val + " != " + icon.options.tooltipAnchor);
            }
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.tooltipAnchor = val;
            chai_1.expect(icon.tooltipAnchor).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.tooltipAnchor = val;
        });
    });
    describe("[shadowUrl]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.shadowUrl = val;
            chai_1.expect(icon.options.shadowUrl).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.shadowUrl = val;
            chai_1.expect(icon.shadowUrl).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowUrl = val;
        });
    });
    describe("[shadowRetinaUrl]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.shadowRetinaUrl = val;
            chai_1.expect(icon.options.shadowRetinaUrl).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.shadowRetinaUrl = val;
            chai_1.expect(icon.shadowRetinaUrl).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowRetinaUrl = val;
        });
    });
    describe("[shadowSize]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.shadowSize = val;
            chai_1.expect(icon.options.shadowSize).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.shadowSize = val;
            chai_1.expect(icon.shadowSize).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowSize = val;
        });
    });
    describe("[shadowAnchor]", function () {
        it("should be changed in Leaflet when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.shadowAnchor = val;
            chai_1.expect(icon.options.shadowAnchor).to.equal(val);
        });
        it("should be changed in Angular when changing in Angular", function () {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.shadowAnchor = val;
            chai_1.expect(icon.shadowAnchor).to.equal(val);
        });
        it("should fire an event in Angular when changing in Angular", function (done) {
            var val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe(function (ev) {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowAnchor = val;
        });
    });
});
//# sourceMappingURL=icon.directive.spec.js.map