🌱 Upgrade jest, and related, to version 29 (konveyor#1247)

- Upgrading to current `jest`, `@testing-library`, and `ts-jest` libraries brings them current and will allow upgrading typescript to version 5. - The jest snapshot format changed between version 29 and 29. All of the snapshots are brought current in this commit.
sjd78 · Aug 4, 2023 · f489d36 · f489d36
1 parent 07ed748
commit f489d36
Show file tree

Hide file tree

Showing 27 changed files with 2,160 additions and 222 deletions.
diff --git a/client/package.json b/client/package.json
@@ -57,21 +57,20 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
-    "@testing-library/dom": "^8.14.0",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.2",
+    "@testing-library/dom": "^8.20.1",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.2.1",
+    "@testing-library/user-event": "^14.4.3",
     "@types/dotenv-webpack": "^7.0.3",
     "@types/file-saver": "^2.0.2",
-    "@types/jest": "^27.0.4",
+    "@types/jest": "^29.5.3",
     "@types/js-yaml": "^4.0.5",
     "@types/node": "^12.20.55",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-measure": "^2.0.6",
     "@types/react-router-dom": "^5.1.7",
-    "@types/testing-library__jest-dom": "^5.14.5",
     "@types/webpack": "^5.28.0",
     "axios-mock-adapter": "^1.19.0",
     "browserslist": "^4.19.1",
@@ -89,7 +88,8 @@
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.3",
     "i18next-parser": "^0.13.0",
-    "jest": "^27.4.7",
+    "jest": "^29.6.2",
+    "jest-environment-jsdom": "^29.6.2",
     "jest-resolve": "^27.4.6",
     "jest-watch-typeahead": "^1.0.0",
     "mini-css-extract-plugin": "^2.5.2",
@@ -104,7 +104,7 @@
     "style-loader": "^3.3.1",
     "svg-url-loader": "^7.1.1",
     "terser-webpack-plugin": "^5.3.0",
-    "ts-jest": "^27.0.3",
+    "ts-jest": "^29.1.1",
     "ts-loader": "^9.4.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",

diff --git a/client/src/app/layout/AppAboutModal/tests/__snapshots__/AppAboutModal.test.tsx.snap b/client/src/app/layout/AppAboutModal/tests/__snapshots__/AppAboutModal.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AppAboutModal 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body
     class="pf-v5-c-backdrop__open"

diff --git a/client/src/app/layout/HeaderApp/tests/__snapshots__/HeaderApp.test.tsx.snap b/client/src/app/layout/HeaderApp/tests/__snapshots__/HeaderApp.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Test snapshot 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...pplication-assessment-page/__snapshots__/application-assessment-page-header.test.tsx.snap b/...pplication-assessment-page/__snapshots__/application-assessment-page-header.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ApplicationAssessmentPageHeader Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...nents/application-assessment-page/__snapshots__/application-assessment-page.test.tsx.snap b/...nents/application-assessment-page/__snapshots__/application-assessment-page.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ApplicationAssessmentPage Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...nt/components/questionnaire-form/question/tests/__snapshots__/question-body.test.tsx.snap b/...nt/components/questionnaire-form/question/tests/__snapshots__/question-body.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`QuestionBody Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/.../components/questionnaire-form/question/tests/__snapshots__/question-header.test.tsx.snap b/.../components/questionnaire-form/question/tests/__snapshots__/question-header.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`QuestionHeader Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...essment/components/questionnaire-form/question/tests/__snapshots__/question.test.tsx.snap b/...essment/components/questionnaire-form/question/tests/__snapshots__/question.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Question Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...wizard-step-nav-description/tests/__snapshots__/wizard-step-nav-description.test.tsx.snap b/...wizard-step-nav-description/tests/__snapshots__/wizard-step-nav-description.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WizardStepNavDescription Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...sessment-donut-chart/tests/__snapshots__/application-assessment-donut-chart.test.tsx.snap b/...sessment-donut-chart/tests/__snapshots__/application-assessment-donut-chart.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AppTable Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>
@@ -116,7 +116,7 @@ Object {
                 <tspan
                   dx="0"
                   dy="0"
-                  style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                  style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                   text-anchor="start"
                   x="263.8"
                 >
@@ -133,7 +133,7 @@ Object {
                 <tspan
                   dx="0"
                   dy="0"
-                  style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                  style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                   text-anchor="start"
                   x="263.8"
                 >
@@ -150,7 +150,7 @@ Object {
                 <tspan
                   dx="0"
                   dy="0"
-                  style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                  style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                   text-anchor="start"
                   x="263.8"
                 >
@@ -167,7 +167,7 @@ Object {
                 <tspan
                   dx="0"
                   dy="0"
-                  style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                  style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                   text-anchor="start"
                   x="263.8"
                 >
@@ -311,7 +311,7 @@ Object {
               <tspan
                 dx="0"
                 dy="0"
-                style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                 text-anchor="start"
                 x="263.8"
               >
@@ -328,7 +328,7 @@ Object {
               <tspan
                 dx="0"
                 dy="0"
-                style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                 text-anchor="start"
                 x="263.8"
               >
@@ -345,7 +345,7 @@ Object {
               <tspan
                 dx="0"
                 dy="0"
-                style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                 text-anchor="start"
                 x="263.8"
               >
@@ -362,7 +362,7 @@ Object {
               <tspan
                 dx="0"
                 dy="0"
-                style="font-family: \\"RedHatText\\",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
+                style="font-family: "RedHatText",helvetica,arial,sans-serif; font-size: 14px; letter-spacing: normal; padding: 10px; stroke: var(--pf-v5-chart-global--label--stroke, transparent); fill: var(--pf-v5-chart-global--label--Fill, #151515);"
                 text-anchor="start"
                 x="263.8"
               >

diff --git a/...view/components/application-details/tests/__snapshots__/application-details.test.tsx.snap b/...view/components/application-details/tests/__snapshots__/application-details.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AppTable Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...c/app/shared/components/app-placeholder/tests/__snapshots__/app-placeholder.test.tsx.snap b/...c/app/shared/components/app-placeholder/tests/__snapshots__/app-placeholder.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AppPlaceholder Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/app-table/tests/__snapshots__/app-table.test.tsx.snap b/client/src/app/shared/components/app-table/tests/__snapshots__/app-table.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AppTable Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/app-table/tests/__snapshots__/state-error.test.tsx.snap b/client/src/app/shared/components/app-table/tests/__snapshots__/state-error.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StateError Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/app-table/tests/__snapshots__/state-no-data.test.tsx.snap b/client/src/app/shared/components/app-table/tests/__snapshots__/state-no-data.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StateNoData Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...nt/src/app/shared/components/app-table/tests/__snapshots__/state-no-results.test.tsx.snap b/...nt/src/app/shared/components/app-table/tests/__snapshots__/state-no-results.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StateNoResults Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...c/app/shared/components/breadcrumb-path/tests/__snapshots__/breadcrumb-path.test.tsx.snap b/...c/app/shared/components/breadcrumb-path/tests/__snapshots__/breadcrumb-path.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BreadCrumbPath Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...src/app/shared/components/confirm-dialog/tests/__snapshots__/confirm-dialog.test.tsx.snap b/...src/app/shared/components/confirm-dialog/tests/__snapshots__/confirm-dialog.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ConfirmDialog Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body
     class="pf-v5-c-backdrop__open"

diff --git a/...shared/components/empty-text-message/tests/__snapshots__/empty-text-message.test.tsx.snap b/...shared/components/empty-text-message/tests/__snapshots__/empty-text-message.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EmptyTextMessage Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...src/app/shared/components/horizontal-nav/tests/__snapshots__/horizontal-nav.test.tsx.snap b/...src/app/shared/components/horizontal-nav/tests/__snapshots__/horizontal-nav.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`HorizontalNav Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/menu-actions/tests/__snapshots__/menu-actions.test.tsx.snap b/client/src/app/shared/components/menu-actions/tests/__snapshots__/menu-actions.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MenuActions Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...ared/components/no-data-empty-state/tests/__snapshots__/no-data-empty-state.test.tsx.snap b/...ared/components/no-data-empty-state/tests/__snapshots__/no-data-empty-state.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`NoDataEmptyState Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/page-header/tests/__snapshots__/page-header.test.tsx.snap b/client/src/app/shared/components/page-header/tests/__snapshots__/page-header.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PageHeader Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...shared/components/simple-empty-state/tests/__snapshots__/simple-empty-state.test.tsx.snap b/...shared/components/simple-empty-state/tests/__snapshots__/simple-empty-state.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SimpleEmptyState Renders with description 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>
@@ -106,7 +106,7 @@ Object {
 `;
 
 exports[`SimpleEmptyState Renders with icon 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>
@@ -215,7 +215,7 @@ Object {
 `;
 
 exports[`SimpleEmptyState Renders with primaryAction 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>
@@ -326,7 +326,7 @@ Object {
 `;
 
 exports[`SimpleEmptyState Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/...t/src/app/shared/components/simple-select/tests/__snapshots__/select-entity.test.tsx.snap b/...t/src/app/shared/components/simple-select/tests/__snapshots__/select-entity.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SimpleSelect Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

diff --git a/client/src/app/shared/components/status-icon/tests/__snapshots__/status-icon.test.tsx.snap b/client/src/app/shared/components/status-icon/tests/__snapshots__/status-icon.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StatusIcon Renders without crashing 1`] = `
-Object {
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>