diff --git a/src/components/universalSearch/searchBar/autosuggest.jsx b/src/components/universalSearch/searchBar/autosuggest.jsx index 756ee8cc..3463da3e 100644 --- a/src/components/universalSearch/searchBar/autosuggest.jsx +++ b/src/components/universalSearch/searchBar/autosuggest.jsx @@ -132,6 +132,7 @@ export default class Autocomplete extends React.Component { componentDidMount() { this.props.options.serviceName = {isRangeQuery: false, values: this.props.serviceStore.services}; this.props.options.operationName = {isRangeQuery: false, values: []}; + this.props.options.traceId = {isRangeQuery: false, values: []}; // Automatically checks for operations when a user supplies a new serviceName when(() => this.props.serviceStore.services.length, diff --git a/test/src/components/universalSearch/universalSearch.spec.jsx b/test/src/components/universalSearch/universalSearch.spec.jsx index 85c08231..2ae6599c 100644 --- a/test/src/components/universalSearch/universalSearch.spec.jsx +++ b/test/src/components/universalSearch/universalSearch.spec.jsx @@ -47,7 +47,8 @@ const stubHistory = { const stubOptions = { error: {values: ['true, false'], isRangeQuery: false}, serviceName: {values: ['test-a', 'test-b', 'test-c', 'whitespace test'], isRangeQuery: false}, - operationName: {values: [], isRangeQuery: false} + operationName: {values: [], isRangeQuery: false}, + traceId: {values: [], isRangeQuery: false} }; @@ -300,7 +301,7 @@ describe('', () => { expect(wrapper.instance().state.suggestionStrings.length).to.equal(0); const input = wrapper.find('.usb-searchbar__input'); input.prop('onFocus')({target: {value: ''}}); - expect(wrapper.instance().state.suggestionStrings.length).to.equal(3); + expect(wrapper.instance().state.suggestionStrings.length).to.equal(4); }); it('update suggestion string index on suggestion mouseover', () => { @@ -312,7 +313,7 @@ describe('', () => { const firstSuggestion = wrapper.find('.usb-suggestions__field').last(); firstSuggestion.simulate('mouseEnter'); - expect(wrapper.instance().state.suggestionIndex).to.equal(2); + expect(wrapper.instance().state.suggestionIndex).to.equal(3); }); it('update suggestion string index on suggestion mouseover', () => { @@ -375,7 +376,7 @@ describe('', () => { expect(wrapper.instance().state.suggestedOnType).to.equal('Keys'); input.prop('onKeyDown')({keyCode: 38, preventDefault: () => {}}); - expect(wrapper.instance().state.suggestionIndex).to.equal(2); + expect(wrapper.instance().state.suggestionIndex).to.equal(3); expect(wrapper.instance().state.suggestedOnType).to.equal('Keys'); input.prop('onKeyDown')({keyCode: 13, preventDefault: () => {}}); @@ -429,16 +430,16 @@ describe('', () => { const input = wrapper.find('.usb-searchbar__input'); input.prop('onFocus')({target: {value: ''}}); input.prop('onKeyDown')({keyCode: 38, preventDefault: () => {}}); - expect(wrapper.instance().state.suggestionIndex).to.equal(2); + expect(wrapper.instance().state.suggestionIndex).to.equal(3); input.prop('onKeyDown')({keyCode: 38, preventDefault: () => {}}); - expect(wrapper.instance().state.suggestionIndex).to.equal(1); + expect(wrapper.instance().state.suggestionIndex).to.equal(2); input.prop('onKeyDown')({keyCode: 38, preventDefault: () => {}}); - expect(wrapper.instance().state.suggestionIndex).to.equal(0); - input.prop('onKeyDown')({keyCode: 40, preventDefault: () => {}}); expect(wrapper.instance().state.suggestionIndex).to.equal(1); input.prop('onKeyDown')({keyCode: 40, preventDefault: () => {}}); expect(wrapper.instance().state.suggestionIndex).to.equal(2); input.prop('onKeyDown')({keyCode: 40, preventDefault: () => {}}); + expect(wrapper.instance().state.suggestionIndex).to.equal(3); + input.prop('onKeyDown')({keyCode: 40, preventDefault: () => {}}); expect(wrapper.instance().state.suggestionIndex).to.equal(0); });