@finos/legend-application-studio 28.21.3 → 28.21.5

package/src/components/editor/editor-group/dataProduct/DataProductEditor.tsx

@@ -79,6 +79,7 @@ import {
   ListIcon,
   PanelLoadingIndicator,
   GearSuggestIcon,
+  FlaskIcon,
 } from '@finos/legend-art';
 import {
   type ChangeEventHandler,
@@ -106,6 +107,7 @@ import {
   type QueryBuilderState,
 } from '@finos/legend-query-builder';
 import { action, autorun, flowResult } from 'mobx';
+import { DataProductTestableEditor } from './testable/DataProductTestableEditor.js';
 import { CODE_EDITOR_LANGUAGE } from '@finos/legend-code-editor';
 import { CodeEditor } from '@finos/legend-lego/code-editor';
 import {
@@ -2229,6 +2231,9 @@ const AccessPointGroupTab = observer(
 const DataProductSidebar = observer(
   (props: { dataProductEditorState: DataProductEditorState }) => {
     const { dataProductEditorState } = props;
+    const showTestingTab =
+      dataProductEditorState.editorStore.applicationStore.config.options
+        .NonProductionFeatureFlag;
     const sidebarTabs = [
       {
         label: DATA_PRODUCT_TAB.HOME,
@@ -2244,6 +2249,15 @@ const DataProductSidebar = observer(
         title: 'Operational Metadata',
         icon: <GearSuggestIcon />,
       },
+      ...(showTestingTab
+        ? [
+            {
+              label: DATA_PRODUCT_TAB.TESTING,
+              title: 'Testing',
+              icon: <FlaskIcon />,
+            },
+          ]
+        : []),
       {
         label: DATA_PRODUCT_TAB.SUPPORT,
         icon: <QuestionCircleIcon />,
@@ -3352,6 +3366,8 @@ export const DataProductEditor = observer(() => {
   const [showPreview, setShowPreview] = useState(false);
   const [dataProductViewerState, setDataProductViewerState] =
     useState<DataProductViewerState>();
+  const showTestingTab =
+    editorStore.applicationStore.config.options.NonProductionFeatureFlag;
 
   const selectedActivity = dataProductEditorState.selectedTab;
   const renderActivivtyBarTab = (): React.ReactNode => {
@@ -3384,6 +3400,13 @@ export const DataProductEditor = observer(() => {
             isReadOnly={isReadOnly}
           />
         );
+      case DATA_PRODUCT_TAB.TESTING:
+        return showTestingTab ? (
+          <DataProductTestableEditor
+            dataProductEditorState={dataProductEditorState}
+            isReadOnly={isReadOnly}
+          />
+        ) : null;
       default:
         return null;
     }
@@ -3399,6 +3422,15 @@ export const DataProductEditor = observer(() => {
     );
   }, [dataProductEditorState]);
 
+  useEffect(() => {
+    if (
+      !showTestingTab &&
+      dataProductEditorState.selectedTab === DATA_PRODUCT_TAB.TESTING
+    ) {
+      dataProductEditorState.setSelectedTab(DATA_PRODUCT_TAB.HOME);
+    }
+  }, [dataProductEditorState, showTestingTab]);
+
   useEffect(
     () =>
       autorun(