diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 07aee20f..23a6cc0a 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -611,3 +611,4 @@ function mapDispatchToProps(dispatch) {
 }
 
 export default withRouter(connect(() => ({}), mapDispatchToProps)(Nav));
+export { Nav as NavComponent };
diff --git a/client/components/__test__/Nav.test.jsx b/client/components/__test__/Nav.test.jsx
index b52e521f..a056ccb3 100644
--- a/client/components/__test__/Nav.test.jsx
+++ b/client/components/__test__/Nav.test.jsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { shallow } from 'enzyme';
 import renderer from 'react-test-renderer';
 
-import Nav from './../Nav';
+import { NavComponent } from './../Nav';
 
 describe('Nav', () => {
   const props = {
@@ -24,6 +24,8 @@ describe('Nav', () => {
       }
     },
     logoutUser: jest.fn(),
+    newFile: jest.fn(),
+    newFolder: jest.fn(),
     showShareModal: jest.fn(),
     showErrorModal: jest.fn(),
     unsavedChanges: false,
@@ -39,7 +41,7 @@ describe('Nav', () => {
     stopSketch: jest.fn(),
     setAllAccessibleOutput: jest.fn()
   };
-  const getWrapper = () => shallow(<Nav {...props} />);
+  const getWrapper = () => shallow(<NavComponent {...props} />);
 
   test('it renders main navigation', () => {
     const nav = getWrapper();
@@ -48,7 +50,7 @@ describe('Nav', () => {
 
   it('renders correctly', () => {
     const tree = renderer
-      .create(<Nav {...props} />)
+      .create(<NavComponent {...props} />)
       .toJSON();
     expect(tree).toMatchSnapshot();
   });