Fix #9016: Catalog modal mode reset (#9028)

web/client/components/catalog/CatalogServiceEditor.jsx

@@ -5,7 +5,7 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, {useState} from 'react';
+import React, {useState, useEffect} from 'react';
 import Spinner from "react-spinkit";
 
 import { FormGroup, Form, Col } from "react-bootstrap";
@@ -52,6 +52,9 @@ export default ({
  autoSetVisibilityLimits = false
 }) => {
  const [valid, setValid] = useState(true);
+ useEffect(() => {
+ return () => onChangeCatalogMode("view");
+ }, []);
  return (<BorderLayout
  bodyClassName="ms2-border-layout-body catalog"
  header={

web/client/components/catalog/__tests__/CatalogServiceEditor-test.jsx

@@ -152,4 +152,13 @@ describe('Test CatalogServiceEditor', () => {
  let placeholder = defaultPlaceholder(service);
  expect(placeholder).toBe("e.g. https://mydomain.com/geoserver/wms");
  });
+ it('test reset view mode of catalog on unmount', (done) => {
+ ReactDOM.render(<CatalogServiceEditor onChangeCatalogMode={(value) => {
+ expect(value).toBe("view");
+ done();
+ }
+ } />, document.getElementById("container"));
+
+ ReactDOM.render(<div/>, document.getElementById("container"));
+ });
 });