SONAR-6834 add search form

1 files changed, 45 insertions, 2 deletions

diff --git a/server/sonar-web/tests/apps/background-tasks-test.js b/server/sonar-web/tests/apps/background-tasks-test.js
index d9588cc26ab..a5501a5ec0a 100644
--- a/server/sonar-web/tests/apps/background-tasks-test.js
+++ b/server/sonar-web/tests/apps/background-tasks-test.js
@@ -1,10 +1,14 @@
 import React from 'react/addons';
 import App from '../../src/main/js/apps/background-tasks/app';
 import Header from '../../src/main/js/apps/background-tasks/header';
-import {STATUSES, CURRENTS} from '../../src/main/js/apps/background-tasks/constants';
+import Search from '../../src/main/js/apps/background-tasks/search';
+import {STATUSES, CURRENTS, DEBOUNCE_DELAY} from '../../src/main/js/apps/background-tasks/constants';
 
 let TestUtils = React.addons.TestUtils;
-let expect = require('chai').expect;
+let chai = require('chai');
+let expect = chai.expect;
+let sinon = require('sinon');
+chai.use(require('sinon-chai'));
 
 describe('Background Tasks', function () {
   describe('App', () => {
@@ -32,4 +36,43 @@ describe('Background Tasks', function () {
       expect(header.length).to.equal(1);
     });
   });
+
+  describe('Search', () => {
+    it('should render search form', () => {
+      let spy = sinon.spy();
+      let component = TestUtils.renderIntoDocument(<Search options={{}}
+                                                           onStatusChange={spy}
+                                                           onCurrentsChange={spy}
+                                                           onDateChange={spy}/>),
+          searchBox = TestUtils.scryRenderedDOMComponentsWithClass(component, 'search-box');
+      expect(searchBox).to.have.length(1);
+    });
+
+    it('should not render search form', () => {
+      let spy = sinon.spy();
+      let component = TestUtils.renderIntoDocument(<Search options={{ componentId: 'ABCD' }}
+                                                           onStatusChange={spy}
+                                                           onCurrentsChange={spy}
+                                                           onDateChange={spy}/>),
+          searchBox = TestUtils.scryRenderedDOMComponentsWithClass(component, 'search-box');
+      expect(searchBox).to.be.empty;
+    });
+
+    it('should search', (done) => {
+      let spy = sinon.spy(),
+          searchSpy = sinon.spy();
+      let component = TestUtils.renderIntoDocument(<Search options={{}}
+                                                           onStatusChange={spy}
+                                                           onCurrentsChange={spy}
+                                                           onDateChange={spy}
+                                                           onSearch={searchSpy}/>);
+      let searchInput = React.findDOMNode(TestUtils.findRenderedDOMComponentWithClass(component, 'search-box-input'));
+      searchInput.value = 'some search query';
+      TestUtils.Simulate.change(searchInput);
+      setTimeout(() => {
+        expect(searchSpy).to.have.been.calledWith('some search query');
+        done();
+      }, DEBOUNCE_DELAY);
+    });
+  });
 });