[Backport 2.x] Revert jest tests config to use babel (opensearch-proj…

…ect#1319) (opensearch-project#1320) * update jest config to use babel instead of ts-jest Signed-off-by: Shenoy Pratik <[email protected]> (cherry picked from commit a262aaf) * remove ts-jest package Signed-off-by: Shenoy Pratik <[email protected]> (cherry picked from commit 66d5621) * update yarn.lock file Signed-off-by: Shenoy Pratik <[email protected]> * update snapshots Signed-off-by: Shenoy Pratik <[email protected]> --------- Signed-off-by: Shenoy Pratik <[email protected]>
mengweieric · Dec 22, 2023 · 17b8a4d · 17b8a4d
1 parent f31765a
commit 17b8a4d
Show file tree

Hide file tree

Showing 46 changed files with 370 additions and 458 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.husky/.gitignore b/.husky/.gitignore
@@ -0,0 +1 @@
+_
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,26 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+// babelrc doesn't respect NODE_PATH anymore but using require does.
+// Alternative to install them locally in node_modules
+module.exports = function (api) {
+  // ensure env is test so that this config won't impact build or dev server
+  if (api.env('test')) {
+    return {
+      presets: [
+        require('@babel/preset-env'),
+        require('@babel/preset-react'),
+        require('@babel/preset-typescript'),
+      ],
+      plugins: [
+        [require('@babel/plugin-transform-runtime'), { regenerator: true }],
+        require('@babel/plugin-transform-class-properties'),
+        require('@babel/plugin-transform-object-rest-spread'),
+        [require('@babel/plugin-transform-modules-commonjs'), { allowTopLevelThis: true }],
+      ],
+    };
+  }
+  return {};
+};
diff --git a/package.json b/package.json
@@ -53,8 +53,7 @@
     "eslint": "^6.8.0",
     "husky": "6.0.0",
     "jest-dom": "^4.0.0",
-    "lint-staged": "^13.1.0",
-    "ts-jest": "^29.1.0"
+    "lint-staged": "^13.1.0"
   },
   "resolutions": {
     "react-syntax-highlighter": "^15.4.3",

diff --git a/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/log_config.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Log Config component renders empty log config 1`] = `
-<Component
+<LogConfig
   appConfigs={Array []}
   chrome={
     Object {
@@ -444,7 +444,7 @@ exports[`Log Config component renders empty log config 1`] = `
                                   onBlur={[Function]}
                                   onFocus={[Function]}
                                 >
-                                  <Component
+                                  <Autocomplete
                                     baseQuery=""
                                     dslService={
                                       Object {
@@ -561,7 +561,7 @@ exports[`Log Config component renders empty log config 1`] = `
                                         </EuiValidatableControl>
                                       </EuiTextArea>
                                     </div>
-                                  </Component>
+                                  </Autocomplete>
                                   <EuiBadge
                                     className="ppl-link ppl-link-light"
                                     color="hollow"
@@ -616,11 +616,11 @@ exports[`Log Config component renders empty log config 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</LogConfig>
 `;
 
 exports[`Log Config component renders with query 1`] = `
-<Component
+<LogConfig
   appConfigs={Array []}
   chrome={
     Object {
@@ -1068,7 +1068,7 @@ exports[`Log Config component renders with query 1`] = `
                                   onBlur={[Function]}
                                   onFocus={[Function]}
                                 >
-                                  <Component
+                                  <Autocomplete
                                     baseQuery=""
                                     dslService={
                                       Object {
@@ -1185,7 +1185,7 @@ exports[`Log Config component renders with query 1`] = `
                                         </EuiValidatableControl>
                                       </EuiTextArea>
                                     </div>
-                                  </Component>
+                                  </Autocomplete>
                                   <EuiBadge
                                     className="ppl-link ppl-link-light"
                                     color="hollow"
@@ -1240,5 +1240,5 @@ exports[`Log Config component renders with query 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</LogConfig>
 `;
diff --git a/public/components/application_analytics/__tests__/__snapshots__/service_config.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/service_config.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Service Config component renders empty service config 1`] = `
-<Component
+<ServiceConfig
   appConfigs={Array []}
   chrome={
     Object {
@@ -1171,11 +1171,11 @@ exports[`Service Config component renders empty service config 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</ServiceConfig>
 `;
 
 exports[`Service Config component renders with one service selected 1`] = `
-<Component
+<ServiceConfig
   appConfigs={Array []}
   chrome={
     Object {
@@ -2373,5 +2373,5 @@ exports[`Service Config component renders with one service selected 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</ServiceConfig>
 `;
diff --git a/public/components/application_analytics/__tests__/__snapshots__/trace_config.test.tsx.snap b/public/components/application_analytics/__tests__/__snapshots__/trace_config.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Trace Config component renders empty trace config 1`] = `
-<Component
+<TraceConfig
   chrome={
     Object {
       "addApplicationClass": [MockFunction],
@@ -895,11 +895,11 @@ exports[`Trace Config component renders empty trace config 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</TraceConfig>
 `;
 
 exports[`Trace Config component renders with one trace selected 1`] = `
-<Component
+<TraceConfig
   chrome={
     Object {
       "addApplicationClass": [MockFunction],
@@ -1817,5 +1817,5 @@ exports[`Trace Config component renders with one trace selected 1`] = `
       </div>
     </EuiAccordion>
   </div>
-</Component>
+</TraceConfig>
 `;
diff --git a/public/components/common/live_tail/__tests__/__snapshots__/live_tail_button.test.tsx.snap b/public/components/common/live_tail/__tests__/__snapshots__/live_tail_button.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Live tail button change live tail to 10s interval 1`] = `
-<Component
+<LiveTailButton
   dataTestSubj=""
   isLiveTailOn={true}
   isLiveTailPopoverOpen={false}
@@ -91,11 +91,11 @@ exports[`Live tail button change live tail to 10s interval 1`] = `
       </button>
     </EuiButtonDisplay>
   </EuiButton>
-</Component>
+</LiveTailButton>
 `;
 
 exports[`Live tail button starts live tail with 5s interval 1`] = `
-<Component
+<LiveTailButton
   dataTestSubj=""
   isLiveTailOn={true}
   isLiveTailPopoverOpen={false}
@@ -180,11 +180,11 @@ exports[`Live tail button starts live tail with 5s interval 1`] = `
       </button>
     </EuiButtonDisplay>
   </EuiButton>
-</Component>
+</LiveTailButton>
 `;
 
 exports[`Live tail off button stop live tail 1`] = `
-<Component
+<StopLiveButton
   StopLive={[MockFunction]}
   dataTestSubj=""
 >
@@ -271,5 +271,5 @@ exports[`Live tail off button stop live tail 1`] = `
       </button>
     </EuiButtonDisplay>
   </EuiButton>
-</Component>
+</StopLiveButton>
 `;
diff --git a/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap b/public/components/common/search/__tests__/__snapshots__/search.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`Explorer Search component renders basic component 1`] = `
     }
   }
 >
-  <Component>
+  <Search>
     <div
       className="globalQueryBar"
     >
@@ -160,7 +160,7 @@ exports[`Explorer Search component renders basic component 1`] = `
                 }
               }
             >
-              <Component
+              <Autocomplete
                 baseQuery=""
                 handleQuerySearch={[Function]}
                 key="autocomplete-search-bar"
@@ -236,7 +236,7 @@ exports[`Explorer Search component renders basic component 1`] = `
                     </EuiValidatableControl>
                   </EuiTextArea>
                 </div>
-              </Component>
+              </Autocomplete>
               <EuiBadge
                 className="ppl-link ppl-link-light"
                 color="hollow"
@@ -801,7 +801,7 @@ exports[`Explorer Search component renders basic component 1`] = `
               <EuiPopover
                 anchorPosition="downCenter"
                 button={
-                  <Unknown
+                  <LiveTailButton
                     dataTestSubj="eventLiveTail"
                   />
                 }
@@ -817,7 +817,7 @@ exports[`Explorer Search component renders basic component 1`] = `
                   <div
                     className="euiPopover__anchor"
                   >
-                    <Component
+                    <LiveTailButton
                       dataTestSubj="eventLiveTail"
                     >
                       <EuiButton
@@ -896,7 +896,7 @@ exports[`Explorer Search component renders basic component 1`] = `
                           </button>
                         </EuiButtonDisplay>
                       </EuiButton>
-                    </Component>
+                    </LiveTailButton>
                   </div>
                 </div>
               </EuiPopover>
@@ -905,6 +905,6 @@ exports[`Explorer Search component renders basic component 1`] = `
         </div>
       </EuiFlexGroup>
     </div>
-  </Component>
+  </Search>
 </Provider>
 `;
diff --git a/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap b/public/components/custom_panels/__tests__/__snapshots__/custom_panel_table.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`Panels Table Component renders empty panel table container 1`] = `
     }
   }
 >
-  <Component
+  <CustomPanelTable
     addSamplePanels={[MockFunction]}
     cloneCustomPanel={[MockFunction]}
     createCustomPanel={[MockFunction]}
@@ -591,7 +591,7 @@ exports[`Panels Table Component renders empty panel table container 1`] = `
         </div>
       </EuiPage>
     </div>
-  </Component>
+  </CustomPanelTable>
 </Provider>
 `;
 
@@ -607,7 +607,7 @@ exports[`Panels Table Component renders panel table container 1`] = `
     }
   }
 >
-  <Component
+  <CustomPanelTable
     addSamplePanels={[MockFunction]}
     cloneCustomPanel={[MockFunction]}
     createCustomPanel={[MockFunction]}
@@ -1220,6 +1220,6 @@ exports[`Panels Table Component renders panel table container 1`] = `
         </div>
       </EuiPage>
     </div>
-  </Component>
+  </CustomPanelTable>
 </Provider>
 `;