Unit tests for HomeView

app/hub/Views/HomeView/HomeView.jsx

@@ -133,6 +133,7 @@ const HomeView = (props) => {
 
 // PropTypes ensure we pass required props of the correct type
 HomeView.propTypes = {
+	justInstalled: PropTypes.bool.isRequired,
 	setup_complete: PropTypes.bool.isRequired,
 	tutorial_complete: PropTypes.bool.isRequired,
 	enable_human_web: PropTypes.bool.isRequired,

app/hub/Views/HomeView/__tests__/HomeView.test.jsx

@@ -0,0 +1,93 @@
+/**
+ * Setup Anti-Suite View Test Component
+ *
+ * Ghostery Browser Extension
+ * https://www.ghostery.com/
+ *
+ * Copyright 2018 Ghostery, Inc. All rights reserved.
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0
+ */
+
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { shallow } from 'enzyme';
+import HomeView from '../HomeView';
+import HomeViewActions from '../HomeViewActions';
+import { MemoryRouter } from 'react-router';
+import { ToggleCheckbox } from '../../../../shared-components';
+
+
+describe('app/hub/Views/HomeView component', () => {
+	describe('Snapshot tests with react-test-renderer', () => {
+		test('home view is rendered correctly: all true', () => {
+			const initialState = {
+				justInstalled: true,
+				setup_complete: true,
+				tutorial_complete: true,
+				enable_human_web: true,
+				changeHumanWeb: () => {},
+				account_text: 'test username',
+				account_link: '/test/url',
+			};
+
+			const component = renderer.create(
+				<MemoryRouter>
+					<HomeView {...initialState} />
+				</MemoryRouter>
+			).toJSON();
+			expect(component).toMatchSnapshot();
+		});
+
+		test('home view is rendered correctly: all false', () => {
+			const initialState = {
+				justInstalled: false,
+				setup_complete: false,
+				tutorial_complete: false,
+				enable_human_web: false,
+				changeHumanWeb: () => {},
+				account_text: 'test username',
+				account_link: '/test/url',
+			};
+
+			const component = renderer.create(
+				<MemoryRouter>
+					<HomeView {...initialState} />
+				</MemoryRouter>			).toJSON();
+			expect(component).toMatchSnapshot();
+		});
+	});
+
+	describe('Shallow snapshot tests rendered with Enzyme', () => {
+		test('the happy path of the component', () => {
+			const initialState = {
+				justInstalled: true,
+				setup_complete: false,
+				tutorial_complete: false,
+				enable_human_web: false,
+				changeHumanWeb: jest.fn(),
+				account_text: 'test username',
+				account_link: '/test/url',
+			};
+
+			const component = shallow(<HomeView {...initialState} />);
+			expect(component.find('.HomeView').length).toBe(1);
+			expect(component.find('.button').length).toBe(3);
+			expect(component.find('.HomeView__header').length).toBe(1);
+			expect(component.find('.HomeView__subHeader').length).toBe(1);
+
+			expect(component.find('.HomeView__headerTagline').length).toBe(2);
+			component.setProps({ justInstalled: false });
+			expect(component.find('.HomeView__headerTagline').length).toBe(1);
+
+			expect(component.find('.HomeView__featureButton.hollow').length).toBe(0);
+			component.setProps({ tutorial_complete: true });
+			expect(component.find('.HomeView__featureButton.hollow').length).toBe(1);
+
+			component.setProps({ setup_complete: true });
+			expect(component.find('.HomeView__featureButton.hollow').length).toBe(2);
+		});
+	});
+});