Fix #1460 measure panel and tooltip translations (#1467)

* fixed measure panel and tooltip translations
* added a test for measurementSupport for leaflet

Author: MV88

web/client/components/map/leaflet/MeasurementSupport.jsx

@@ -33,11 +33,6 @@ const MeasurementSupport = React.createClass({
         };
     },
     componentWillReceiveProps(newProps) {
-        var drawingStrings = this.props.messages || (this.context.messages) ? this.context.messages.drawLocal : false;
-        if (drawingStrings) {
-            L.drawLocal = drawingStrings;
-        }
-
         if (newProps.measurement.geomType && newProps.measurement.geomType !== this.props.measurement.geomType ) {
             this.addDrawInteraction(newProps);
         }
@@ -66,6 +61,12 @@ const MeasurementSupport = React.createClass({
         }
     },
     render() {
+        // moved here the translations because when language changes it is forced a render of this component. (see connect of measure plugin)
+        var drawingStrings = this.props.messages || (this.context.messages ? this.context.messages.drawLocal : false);
+        if (drawingStrings) {
+            L.drawLocal = drawingStrings;
+        }
+
         return null;
     },
     updateMeasurementResults() {

web/client/components/map/leaflet/__tests__/MeasurementSupport-test.jsx

@@ -48,6 +48,22 @@ describe('Leaflet MeasurementSupport', () => {
         expect(cmp).toExist();
     });
 
+    it('test rendering', () => {
+        let myMessages = {message: "message"};
+        let drawLocal = L.drawLocal;
+        L.drawLocal = null;
+        const cmp = ReactDOM.render(
+            <MeasurementSupport
+                messages={myMessages}
+            />
+        , msNode);
+        expect(cmp).toExist();
+        expect(L.drawLocal).toEqual(myMessages);
+        // restoring old value of drawLocal because other test would fail otherwise.
+        // L is global so drawLocal need to be restore to default value
+        L.drawLocal = drawLocal;
+    });
+
     it('test if a new layer is added to the map in order to allow drawing.', () => {
         let map = L.map("map", {
             center: [51.505, -0.09],

web/client/plugins/Measure.jsx

@@ -41,7 +41,7 @@ const MeasurePlugin = connect((state) => {
     };
 }, {
     toggleMeasure: changeMeasurement
-})(MeasureComponent);
+}, null, {pure: false})(MeasureComponent);
 
 module.exports = {
     MeasurePlugin: assign(MeasurePlugin, {