From c44d605890e351549835258ed0518fe9faef5979 Mon Sep 17 00:00:00 2001
From: Jerko Steiner <jerko.steiner@gmail.com>
Date: Wed, 8 May 2019 10:12:53 +1200
Subject: [PATCH] Fix failing React tests for Login/Register

---
 packages/client/src/login/LoginForm.tsx         | 2 +-
 packages/client/src/login/RegisterForm.test.tsx | 5 +++++
 packages/client/src/login/RegisterForm.tsx      | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/login/LoginForm.tsx b/packages/client/src/login/LoginForm.tsx
index 84ff996..bb61331 100644
--- a/packages/client/src/login/LoginForm.tsx
+++ b/packages/client/src/login/LoginForm.tsx
@@ -23,7 +23,7 @@ export class LoginForm extends React.PureComponent<ILoginFormProps> {
     }
     return (
       <form className='login-form' onSubmit={this.props.onSubmit}>
-        <p className='has-text-danger'>{this.props.error}</p>
+        <p className='error has-text-danger'>{this.props.error}</p>
         <Input
           Icon={FaUser}
           label='Username'
diff --git a/packages/client/src/login/RegisterForm.test.tsx b/packages/client/src/login/RegisterForm.test.tsx
index 84bd021..72181c2 100644
--- a/packages/client/src/login/RegisterForm.test.tsx
+++ b/packages/client/src/login/RegisterForm.test.tsx
@@ -1,8 +1,10 @@
 import * as Feature from './'
+import React from 'react'
 import ReactDOM from 'react-dom'
 import T from 'react-dom/test-utils'
 import {HTTPClientMock, TestUtils, getError} from '../test-utils'
 import {IAPIDef} from '@rondo/common'
+import {MemoryRouter} from 'react-router-dom'
 
 const test = new TestUtils()
 
@@ -18,6 +20,9 @@ describe('RegisterForm', () => {
   .withComponent(
     select => new Feature.RegisterConnector(loginActions).connect(select),
   )
+  .withJSX((Component, props) =>
+    <MemoryRouter><Component {...props} /></MemoryRouter>,
+  )
 
   beforeAll(() => {
     (window as any).__MOCK_SERVER_SIDE__ = true
diff --git a/packages/client/src/login/RegisterForm.tsx b/packages/client/src/login/RegisterForm.tsx
index cac70d1..2992a94 100644
--- a/packages/client/src/login/RegisterForm.tsx
+++ b/packages/client/src/login/RegisterForm.tsx
@@ -25,7 +25,7 @@ export class RegisterForm extends React.PureComponent<IRegisterFormProps> {
         className='register-form'
         onSubmit={this.props.onSubmit}
       >
-        <p className='has-text-danger'>{this.props.error}</p>
+        <p className='error has-text-danger'>{this.props.error}</p>
         <Input
           Icon={FaEnvelope}
           label='Email'