diff --git a/test/webui/components/help.spec.js b/test/webui/components/help.spec.js
new file mode 100644
index 000000000..0be599f85
--- /dev/null
+++ b/test/webui/components/help.spec.js
@@ -0,0 +1,38 @@
+/**
+ * Help component
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import Help from '../../../src/webui/src/components/Help';
+
+describe('<NoItem /> component', () => {
+  beforeEach(() => {
+    /**
+     * @see https://github.com/facebook/jest/issues/890
+     */
+    Object.defineProperty(window.location, 'origin', {
+      writable: true,
+      value: 'http://example.com'
+    });
+  });
+  it('should set html from props with / base path', () => {
+    Object.defineProperty(window.location, 'pathname', {
+      writable: true,
+      value: '/'
+    });
+    const wrapper = shallow(<Help />);
+    expect(wrapper.html()).toEqual(
+      '<div><li><h1>No Package Published Yet</h1><p><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry  http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>3. Refresh this page!</strong></p></li></div>'
+    );
+  });
+
+  it('should set html from props with someOtherPath', () => {
+    Object.defineProperty(window.location, 'pathname', {
+      writable: true,
+      value: '/someOtherPath'
+    });
+    const wrapper = shallow(<Help />);
+    expect(wrapper.html()).toEqual('<div><li><h1>No Package Published Yet</h1><p><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry  http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>3. Refresh this page!</strong></p></li></div>');
+  });
+});