Improved SearchForm test suite

packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js

@@ -604,7 +604,7 @@ export function mapStateToProps(state) {
   };
 }
 
-function mapDispatchToProps(dispatch) {
+export function mapDispatchToProps(dispatch) {
   const { searchTraces } = bindActionCreators(jaegerApiActions, dispatch);
   return {
     onSubmit: fields => submitForm(fields, searchTraces),

packages/jaeger-ui/src/components/SearchTracePage/SearchForm.test.js

@@ -26,6 +26,7 @@ import {
   convTagsLogfmt,
   getUnixTimeStampInMSFromForm,
   lookbackToTimestamp,
+  mapDispatchToProps,
   mapStateToProps,
   optionsWithinMaxLookback,
   submitForm,
@@ -264,6 +265,23 @@ describe('submitForm()', () => {
     expect(operation).toBe(undefined);
   });
 
+  it('expects operation to be value defined in beforeEach', () => {
+    submitForm(fields, searchTraces);
+    const { calls } = searchTraces.mock;
+    expect(calls.length).toBe(1);
+    const { operation } = calls[0][0];
+    expect(operation).toBe('op-a');
+  });
+
+  it('expects operation to be value assigned before call is made', () => {
+    fields.operation = 'test';
+    submitForm(fields, searchTraces);
+    const { calls } = searchTraces.mock;
+    expect(calls.length).toBe(1);
+    const { operation } = calls[0][0];
+    expect(operation).toBe('test');
+  });
+
   describe('`fields.lookback`', () => {
     function getCalledDuration(mock) {
       const { start, end } = mock.calls[0][0];
@@ -414,6 +432,24 @@ describe('<SearchForm>', () => {
     const field = wrapper.find(`Field[name="resultsLimit"]`);
     expect(field.prop('props').max).toEqual(maxLimit);
   });
+
+  it('disables operation when no service selected', () => {
+    wrapper = shallow(<SearchForm {...defaultProps} selectedService="" />);
+    const field = wrapper.find(`Field[name="operation"]`);
+    expect(field).toMatchSnapshot();
+  });
+
+  it('enables operation when unknown service selected', () => {
+    wrapper = shallow(<SearchForm {...defaultProps} selectedService="svcC" />);
+    const field = wrapper.find(`Field[name="operation"]`);
+    expect(field).toMatchSnapshot();
+  });
+
+  it('enables operation when known service selected', () => {
+    wrapper = shallow(<SearchForm {...defaultProps} selectedService="svcB" />);
+    const field = wrapper.find(`Field[name="operation"]`);
+    expect(field).toMatchSnapshot();
+  });
 });
 
 describe('validation', () => {
@@ -439,7 +475,7 @@ describe('mapStateToProps()', () => {
   let state;
 
   beforeEach(() => {
-    state = { router: { location: { serach: '' } } };
+    state = { router: { location: { search: '' } } };
   });
 
   it('does not explode when the query string is empty', () => {
@@ -542,3 +578,11 @@ describe('mapStateToProps()', () => {
     expect(msDiff(dateParams.dateStr, dateParams.dateTimeStr, endDate, endDateTime)).toBeLessThan(60 * 1000);
   });
 });
+
+describe('mapDispatchToProps()', () => {
+  it('creates the actions correctly', () => {
+    expect(mapDispatchToProps(() => {})).toEqual({
+      onSubmit: expect.any(Function),
+    });
+  });
+});

packages/jaeger-ui/src/components/SearchTracePage/__snapshots__/SearchForm.test.js.snap

@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<SearchForm> disables operation when no service selected 1`] = `
+<Field
+  component={[Function]}
+  name="operation"
+  placeholder="Select An Operation"
+  props={
+    Object {
+      "clearable": false,
+      "disabled": true,
+      "options": Array [
+        Object {
+          "label": "all",
+          "title": "all",
+          "value": "all",
+        },
+      ],
+      "required": true,
+    }
+  }
+/>
+`;
+
+exports[`<SearchForm> enables operation when known service selected 1`] = `
+<Field
+  component={[Function]}
+  name="operation"
+  placeholder="Select An Operation"
+  props={
+    Object {
+      "clearable": false,
+      "disabled": false,
+      "options": Array [
+        Object {
+          "label": "all",
+          "title": "all",
+          "value": "all",
+        },
+        Object {
+          "label": "A",
+          "title": "A",
+          "value": "A",
+        },
+        Object {
+          "label": "B",
+          "title": "B",
+          "value": "B",
+        },
+      ],
+      "required": true,
+    }
+  }
+/>
+`;
+
+exports[`<SearchForm> enables operation when unknown service selected 1`] = `
+<Field
+  component={[Function]}
+  name="operation"
+  placeholder="Select An Operation"
+  props={
+    Object {
+      "clearable": false,
+      "disabled": false,
+      "options": Array [
+        Object {
+          "label": "all",
+          "title": "all",
+          "value": "all",
+        },
+      ],
+      "required": true,
+    }
+  }
+/>
+`;