describe('iD.behaviorSelect', function() { var a, b, context, behavior, container; beforeEach(function() { container = d3.select('body').append('div'); context = iD.Context().container(container); a = iD.Node({loc: [0, 0]}); b = iD.Node({loc: [0, 0]}); context.perform(iD.actionAddEntity(a), iD.actionAddEntity(b)); container.call(context.map()) .append('div') .attr('class', 'inspector-wrap'); context.surface().select('.data-layer-osm').selectAll('circle') .data([a, b]) .enter().append('circle') .attr('class', function(d) { return d.id; }); context.enter(iD.modeBrowse(context)); behavior = iD.behaviorSelect(context); context.install(behavior); }); afterEach(function() { context.uninstall(behavior); context.mode().exit(); container.remove(); }); specify('refuse to enter select mode with no ids', function() { context.enter(iD.modeSelect(context, [])); expect(context.mode().id, 'empty array').to.eql('browse'); context.enter(iD.modeSelect(context, undefined)); expect(context.mode().id, 'undefined').to.eql('browse'); }); specify('refuse to enter select mode with nonexistent ids', function() { context.enter(iD.modeSelect(context, ['w-1'])); expect(context.mode().id).to.eql('browse'); }); specify('click on entity selects the entity', function() { var el = context.surface().selectAll('.' + a.id).node(); happen.mousedown(el); happen.mouseup(el); expect(context.selectedIDs()).to.eql([a.id]); }); specify('click on empty space clears the selection', function() { context.enter(iD.modeSelect(context, [a.id])); var el = context.surface().node(); happen.mousedown(el); happen.mouseup(el); expect(context.mode().id).to.eql('browse'); }); specify('shift-click on unselected entity adds it to the selection', function() { context.enter(iD.modeSelect(context, [a.id])); var el = context.surface().selectAll('.' + b.id).node(); happen.mousedown(el, { shiftKey: true }); happen.mouseup(el, { shiftKey: true }); expect(context.selectedIDs()).to.eql([a.id, b.id]); }); specify('shift-click on selected entity removes it from the selection', function() { context.enter(iD.modeSelect(context, [a.id, b.id])); var el = context.surface().selectAll('.' + b.id).node(); happen.mousedown(el, { shiftKey: true }); happen.mouseup(el, { shiftKey: true }); expect(context.selectedIDs()).to.eql([a.id]); }); specify('shift-click on last selected entity clears the selection', function() { context.enter(iD.modeSelect(context, [a.id])); var el = context.surface().selectAll('.' + a.id).node(); happen.mousedown(el, { shiftKey: true }); happen.mouseup(el, { shiftKey: true }); expect(context.mode().id).to.eql('browse'); }); specify('shift-click on empty space leaves the selection unchanged', function() { context.enter(iD.modeSelect(context, [a.id])); var el = context.surface().node(); happen.mousedown(el, { shiftKey: true }); happen.mouseup(el, { shiftKey: true }); expect(context.selectedIDs()).to.eql([a.id]); }); });