webui: <NotFound /> component test case

test/webui/components/notfound.spec.js

@@ -0,0 +1,27 @@
+/**
+ * NotFound component
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import NotFound from '../../../src/webui/src/components/NotFound';
+
+console.error = jest.fn();
+
+describe('<NoItem /> component', () => {
+  it('should give error for the required fields', () => {
+    shallow(<NotFound />);
+    expect(console.error).toBeCalled();
+  });
+
+  it('should set html from props', () => {
+    const props = {
+      pkg: 'verdaccio'
+    };
+    const wrapper = shallow(<NotFound {...props} />);
+    expect(wrapper.find('h1').text()).toEqual('Error 404 - verdaccio');
+    expect(wrapper.find('p').text()).toEqual(
+      'Oops, The package you are trying to access does not exist.'
+    );
+  });
+});