From f713298d37996a4391a226b5e3668cdc35ca2941 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Wed, 23 Oct 2019 10:36:20 -0400
Subject: [PATCH] use class instead of id for identifying errorMsg in test

---
 src/components/join-flow/registration-error-step.jsx  | 2 +-
 test/unit/components/registration-error-step.test.jsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/join-flow/registration-error-step.jsx b/src/components/join-flow/registration-error-step.jsx
index 058c97b4a..d79426a16 100644
--- a/src/components/join-flow/registration-error-step.jsx
+++ b/src/components/join-flow/registration-error-step.jsx
@@ -38,7 +38,7 @@ class RegistrationErrorStep extends React.Component {
                     <FormattedMessage id="registration.cantCreateAccount" />
                 </p>
                 {this.props.errorMsg && (
-                    <p className="join-flow-instructions" id="registration-error-msg">
+                    <p className="join-flow-instructions registration-error-msg">
                         {this.props.errorMsg}
                     </p>
                 )}
diff --git a/test/unit/components/registration-error-step.test.jsx b/test/unit/components/registration-error-step.test.jsx
index e8a74ebd6..cb80e0360 100644
--- a/test/unit/components/registration-error-step.test.jsx
+++ b/test/unit/components/registration-error-step.test.jsx
@@ -33,7 +33,7 @@ describe('RegistrationErrorStep', () => {
         };
         const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         const joinFlowStepInstance = joinFlowStepWrapper.dive();
-        const errMsgElement = joinFlowStepInstance.find('#registration-error-msg');
+        const errMsgElement = joinFlowStepInstance.find('.registration-error-msg');
         expect(errMsgElement).toHaveLength(1);
         expect(errMsgElement.text()).toEqual('halp there is a errors!!');
     });
@@ -45,7 +45,7 @@ describe('RegistrationErrorStep', () => {
         };
         const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         const joinFlowStepInstance = joinFlowStepWrapper.dive();
-        const errMsgElement = joinFlowStepInstance.find('#registration-error-msg');
+        const errMsgElement = joinFlowStepInstance.find('.registration-error-msg');
         expect(errMsgElement).toHaveLength(0);
     });