Make element web integration tests happy

Author: justjanne

res/css/structures/_MatrixChat.scss

@@ -17,20 +17,10 @@ limitations under the License.
 .mx_MatrixChat_splash {
     position: relative;
     height: 100%;
-}
-
-.mx_MatrixChat_splashButtons {
-    text-align: center;
-    width: 100%;
-    position: absolute;
-    bottom: 30px;
-}
 
-.mx_MatrixChat_splashBackdrop {
-    position: relative;
     &::before {
         /* Once we drop support for Firefox 102, remove this entire pseudo-element, move the background to the
-           .mx_MatrixChat_splashBackdrop, and use backdrop-filter for the blur instead. */
+           .mx_MatrixChat_splash, and use backdrop-filter for the blur instead. */
         content: "";
         display: block;
         position: absolute;
@@ -41,28 +31,28 @@ limitations under the License.
            gamma-incorrect gradient blending in browsers */
         background-image:
             radial-gradient(
-                53.85% 66.75% at 87.55% 0%,
-                hsla(250, 76%, 71%, 0.261) 0%,
-                hsla(251, 83%, 79%, 0.1305) 50%,
-                hsla(250, 100%, 88%, 0) 100%
+                    53.85% 66.75% at 87.55% 0%,
+                    hsla(250, 76%, 71%, 0.261) 0%,
+                    hsla(251, 83%, 79%, 0.1305) 50%,
+                    hsla(250, 100%, 88%, 0) 100%
             ),
             radial-gradient(
-                41.93% 41.93% at 0% 0%,
-                hsla(222, 29%, 20%, 0.28) 0%,
-                hsla(240, 17%, 53%, 0.14) 50%,
-                hsla(250, 100%, 88%, 0) 100%
+                    41.93% 41.93% at 0% 0%,
+                    hsla(222, 29%, 20%, 0.28) 0%,
+                    hsla(240, 17%, 53%, 0.14) 50%,
+                    hsla(250, 100%, 88%, 0) 100%
             ),
             radial-gradient(
-                100% 100% at 0% 0%,
-                hsla(250, 100%, 88%, 0.2436) 0%,
-                hsla(318, 50%, 82%, 0.1218) 50%,
-                hsla(0, 100%, 86%, 0) 100%
+                    100% 100% at 0% 0%,
+                    hsla(250, 100%, 88%, 0.2436) 0%,
+                    hsla(318, 50%, 82%, 0.1218) 50%,
+                    hsla(0, 100%, 86%, 0) 100%
             ),
             radial-gradient(
-                106.35% 96.26% at 100% 0%,
-                hsla(250, 100%, 88%, 0.4) 0%,
-                hsla(208, 67%, 85%, 0.2) 50%,
-                hsla(167, 76%, 82%, 0) 100%
+                    106.35% 96.26% at 100% 0%,
+                    hsla(250, 100%, 88%, 0.4) 0%,
+                    hsla(208, 67%, 85%, 0.2) 50%,
+                    hsla(167, 76%, 82%, 0) 100%
             );
         /* Ugly hack to allow us to get rid of the color banding of the gradients */
         /* Can be replaced with backdrop-filter, replacing the hack below, after we stop supporting Firefox 102 */
@@ -72,6 +62,13 @@ limitations under the License.
     }
 }
 
+.mx_MatrixChat_splashButtons {
+    text-align: center;
+    width: 100%;
+    position: absolute;
+    bottom: 30px;
+}
+
 .mx_MatrixChat_wrapper {
     display: flex;
 

src/components/structures/MatrixChat.tsx

@@ -1236,6 +1236,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
                 this.screenAfterLogin.params,
             );
             this.screenAfterLogin = null;
+            MatrixClientPeg.userRegisteredWithinLastHours()
         } else if (MatrixClientPeg.currentUserIsJustRegistered()) {
             MatrixClientPeg.setJustRegisteredUserId(null);
 
@@ -1911,7 +1912,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
 
         if (this.state.view === Views.LOADING) {
             view = (
-                <div className="mx_MatrixChat_splash mx_MatrixChat_splashBackdrop">
+                <div className="mx_MatrixChat_splash">
                     <Spinner />
                 </div>
             );
@@ -1961,7 +1962,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
                     </div>;
                 }
                 view = (
-                    <div className="mx_MatrixChat_splash mx_MatrixChat_splashBackdrop">
+                    <div className="mx_MatrixChat_splash">
                         { errorBox }
                         <Spinner />
                         <div className="mx_MatrixChat_splashButtons">

src/components/views/dialogs/UseCaseSelection.tsx

@@ -33,7 +33,7 @@ interface Props {
 
 export default function UseCaseSelection({ onFinished }: Props) {
     return (
-        <div className="mx_UseCaseSelection mx_MatrixChat_splashBackdrop">
+        <div className="mx_UseCaseSelection mx_MatrixChat_splash">
             <div className="mx_UseCaseSelection_title mx_UseCaseSelection_fadeIn">
                 <h1>{ _t("You’re in") }</h1>
             </div>