3 files changed, 37 insertions, 4 deletions
diff --git a/web-ui/test/unit/account_recovery/page.spec.js b/web-ui/test/unit/backup_account/page.spec.js
index 6a139167..66d2dc78 100644
--- a/web-ui/test/unit/account_recovery/page.spec.js
+++ b/web-ui/test/unit/backup_account/page.spec.js
@@ -1,15 +1,14 @@
 import { shallow } from 'enzyme';
 import expect from 'expect';
 import React from 'react';
-import { Page } from 'src/account_recovery/page';
+import { Page } from 'src/backup_account/page';
 
 describe('Page', () => {
-  let mockT;
   let page;
 
   beforeEach(() => {
-    mockT = key => key;
-    page = shallow(<Page t={mockT} />);
+    const mockTranslations = key => key;
+    page = shallow(<Page t={mockTranslations} />);
   });
 
   it('renders backup email page title', () => {
diff --git a/web-ui/test/unit/common/footer/footer.spec.js b/web-ui/test/unit/common/footer/footer.spec.js
new file mode 100644
index 00000000..f1247233
--- /dev/null
+++ b/web-ui/test/unit/common/footer/footer.spec.js
@@ -0,0 +1,17 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { Footer } from 'src/common/footer/footer';
+
+describe('Footer', () => {
+  let footer;
+
+  beforeEach(() => {
+    const mockTranslations = key => key;
+    footer = shallow(<Footer t={mockTranslations} />);
+  });
+
+  it('renders the footer content', () => {
+    expect(footer.find('footer').text()).toContain('footer-text');
+  });
+});
diff --git a/web-ui/test/unit/common/header/header.spec.js b/web-ui/test/unit/common/header/header.spec.js
new file mode 100644
index 00000000..82e29e1c
--- /dev/null
+++ b/web-ui/test/unit/common/header/header.spec.js
@@ -0,0 +1,17 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { Header } from 'src/common/header/header';
+
+describe('Header', () => {
+  let header;
+
+  beforeEach(() => {
+    const mockTranslations = key => key;
+    header = shallow(<Header t={mockTranslations} />);
+  });
+
+  it('renders the header content', () => {
+    expect(header.find('header').text()).toContain('logout');
+  });
+});