iD/test/spec/svg/data.js

describe('iD.svgData', function () {
    var context;
    var surface;
    var dispatch = d3.dispatch('change');
    var projection = iD.geoRawMercator()
        .translate([6934098.868981334, 4092682.5519805425])
        .scale(iD.geoZoomToScale(17))
        .clipExtent([[0, 0], [1000, 1000]]);

    var gj = {
        'type': 'FeatureCollection',
        'features': [
            {
                'type': 'Feature',
                'id': 316973311,
                'geometry': {
                    'type': 'Point',
                    'coordinates': [
                        -74.38928604125977,
                        40.150275473401365
                    ]
                },
                'properties': {
                    'abbr': 'N.J.',
                    'area': 19717.8,
                    'name': 'New Jersey',
                    'name_en': 'New Jersey',
                    'osm_id': 316973311
                }
            }
        ]
    };

    beforeEach(function () {
        context = iD.coreContext();
        d3.select(document.createElement('div'))
            .attr('id', 'map')
            .call(context.map().centerZoom([-74.389286, 40.1502754], 17));

        surface = context.surface();
    });


    it('creates layer-mapdata', function () {
        var render = iD.svgData(projection, context, dispatch);
        surface.call(render);

        var layers = surface.selectAll('g.layer-mapdata').nodes();
        expect(layers.length).to.eql(1);
    });

    it('draws geojson', function () {
        var render = iD.svgData(projection, context, dispatch).geojson(gj);
        surface.call(render);

        var path = surface.selectAll('path');
        expect(path.nodes().length).to.eql(1);
        expect(path.attr('d')).to.match(/^M.*z$/);
    });

    describe('#files', function() {
        it('handles gpx files', function () {
            var files = '../../data/gpxtest.gpx';
            var render = iD.svgData(projection, context, dispatch).files(files);
            surface.call(render);

            var path = surface.selectAll('path');
            expect(path.nodes().length).to.eql(1);
            expect(path.attr('d')).to.match(/^M.*z$/);
        });

        it('handles geojson files', function () {
            var files = '../../data/gpxtest.json';
            var render = iD.svgData(projection, context, dispatch).files(files);
            surface.call(render);

            var path = surface.selectAll('path');
            expect(path.nodes().length).to.eql(1);
            expect(path.attr('d')).to.match(/^M.*z$/);
        });

        it('handles kml files', function () {
            var files = '../../data/gpxtest.kml';
            var render = iD.svgData(projection, context, dispatch).files(files);
            surface.call(render);

            var path = surface.selectAll('path');
            expect(path.nodes().length).to.eql(1);
            expect(path.attr('d')).to.match(/^M.*z$/);
        });
    });


    describe('#showLabels', function() {
        it('shows labels by default', function () {
            var render = iD.svgData(projection, context, dispatch).geojson(gj);
            surface.call(render);

            var label = surface.selectAll('text.label');
            expect(label.nodes().length).to.eql(1);
            expect(label.text()).to.eql('New Jersey');

            var halo = surface.selectAll('text.label-halo');
            expect(halo.nodes().length).to.eql(1);
            expect(halo.text()).to.eql('New Jersey');
        });


        it('hides labels with showLabels(false)', function () {
            var render = iD.svgData(projection, context, dispatch).geojson(gj).showLabels(false);
            surface.call(render);

            expect(surface.selectAll('text.label').empty()).to.be.ok;
            expect(surface.selectAll('text.label-halo').empty()).to.be.ok;
        });
    });

});