@yaga/leaflet-ng2/lib/icon.directive.spec.js

Angular2 module for Leaflet

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const chai_1 = require("chai");
const leaflet_1 = require("leaflet");
const index_1 = require("./index");
const spec_1 = require("./spec");
describe("Icon Directive", () => {
    let map;
    let icon;
    beforeEach(() => {
        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)", () => {
        it("should fire event in Angular when changing", (done) => {
            icon.updateEvent.subscribe((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]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = "any-class";
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.className = val;
        });
    });
    describe("[iconUrl]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconUrl = val;
        });
    });
    describe("[iconRetinaUrl]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconRetinaUrl = val;
        });
    });
    describe("[iconSize]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(10, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconSize = val;
        });
    });
    describe("[iconAnchor]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.iconAnchor = val;
        });
    });
    describe("[popupAnchor]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.popupAnchor = val;
        });
    });
    describe("[tooltipAnchor]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(10, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.tooltipAnchor = val;
        });
    });
    describe("[shadowUrl]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowUrl = val;
        });
    });
    describe("[shadowRetinaUrl]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = index_1.TRANSPARENT_PIXEL;
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowRetinaUrl = val;
        });
    });
    describe("[shadowSize]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowSize = val;
        });
    });
    describe("[shadowAnchor]", () => {
        it("should be changed in Leaflet when changing in Angular", () => {
            const 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", () => {
            const 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", (done) => {
            const val = leaflet_1.point(spec_1.randomNumber(100, 1, 0), spec_1.randomNumber(100, 1, 0));
            icon.updateEvent.subscribe((ev) => {
                chai_1.expect(ev.target).to.equal(icon);
                return done();
            });
            icon.shadowAnchor = val;
        });
    });
});
//# sourceMappingURL=icon.directive.spec.js.map