Feature/164403270 sync tsnes with legend

.babelrc

@@ -1,3 +1,12 @@
 {
-  "presets": ["@babel/preset-react", "@babel/preset-env"]
+  "presets": [
+    "@babel/preset-react",
+    [
+      "@babel/preset-env", {
+      "targets": {
+        "node": "current"
+      }
+    }
+    ]
+  ]
 }

__test__/GeneExpressionTSnePlot.test.js

@@ -3,7 +3,6 @@ import renderer from 'react-test-renderer'
 import Color from 'color'
 
 import Enzyme from 'enzyme'
-import {mount} from 'enzyme'
 import Adapter from 'enzyme-adapter-react-16'
 
 import {_colourizeExpressionLevel} from '../src/GeneExpressionTSnePlot'
@@ -13,27 +12,27 @@ import '../src/util/MathRound'
 import {gradientColourRanges, randomHighchartsSeries, randomHighchartsSeriesWithNamesAndMaxPoints, plotData, randomHighchartsSeriesWithSeed} from './Utils'
 
 Enzyme.configure({ adapter: new Adapter() })
+const cluster = `Maximum overkill`
 
 describe(`GeneExpressionTSnePlot colourize function`, () => {
-
   test(`must not change the number of series`, () => {
     const seriesNames = [`0`, `1`, `2`, `3`, `4`]
     const maxPointsPerSeries = 1000
     const randomSeries = randomHighchartsSeriesWithNamesAndMaxPoints(seriesNames, maxPointsPerSeries)
-    expect(_colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries))).toHaveLength(seriesNames.length)
+    expect(_colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries))).toHaveLength(seriesNames.length)
   })
 
   test(`must not change the number of points in each series`, () => {
     const randomSeries = randomHighchartsSeries()
-    _colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries)).forEach((series, i) => {
+    _colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries)).forEach((series, i) => {
       expect(series.data).toHaveLength(randomSeries[i].data.length)
     })
   })
 
   test(`adds a color field to all points`, () => {
     const randomSeries = randomHighchartsSeries()
 
-    _colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries)).forEach((series) => {
+    _colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries)).forEach((series) => {
       series.data.forEach((point) => {
         expect(point).toHaveProperty(`colorValue`)
       })
@@ -42,18 +41,18 @@ describe(`GeneExpressionTSnePlot colourize function`, () => {
 
   test(`assigns maximum colour scale to the point with highest expression`, () => {
     const randomSeries = randomHighchartsSeries()
-    const maximum = 10000;
+    const maximum = 10000
     randomSeries[randomSeries.length - 1].data.push({
       x: 0,
       y: 0,
       expressionLevel: maximum,
-      name: "Maximum overkill"
+      name: cluster
     })
 
     const allPoints = randomSeries.reduce((acc, series) => acc.concat(series.data), [])
     const maxExpressionLevel = Math.round10(Math.max(...allPoints.map((point) => point.expressionLevel)), -2)
 
-    const maxExpressionLevelPoints = _colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries))
+    const maxExpressionLevelPoints = _colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries))
       .reduce((acc, series) => {
         acc.push(series.data.filter((point) => point.expressionLevel === maxExpressionLevel, -2))
         return acc
@@ -78,7 +77,7 @@ describe(`GeneExpressionTSnePlot colourize function`, () => {
     const allPoints = randomSeries.reduce((acc, series) => acc.concat(series.data), [])
     const minExpressionLevel = Math.round10(Math.min(...allPoints.map((point) => point.expressionLevel)), -2)
 
-    const minExpressionLevelPoints = _colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries))
+    const minExpressionLevelPoints = _colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries))
       .reduce((acc, series) => {
         acc.push(series.data.filter((point) => point.expressionLevel === minExpressionLevel, -2))
         return acc
@@ -94,7 +93,7 @@ describe(`GeneExpressionTSnePlot colourize function`, () => {
   test(`rounds expression level to two decimal places`, () => {
     const randomSeries = randomHighchartsSeries()
 
-    _colourizeExpressionLevel(gradientColourRanges(), [])(plotData(randomSeries)).forEach((series) => {
+    _colourizeExpressionLevel(gradientColourRanges(), [], cluster)(plotData(randomSeries)).forEach((series) => {
       series.data.forEach((point) => {
         if (String(point.expressionLevel).includes(`.`)) {
           expect(String(point.expressionLevel).split(`.`)[1].length).toBeLessThanOrEqual(2)
@@ -104,7 +103,7 @@ describe(`GeneExpressionTSnePlot colourize function`, () => {
   })
 
   test(`assigns default colour, i.e. lightgrey, if points have no expression level property`, () => {
-    _colourizeExpressionLevel(gradientColourRanges(), [])({
+    _colourizeExpressionLevel(gradientColourRanges(), [], cluster)({
       series: [
         {
           name: `Cluster 1`,
@@ -136,8 +135,8 @@ describe(`GeneExpressionTSnePlot colourize function`, () => {
       max: 100.0
     }).forEach((series) => {
       series.data.forEach((point) => {
-          expect(point).toHaveProperty(`color`, Color(`lightgrey`).alpha(0.65).rgb().toString())
-        })
+        expect(point).toHaveProperty(`color`, Color(`lightgrey`).alpha(0.65).rgb().toString())
+      })
     })
   })
 })
@@ -148,7 +147,9 @@ describe(`GeneExpressionTSnePlot`, () => {
     const onSelectGeneId = () => {}
 
     const tree = renderer
-      .create(<GeneExpressionTSnePlot height={600} expressionGradientColours={gradientColourRanges()} atlasUrl={``} suggesterEndpoint={``} onSelectGeneId={onSelectGeneId} loading={true} plotData={plotData(randomSeries)} highlightClusters={[]} speciesName={``}/>)
+      .create(<GeneExpressionTSnePlot height={600} expressionGradientColours={gradientColourRanges()} atlasUrl={``}
+        suggesterEndpoint={``} onSelectGeneId={onSelectGeneId} loading={true} cluster={cluster}
+        plotData={plotData(randomSeries)} highlightClusters={[]} speciesName={``}/>)
       .toJSON()
 
     expect(tree).toMatchSnapshot()