diff --git a/web/src/js/__tests__/components/common/DocsLinkSpec.js b/web/src/js/__tests__/components/common/DocsLinkSpec.js
new file mode 100644
index 000000000..effed1b7a
--- /dev/null
+++ b/web/src/js/__tests__/components/common/DocsLinkSpec.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import DocsLink from '../../../components/common/DocsLink'
+
+describe('DocsLink Component', () => {
+    it('should be able to be rendered with children nodes', () => {
+        let docsLink = renderer.create(<DocsLink children="foo" resource="bar"></DocsLink>),
+            tree = docsLink.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should be able to be rendered without children nodes', () => {
+        let docsLink  = renderer.create(<DocsLink resource="bar"></DocsLink>),
+            tree = docsLink.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+})
diff --git a/web/src/js/__tests__/components/common/__snapshots__/DocsLinkSpec.js.snap b/web/src/js/__tests__/components/common/__snapshots__/DocsLinkSpec.js.snap
new file mode 100644
index 000000000..d91b77f7c
--- /dev/null
+++ b/web/src/js/__tests__/components/common/__snapshots__/DocsLinkSpec.js.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DocsLink Component should be able to be rendered with children nodes 1`] = `
+<a
+  href="http://docs.mitmproxy.org/en/stable/bar"
+  target="_blank"
+>
+  foo
+</a>
+`;
+
+exports[`DocsLink Component should be able to be rendered without children nodes 1`] = `
+<a
+  href="http://docs.mitmproxy.org/en/stable/bar"
+  target="_blank"
+>
+  <i
+    className="fa fa-question-circle"
+  />
+</a>
+`;
diff --git a/web/src/js/components/common/DocsLink.jsx b/web/src/js/components/common/DocsLink.jsx
index 53c7aca84..709741331 100644
--- a/web/src/js/components/common/DocsLink.jsx
+++ b/web/src/js/components/common/DocsLink.jsx
@@ -1,3 +1,4 @@
+import React from "react"
 import PropTypes from "prop-types"
 
 DocsLink.propTypes = {