[#923] Add email validation error on backup account page

We added a library to do the validation and we are calling the email validation
when the field changes the value.

with @FrailWords

1 files changed, 14 insertions, 0 deletions

diff --git a/web-ui/src/backup_account/page.spec.js b/web-ui/src/backup_account/page.spec.js
index ece61336..f9c5251a 100644
--- a/web-ui/src/backup_account/page.spec.js
+++ b/web-ui/src/backup_account/page.spec.js
@@ -22,4 +22,18 @@ describe('BackupAccount', () => {
   it('renders backup account submit button', () => {
     expect(page.find('SubmitButton').props().buttonText).toEqual('backup-account.button');
   });
+
+  describe('Email validation', () => {
+    it('should set error in state when email is invalid', () => {
+      var pageInstance = page.instance();
+      pageInstance.validateEmail({target: {value: 'test'}});
+      expect(pageInstance.state.error).toEqual('Your email is invalid');
+    });
+
+    it('should not set error in state when email is valid', () => {
+      var pageInstance = page.instance();
+      pageInstance.validateEmail({target: {value: 'test@test.com'}});
+      expect(pageInstance.state.error).toEqual('');
+    });
+  });
 });