describe('iD.svgLayers', function () {
    var context, container,
        projection = d3.geoProjection(function(x, y) { return [x, -y]; })
            .translate([0, 0])
            .scale(180 / Math.PI)
            .clipExtent([[0, 0], [Infinity, Infinity]]);

    beforeEach(function () {
        context = iD.Context();
        container = d3.select(document.createElement('div'));
    });


    it('creates a surface', function () {
        container.call(iD.svgLayers(projection, context));
        expect(container.selectAll('svg').classed('surface')).to.be.true;
    });

    it('creates surface defs', function () {
        container.call(iD.svgLayers(projection, context));
        var nodes = container.selectAll('svg defs').nodes();
        expect(nodes.length).to.eql(1);
        expect(d3.select(nodes[0]).classed('surface-defs')).to.be.true;
    });

    it('creates default data layers', function () {
        container.call(iD.svgLayers(projection, context));
        var nodes = container.selectAll('svg .data-layer').nodes();
        expect(nodes.length).to.eql(5);
        expect(d3.select(nodes[0]).classed('data-layer-osm')).to.be.true;
        expect(d3.select(nodes[1]).classed('data-layer-gpx')).to.be.true;
        expect(d3.select(nodes[2]).classed('data-layer-mapillary-images')).to.be.true;
        expect(d3.select(nodes[3]).classed('data-layer-mapillary-signs')).to.be.true;
        expect(d3.select(nodes[4]).classed('data-layer-debug')).to.be.true;
    });

});
