diff --git a/ui/package-lock.json b/ui/package-lock.json
index 6876a66857..1d7053eafd 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -21,7 +21,6 @@
"@types/react-dom": "^18.0.1",
"@types/react-router-dom": "^5.1.6",
"@types/react-syntax-highlighter": "^15.5.2",
- "@types/react-test-renderer": "^18.0.0",
"axios": "^0.27.2",
"fuzzysort": "^2.0.1",
"mobx": "^6.6.1",
@@ -59,7 +58,6 @@
"prettier": "2.7.0",
"process": "^0.11.10",
"react-app-rewired": "^2.2.1",
- "react-test-renderer": "^16.14.0",
"stream-browserify": "^3.0.0",
"stream-http": "^3.2.0",
"url": "^0.11.0"
@@ -4072,14 +4070,6 @@
"@types/react": "*"
}
},
- "node_modules/@types/react-test-renderer": {
- "version": "18.0.0",
- "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-18.0.0.tgz",
- "integrity": "sha512-C7/5FBJ3g3sqUahguGi03O79b8afNeSD6T8/GU50oQrJCU0bVCCGQHaGKUbg2Ce8VQEEqTw8/HiS6lXHHdgkdQ==",
- "dependencies": {
- "@types/react": "*"
- }
- },
"node_modules/@types/resolve": {
"version": "1.17.1",
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -22373,14 +22363,6 @@
"@types/react": "*"
}
},
- "@types/react-test-renderer": {
- "version": "18.0.0",
- "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-18.0.0.tgz",
- "integrity": "sha512-C7/5FBJ3g3sqUahguGi03O79b8afNeSD6T8/GU50oQrJCU0bVCCGQHaGKUbg2Ce8VQEEqTw8/HiS6lXHHdgkdQ==",
- "requires": {
- "@types/react": "*"
- }
- },
"@types/resolve": {
"version": "1.17.1",
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
diff --git a/ui/package.json b/ui/package.json
index 97ecf15b2b..bd3c9f3728 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -16,7 +16,6 @@
"@types/react-dom": "^18.0.1",
"@types/react-router-dom": "^5.1.6",
"@types/react-syntax-highlighter": "^15.5.2",
- "@types/react-test-renderer": "^18.0.0",
"axios": "^0.27.2",
"fuzzysort": "^2.0.1",
"mobx": "^6.6.1",
@@ -76,7 +75,6 @@
"prettier": "2.7.0",
"process": "^0.11.10",
"react-app-rewired": "^2.2.1",
- "react-test-renderer": "^16.14.0",
"stream-browserify": "^3.0.0",
"stream-http": "^3.2.0",
"url": "^0.11.0"
diff --git a/ui/src/components/Background/Background.test.tsx b/ui/src/components/Background/Background.test.tsx
index 14385fb047..ea5ef25119 100644
--- a/ui/src/components/Background/Background.test.tsx
+++ b/ui/src/components/Background/Background.test.tsx
@@ -1,8 +1,7 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
+import { shallow } from 'enzyme';
import Background from '.';
it('should render the background component', () => {
- const component = renderer.create().toJSON();
- expect(component).toMatchSnapshot();
+ const component = shallow();
+ expect(component.debug()).toMatchSnapshot();
});
diff --git a/ui/src/components/Background/__snapshots__/Background.test.tsx.snap b/ui/src/components/Background/__snapshots__/Background.test.tsx.snap
index 14a34cbfce..9a482abab8 100644
--- a/ui/src/components/Background/__snapshots__/Background.test.tsx.snap
+++ b/ui/src/components/Background/__snapshots__/Background.test.tsx.snap
@@ -1,35 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render the background component 1`] = `
-
-
-
+"
+
+
Welcome to Tekton Hub
-
-
+
+
Discover, search and share reusable Tasks and Pipelines
-
-
-
+
+
+
"
`;
diff --git a/ui/src/components/Footer/Footer.test.tsx b/ui/src/components/Footer/Footer.test.tsx
index 0c83f591be..6c8659b37b 100644
--- a/ui/src/components/Footer/Footer.test.tsx
+++ b/ui/src/components/Footer/Footer.test.tsx
@@ -1,5 +1,4 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
+import { shallow } from 'enzyme';
import Footer from '.';
import { FakeDate, ActualDate } from '../../common/testutils';
@@ -10,6 +9,6 @@ FakeDate();
ActualDate();
it('should render the footer component', () => {
- const component = renderer.create().toJSON();
- expect(component).toMatchSnapshot();
+ const component = shallow();
+ expect(component.debug()).toMatchSnapshot();
});
diff --git a/ui/src/components/Footer/__snapshots__/Footer.test.tsx.snap b/ui/src/components/Footer/__snapshots__/Footer.test.tsx.snap
index e0341c0a0c..1de06fca5f 100644
--- a/ui/src/components/Footer/__snapshots__/Footer.test.tsx.snap
+++ b/ui/src/components/Footer/__snapshots__/Footer.test.tsx.snap
@@ -1,125 +1,55 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render the footer component 1`] = `
-
-
-
-
-
-
- Tekton is a
+"
+
+
+
+
+
+
+
+
+
+
+ Tekton is a
+
+
+ Continuous Delivery Foundation
+
+
+ project.
+
+
+
+
+
+
+
+
+ ©
+ 2022
+ The Linux Foundation®. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our
-
- Continuous Delivery Foundation
-
+
+ Trademark Usage page
+
+ . Linux is a registered trademark of Linus Torvalds.
- project.
-
-
-
-
-
-
-
-
- ©
- 2022
- The Linux Foundation®. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our
-
-
- Trademark Usage page
-
- . Linux is a registered trademark of Linus Torvalds.
-
-
- Privacy Policy
-
-
- and
-
-
- Terms of Use
-
-
- .
-
-
-
-
+
+ Privacy Policy
+
+
+ and
+
+
+ Terms of Use
+
+
+ .
+
+
+
+
+"
`;