diff --git a/test/webui/components/noitems.spec.js b/test/webui/components/noitems.spec.js
new file mode 100644
index 000000000..27a6f1635
--- /dev/null
+++ b/test/webui/components/noitems.spec.js
@@ -0,0 +1,26 @@
+/**
+ * NoItems component
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import NoItems from '../../../src/webui/src/components/NoItems';
+
+console.error = jest.fn();
+
+describe('<NoItem /> component', () => {
+  it('should give error for the required fields', () => {
+    shallow(<NoItems />);
+    expect(console.error).toBeCalled();
+  });
+
+  it('should set html from props', () => {
+    const props = {
+      text: 'This is a test string'
+    };
+    const wrapper = shallow(<NoItems {...props} />);
+    expect(wrapper.find('h2').text()).toEqual(
+      'This is a test string'
+    );
+  });
+});