Create unit and snapshot test for isValidUrlWildcard function

app/panel/components/Settings/TrustAndRestrict.jsx

@@ -163,13 +163,15 @@ class TrustAndRestrict extends React.Component {
 		if (!safe(pageHost)) return false;
 
 		// Check for valid regex
+		let isValidRegex = true;
 		try {
 			// eslint-disable-next-line
 			new RegExp(pageHost);
 		} catch {
-			return false;
+			isValidRegex = false;
 		}
-		return false;
+
+		return isValidRegex;
 	}
 
 	/**

app/panel/components/Settings/__tests__/TrustAndRestrict.jsx

@@ -0,0 +1,91 @@
+/**
+ * Rewards Test Component
+ *
+ * Ghostery Browser Extension
+ * https://www.ghostery.com/
+ *
+ * Copyright 2019 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 { when } from 'jest-when';
+import TrustAndRestrict from '../TrustAndRestrict';
+
+describe('app/panel/components/Settings/TrustAndRestrict', () => {
+	describe('Snapshot test with react-test-renderer', () => {
+		test('Testing TrustAndRestrict is rendering', () => {
+			const wrapper = renderer.create(
+				<TrustAndRestrict />
+			).toJSON();
+			expect(wrapper).toMatchSnapshot();
+		});
+	});
+});
+
+describe('app/panel/components/Settings/', () => {
+	test('isValidUrlWildcardOrRegex should return true with url entered', () => {
+		const wrapper = shallow(<TrustAndRestrict />);
+		const input = 'ghostery.com';
+
+		const fn = jest.spyOn(wrapper.instance(), 'isValidUrlWildcardOrRegex');
+		when(fn)
+			.calledWith(input)
+			.mockReturnValue(true);
+		const returnValue = wrapper.instance().isValidUrlWildcardOrRegex(input);
+		expect(returnValue).toBe(true);
+	});
+
+	test('isValidUrlWildcardOrRegex should return true with wildcard URL entered', () => {
+		const wrapper = shallow(<TrustAndRestrict />);
+		const input = 'developer.*.org';
+
+		const fn = jest.spyOn(wrapper.instance(), 'isValidUrlWildcardOrRegex');
+		when(fn)
+			.calledWith(input)
+			.mockReturnValue(true);
+		const returnValue = wrapper.instance().isValidUrlWildcardOrRegex(input);
+		expect(returnValue).toBe(true);
+	});
+
+	test('isValidUrlWildcardOrRegex should return true with regex URL entered', () => {
+		const wrapper = shallow(<TrustAndRestrict />);
+		const input = '[ds]eveloper.mozilla.org';
+
+		const fn = jest.spyOn(wrapper.instance(), 'isValidUrlWildcardOrRegex');
+		when(fn)
+			.calledWith(input)
+			.mockReturnValue(true);
+		const returnValue = wrapper.instance().isValidUrlWildcardOrRegex(input);
+		expect(returnValue).toBe(true);
+	});
+
+	test('isValidUrlWildcardOrRegex should return false with unsafe regex entered', () => {
+		const wrapper = shallow(<TrustAndRestrict />);
+		const input = '/^(\w+\s?)*$/';
+
+		const fn = jest.spyOn(wrapper.instance(), 'isValidUrlWildcardOrRegex');
+		when(fn)
+			.calledWith(input)
+			.mockReturnValue(false);
+		const returnValue = wrapper.instance().isValidUrlWildcardOrRegex(input);
+		expect(returnValue).toBe(false);
+	});
+
+	test('isValidUrlWildcardOrRegex should return false with incorrect regex format entered', () => {
+		const wrapper = shallow(<TrustAndRestrict />);
+		const input = '[.ghostery.com';
+
+		const fn = jest.spyOn(wrapper.instance(), 'isValidUrlWildcardOrRegex');
+		when(fn)
+			.calledWith(input)
+			.mockReturnValue(false);
+		const returnValue = wrapper.instance().isValidUrlWildcardOrRegex(input);
+		expect(returnValue).toBe(false);
+	});
+});

app/panel/components/Settings/__tests__/__snapshots__/TrustAndRestrict.jsx.snap

@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`app/panel/components/Settings/TrustAndRestrict Snapshot test with react-test-renderer Testing TrustAndRestrict is rendering 1`] = `
+<div
+  className="s-trust-restrict-panel s-tabs-panel"
+>
+  <div
+    className="row"
+  >
+    <div
+      className="columns"
+    >
+      <h3>
+        settings_trusted_restricted_sites
+      </h3>
+    </div>
+  </div>
+  <div
+    className="s-trust-restrict-menu"
+  >
+    <div
+      className="s-active-pane s-pane-title"
+      id="showTrustedSites"
+      onClick={[Function]}
+    >
+      <span>
+        settings_trusted_sites
+      </span>
+    </div>
+    <div
+      className="s-pane-title-next"
+      id="showRestrictedSites"
+      onClick={[Function]}
+    >
+      <span>
+        settings_restricted_sites
+      </span>
+    </div>
+  </div>
+  <div
+    className="s-sites-pane"
+  >
+    <div
+      className="row"
+    >
+      <div
+        className="columns"
+      >
+        <div
+          className="s-sites-input-box"
+        >
+          <input
+            onChange={[Function]}
+            onKeyDown={[Function]}
+            placeholder="settings_sites_placeholder"
+            type="text"
+            value=""
+          />
+          <div
+            className="s-sites-input-icon"
+            onClick={[Function]}
+          />
+        </div>
+        <div
+          className="s-site-description"
+        >
+          <span>
+            settings_trusted_sites_description
+          </span>
+        </div>
+        <div
+          className="s-invisible s-callout"
+        >
+
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="s-hide s-sites-pane"
+  >
+    <div
+      className="row"
+    >
+      <div
+        className="columns"
+      >
+        <div
+          className="s-sites-input-box"
+        >
+          <input
+            onChange={[Function]}
+            onKeyDown={[Function]}
+            placeholder="settings_sites_placeholder"
+            type="text"
+            value=""
+          />
+          <div
+            className="s-sites-input-icon"
+            onClick={[Function]}
+          />
+        </div>
+        <div
+          className="s-site-description"
+        >
+          <span>
+            settings_restricted_sites_description
+          </span>
+        </div>
+        <div
+          className="s-invisible s-callout"
+        >
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package.json

@@ -92,6 +92,7 @@
     "eslint-plugin-react": "^7.18.3",
     "fs-extra": "^8.1.0",
     "jest": "^25.1.0",
+    "jest-when": "^2.7.0",
     "jsdoc": "^3.6.3",
     "jsonfile": "^5.0.0",
     "license-checker": "^25.0.1",