fix(selection): Correct on data selection (#113)

Change to normal function correcting the scope issue

Closed #112
Fixed #113

spec/interaction-spec.js

@@ -5,6 +5,7 @@
 /* eslint-disable */
 /* global describe, beforeEach, it, expect */
 import util from "./assets/util";
+import CLASS from "../src/config/classes";
 
 describe("INTERACTION", () => {
 	let chart;
@@ -226,5 +227,32 @@ describe("INTERACTION", () => {
 				});
 			});
 		});
+
+		describe("check for data.selection", () => {
+			before(() => {
+				args = {
+					data: {
+						columns: [
+							["data1", 30, 200, 100, 400, 150, 250]
+						],
+						selection: {
+							enabled: true
+						}
+					}
+				};
+			});
+
+			it("data point circle should be selected and unselected", () => {
+				const circle = d3.select(".bb-shape-2").node();
+				const box = circle.getBBox();
+				const rect = d3.select(".bb-event-rect-2").node();
+
+				util.setMouseEvent(chart, "click", box.x, box.y, rect);
+				expect(d3.select(circle).classed(CLASS.SELECTED)).to.be.true;
+
+				util.setMouseEvent(chart, "click", box.x, box.y, rect);
+				expect(d3.select(circle).classed(CLASS.SELECTED)).to.be.false;
+			});
+		});
 	});
 });

src/internals/selection.js

@@ -166,7 +166,7 @@ extend(ChartInternal.prototype, {
 
 				$$.main.selectAll(selecter)
 					.selectAll(`.${CLASS.shape}`)
-					.each((d, i) => {
+					.each(function(d, i) {
 						const shape = d3Select(this);
 
 						if (shape.classed(CLASS.SELECTED)) {