From 1b06e46f712d7e5f6ec6fbdb66604baa4f15173a Mon Sep 17 00:00:00 2001
From: Amir Zarrinkafsh <nightah@me.com>
Date: Tue, 3 Aug 2021 16:25:13 +1000
Subject: test(web): drop enzyme in favor of react-testing-library (#2224)

* test(web): drop enzyme in favor of react-testing-library

Enzyme is falling behind in maintenance, it is currently maintained by one primary developer and still does [not support React 17](https://github.com/enzymejs/enzyme/pull/2430) despite it being released in October 2020.

[react-testing-library (RTL)](https://testing-library.com/docs) is [recommended by Facebook](https://reactjs.org/docs/test-utils.html#overview) and encourages writing tests that avoid testing implementation details.

* build(deps): update react monorepo to v17 (major)

* build(deps): remove @types/{enzyme,jest}
---
 web/src/views/LoadingPage/LoadingPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'web/src/views/LoadingPage/LoadingPage.tsx')

diff --git a/web/src/views/LoadingPage/LoadingPage.tsx b/web/src/views/LoadingPage/LoadingPage.tsx
index f1860346f..a37dd8365 100644
--- a/web/src/views/LoadingPage/LoadingPage.tsx
+++ b/web/src/views/LoadingPage/LoadingPage.tsx
@@ -6,7 +6,7 @@ import ReactLoading from "react-loading";
 const LoadingPage = function () {
     const theme = useTheme();
     return (
-        <Grid container alignItems="center" justify="center" style={{ minHeight: "100vh" }}>
+        <Grid container alignItems="center" justifyContent="center" style={{ minHeight: "100vh" }}>
             <Grid item style={{ textAlign: "center", display: "inline-block" }}>
                 <ReactLoading width={64} height={64} color={theme.custom.loadingBar} type="bars" />
                 <Typography>Loading...</Typography>
-- 
cgit v1.2.3