From 4adc96390f05a3271e5daaa4d5e4d0317f4edad8 Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Tue, 14 Mar 2017 14:32:57 -0300
Subject: [#971] Extract Backup email page to a new component

with @tuliocasagrande
---
 .../backup_email/backup_email.spec.js              | 80 ++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 web-ui/src/backup_account/backup_email/backup_email.spec.js

(limited to 'web-ui/src/backup_account/backup_email/backup_email.spec.js')

diff --git a/web-ui/src/backup_account/backup_email/backup_email.spec.js b/web-ui/src/backup_account/backup_email/backup_email.spec.js
new file mode 100644
index 00000000..b2b297f4
--- /dev/null
+++ b/web-ui/src/backup_account/backup_email/backup_email.spec.js
@@ -0,0 +1,80 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { BackupEmail } from 'src/backup_account/backup_email/backup_email';
+
+describe('BackupEmail', () => {
+  let page;
+
+  beforeEach(() => {
+    const mockTranslations = key => key;
+    page = shallow(<BackupEmail t={mockTranslations} />);
+  });
+
+  it('renders backup email title', () => {
+    expect(page.find('h1').text()).toEqual('backup-account.backup-email.title');
+  });
+
+  it('renders backup account email input field', () => {
+    expect(page.find('InputField').props().name).toEqual('email');
+  });
+
+  it('renders backup account submit button', () => {
+    expect(page.find('SubmitButton').props().buttonText).toEqual('backup-account.backup-email.button');
+  });
+
+  describe('Email validation', () => {
+    let pageInstance;
+
+    beforeEach(() => {
+      pageInstance = page.instance();
+    });
+
+    it('verify initial state', () => {
+      expect(pageInstance.state.error).toEqual('');
+      expect(page.find('SubmitButton').props().disabled).toEqual(true);
+    });
+
+    context('with invalid email', () => {
+      beforeEach(() => {
+        pageInstance.validateEmail({ target: { value: 'test' } });
+      });
+
+      it('sets error in state', () => {
+        expect(pageInstance.state.error).toEqual('backup-account.backup-email.error.invalid-email');
+      });
+
+      it('disables submit button', () => {
+        expect(page.find('SubmitButton').props().disabled).toEqual(true);
+      });
+    });
+
+    context('with valid email', () => {
+      beforeEach(() => {
+        pageInstance.validateEmail({ target: { value: 'test@test.com' } });
+      });
+
+      it('does not set error in state', () => {
+        expect(pageInstance.state.error).toEqual('');
+      });
+
+      it('submit button is enabled', () => {
+        expect(page.find('SubmitButton').props().disabled).toEqual(false);
+      });
+    });
+
+    context('with empty email', () => {
+      beforeEach(() => {
+        pageInstance.validateEmail({ target: { value: '' } });
+      });
+
+      it('not set error in state', () => {
+        expect(pageInstance.state.error).toEqual('');
+      });
+
+      it('disables submit button', () => {
+        expect(page.find('SubmitButton').props().disabled).toEqual(true);
+      });
+    });
+  });
+});
-- 
cgit v1.2.3