#9553: handle test cases for handleLongTextEnhancer

web/client/components/data/featuregrid/formatters/index.js

@@ -15,7 +15,7 @@ import NumberFormat from '../../../I18N/Number';
 import { dateFormats as defaultDateFormats } from "../../../../utils/FeatureGridUtils";
 
 const BooleanFormatter =  ({value} = {}) => !isNil(value) ? <span>{value.toString()}</span> : null;
-const StringFormatter = ({value} = {}) => !isNil(value) ? reactStringReplace(value, /(https?:\/\/\S+)/g, (match, i) => (
+export const StringFormatter = ({value} = {}) => !isNil(value) ? reactStringReplace(value, /(https?:\/\/\S+)/g, (match, i) => (
     <a key={match + i} href={match} target={"_blank"}>{match}</a>
 )) : null;
 const NumberFormatter = ({value} = {}) => !isNil(value) ? <NumberFormat value={value} numberParams={{maximumFractionDigits: 17}}/> : null;

web/client/components/misc/enhancers/__tests__/handleLongTextEnhancer-test.jsx

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2023, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import expect from 'expect';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { handleLongTextEnhancer } from '../handleLongTextEnhancer';
+import { StringFormatter } from '../../../data/featuregrid/formatters';
+
+describe("handleLongTextEnhancer enhancer", () => {
+    beforeEach((done) => {
+        document.body.innerHTML = '<div id="container"></div>';
+        setTimeout(done);
+    });
+
+    afterEach((done) => {
+        ReactDOM.unmountComponentAtNode(document.getElementById("container"));
+        document.body.innerHTML = '';
+        setTimeout(done);
+    });
+
+    it('handleLongTextEnhancer with defaults [with no formatter]', () => {
+        const Enhancer = handleLongTextEnhancer();
+        ReactDOM.render(
+            <Enhancer value={"test12334567899999"} />,
+            document.getElementById("container")
+        );
+        expect(document.getElementById("container").innerHTML).toExist();
+        expect(document.getElementsByTagName('span').length).toEqual(2);
+        expect(document.getElementsByTagName('span')[1].innerHTML).toExist();
+    });
+
+    it('handleLongTextEnhancer with formatter', () => {
+        const EnhancerWithFormatter = handleLongTextEnhancer(StringFormatter);
+        ReactDOM.render(
+            <EnhancerWithFormatter value={"test12334567899999"} />,
+            document.getElementById("container")
+        );
+        expect(document.getElementById("container").innerHTML).toExist();
+        expect(document.getElementsByTagName('span').length).toEqual(2);
+        expect(document.getElementsByTagName('span')[1].innerHTML).toExist();
+    });
+});

web/client/components/misc/enhancers/handleLongTextEnhancer.jsx

@@ -10,7 +10,7 @@ import React from "react";
 import OverlayTrigger from "../OverlayTrigger";
 import { Tooltip } from "react-bootstrap";
 
-export const handleLongTextEnhancer = (props, RenderFormatter) => {
+export  const handleLongTextEnhancer = (RenderFormatter) => (props) => {
     const { value } = props;
     const cellRef = React.useRef(null);
     const contentRef = React.useRef(null);

web/client/utils/FeatureGridUtils.js

@@ -148,7 +148,7 @@ export const featureTypeToGridColumns = (
             editable,
             filterable,
             editor: getEditor(desc, field),
-            formatter: (props)=>handleLongTextEnhancer(props, getFormatter(desc, field)),
+            formatter: handleLongTextEnhancer(getFormatter(desc, field)),
             filterRenderer: getFilterRenderer(desc, field)
         };
     });