fix(searchBox): handle external updates of the query

fixes #803

Author: vvo

src/widgets/search-box/__tests__/search-box-test.js

@@ -351,6 +351,16 @@ describe('searchBox()', () => {
     expect(container.value).toBe('iphone');
   });
 
+
+  it('handles external updates', () => {
+    container = document.body.appendChild(document.createElement('input'));
+    container.value = 'initial';
+    widget = searchBox({container});
+    widget.init({state, helper, onHistoryChange});
+    widget.render({helper: {state: {query: 'new value'}}});
+    expect(container.value).toBe('new value');
+  });
+
   context('autofocus', () => {
     beforeEach(() => {
       container = document.body.appendChild(document.createElement('input'));

src/widgets/search-box/search-box.js

@@ -135,7 +135,7 @@ function searchBox({
     },
     init: function({state, helper, onHistoryChange}) {
       let isInputTargeted = container.tagName === 'INPUT';
-      let input = this.getInput();
+      let input = this._input = this.getInput();
 
       // Add all the needed attributes and listeners to the input
       this.addDefaultAttributesToInput(input, state.query);
@@ -193,6 +193,13 @@ function searchBox({
       if (autofocus === true || autofocus === 'auto' && helper.state.query === '') {
         input.focus();
       }
+    },
+    render({helper}) {
+      // updating the query from the outside using the helper
+      // will fall in this case
+      if (helper.state.query !== this._input.value) {
+        this._input.value = helper.state.query;
+      }
     }
   };
 }