Merge pull request #1117 from flexion/962_validation_reoverride

962 Validation Styles / Clear Form
flexion · Mar 15, 2019 · 534b815 · 534b815
2 parents b03d32b + 77a7111
commit 534b815
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/web-client/e2e/journey/docketClerkStartsNewMessageThreadOnAnswer.js b/web-client/e2e/journey/docketClerkStartsNewMessageThreadOnAnswer.js
@@ -5,6 +5,8 @@ export default test => {
       documentId: test.answerDocumentId,
     });
 
+    expect(test.getState('validationErrors')).toEqual({});
+
     await test.runSequence('createWorkItemSequence');
 
     expect(test.getState('validationErrors')).toEqual({
@@ -55,6 +57,8 @@ export default test => {
       sentBy: 'Test Docketclerk',
     });
 
+    expect(test.getState('form')).toEqual({});
+
     await test.runSequence('gotoDashboardSequence');
     await test.runSequence('chooseWorkQueueSequence', {
       box: 'outbox',

diff --git a/web-client/src/presenter/sequences/createWorkItemSequence.js b/web-client/src/presenter/sequences/createWorkItemSequence.js
@@ -9,6 +9,7 @@ import { stopShowValidationAction } from '../actions/stopShowValidationAction';
 import { unsetFormSubmittingAction } from '../actions/unsetFormSubmittingAction';
 import { validateInitialWorkItemMessageAction } from '../actions/validateInitialWorkItemMessageAction';
 import { setValidationErrorsAction } from '../actions/setValidationErrorsAction';
+import { clearFormAction } from '../actions/clearFormAction';
 
 export const createWorkItemSequence = [
   clearAlertsAction,
@@ -22,6 +23,7 @@ export const createWorkItemSequence = [
       {
         success: [stopShowValidationAction, setAlertSuccessAction],
       },
+      clearFormAction,
       clearModalAction,
       refreshCaseAction,
       unsetFormSubmittingAction,

diff --git a/web-client/src/styles/custom.scss b/web-client/src/styles/custom.scss
@@ -372,3 +372,12 @@ select.ustc-input-error {
   overflow: scroll;
   max-height: 931px;
 }
+
+.ustc-create-message-modal {
+  .usa-input-error input,
+  .usa-input-error textarea,
+  .usa-input-error select {
+    width: calc(100% + 1.9rem);
+    border: 3px solid #cd2026;
+  }
+}
diff --git a/web-client/src/views/DocumentDetail/CreateMessageModalDialog.jsx b/web-client/src/views/DocumentDetail/CreateMessageModalDialog.jsx
@@ -16,7 +16,7 @@ class CreateMessageModalDialogComponent extends ModalDialog {
   }
   renderBody() {
     return (
-      <React.Fragment>
+      <div className="ustc-create-message-modal">
         <div
           className={
             'usa-form-group ' +
@@ -109,7 +109,7 @@ class CreateMessageModalDialogComponent extends ModalDialog {
             {this.props.validationErrors.message}
           </div>
         </div>
-      </React.Fragment>
+      </div>
     );
   }
 }