[js-testing] add tests for explore actions (#2976)

* move to explore folder and delete explorev2 folder

* add tests for fetchDatasourceMetadata

* tests for fetchDatasources, fetchDatasourceMetadata

* use $.ajax for fetch dashboards and write test

superset/assets/javascripts/explore/actions/exploreActions.js

@@ -194,16 +194,19 @@ export function fetchDashboardsFailed(userId) {
 export function fetchDashboards(userId) {
   return function (dispatch) {
     const url = '/dashboardmodelviewasync/api/read?_flt_0_owners=' + userId;
-    $.get(url, function (data, status) {
-      if (status === 'success') {
+    $.ajax({
+      type: 'GET',
+      url,
+      success: (data) => {
         const choices = [];
         for (let i = 0; i < data.pks.length; i++) {
           choices.push({ value: data.pks[i], label: data.result[i].dashboard_title });
         }
         dispatch(fetchDashboardsSucceeded(choices));
-      } else {
+      },
+      error: () => {
         dispatch(fetchDashboardsFailed(userId));
-      }
+      },
     });
   };
 }

superset/assets/spec/javascripts/explore/exploreActions_spec.js

@@ -0,0 +1,187 @@
+/* eslint-disable no-unused-expressions */
+import { it, describe } from 'mocha';
+import { expect } from 'chai';
+import sinon from 'sinon';
+import $ from 'jquery';
+import * as actions from '../../../javascripts/explore/actions/exploreActions';
+import * as exploreUtils from '../../../javascripts/explore/exploreUtils';
+import { defaultState } from '../../../javascripts/explore/stores/store';
+import { exploreReducer } from '../../../javascripts/explore/reducers/exploreReducer';
+
+describe('reducers', () => {
+  it('sets correct control value given a key and value', () => {
+    const newState = exploreReducer(
+      defaultState, actions.setControlValue('x_axis_label', 'x', []));
+    expect(newState.controls.x_axis_label.value).to.equal('x');
+  });
+  it('setControlValue works as expected with a checkbox', () => {
+    const newState = exploreReducer(defaultState,
+      actions.setControlValue('show_legend', true, []));
+    expect(newState.controls.show_legend.value).to.equal(true);
+  });
+});
+
+describe('fetching actions', () => {
+  let dispatch;
+  let request;
+  let ajaxStub;
+
+  beforeEach(() => {
+    dispatch = sinon.spy();
+    ajaxStub = sinon.stub($, 'ajax');
+  });
+  afterEach(() => {
+    ajaxStub.restore();
+  });
+
+  describe('fetchDatasourceMetadata', () => {
+    const datasourceKey = '1__table';
+
+    const makeRequest = (alsoTriggerQuery = false) => {
+      request = actions.fetchDatasourceMetadata(datasourceKey, alsoTriggerQuery);
+      request(dispatch);
+    };
+
+    it('calls fetchDatasourceStarted', () => {
+      makeRequest();
+      expect(dispatch.args[0][0].type).to.equal(actions.FETCH_DATASOURCE_STARTED);
+    });
+
+    it('makes the ajax request', () => {
+      makeRequest();
+      expect(ajaxStub.calledOnce).to.be.true;
+    });
+
+    it('calls correct url', () => {
+      const url = `/superset/fetch_datasource_metadata?datasourceKey=${datasourceKey}`;
+      makeRequest();
+      expect(ajaxStub.getCall(0).args[0].url).to.equal(url);
+    });
+
+    it('calls correct actions on error', () => {
+      ajaxStub.yieldsTo('error', { responseJSON: { error: 'error text' } });
+      makeRequest();
+      expect(dispatch.callCount).to.equal(2);
+      expect(dispatch.getCall(1).args[0].type).to.equal(actions.FETCH_DATASOURCE_FAILED);
+    });
+
+    it('calls correct actions on success', () => {
+      ajaxStub.yieldsTo('success', { data: '' });
+      makeRequest();
+      expect(dispatch.callCount).to.equal(4);
+      expect(dispatch.getCall(1).args[0].type).to.equal(actions.SET_DATASOURCE);
+      expect(dispatch.getCall(2).args[0].type).to.equal(actions.FETCH_DATASOURCE_SUCCEEDED);
+      expect(dispatch.getCall(3).args[0].type).to.equal(actions.RESET_FIELDS);
+    });
+
+    it('triggers query if flag is set', () => {
+      ajaxStub.yieldsTo('success', { data: '' });
+      makeRequest(true);
+      expect(dispatch.callCount).to.equal(5);
+      expect(dispatch.getCall(4).args[0].type).to.equal(actions.TRIGGER_QUERY);
+    });
+  });
+
+  describe('fetchDatasources', () => {
+    const makeRequest = () => {
+      request = actions.fetchDatasources();
+      request(dispatch);
+    };
+
+    it('calls fetchDatasourcesStarted', () => {
+      makeRequest();
+      expect(dispatch.args[0][0].type).to.equal(actions.FETCH_DATASOURCES_STARTED);
+    });
+
+    it('makes the ajax request', () => {
+      makeRequest();
+      expect(ajaxStub.calledOnce).to.be.true;
+    });
+
+    it('calls correct url', () => {
+      const url = '/superset/datasources/';
+      makeRequest();
+      expect(ajaxStub.getCall(0).args[0].url).to.equal(url);
+    });
+
+    it('calls correct actions on error', () => {
+      ajaxStub.yieldsTo('error', { responseJSON: { error: 'error text' } });
+      makeRequest();
+      expect(dispatch.callCount).to.equal(2);
+      expect(dispatch.getCall(1).args[0].type).to.equal(actions.FETCH_DATASOURCES_FAILED);
+    });
+
+    it('calls correct actions on success', () => {
+      ajaxStub.yieldsTo('success', { data: '' });
+      makeRequest();
+      expect(dispatch.callCount).to.equal(3);
+      expect(dispatch.getCall(1).args[0].type).to.equal(actions.SET_DATASOURCES);
+      expect(dispatch.getCall(2).args[0].type).to.equal(actions.FETCH_DATASOURCES_SUCCEEDED);
+    });
+  });
+
+  describe('fetchDashboards', () => {
+    const userID = 1;
+    const mockDashboardData = {
+      pks: ['value'],
+      result: [
+        { dashboard_title: 'dashboard title' },
+      ],
+    };
+    const makeRequest = () => {
+      request = actions.fetchDashboards(userID);
+      request(dispatch);
+    };
+
+    it('makes the ajax request', () => {
+      makeRequest();
+      expect(ajaxStub.calledOnce).to.be.true;
+    });
+
+    it('calls correct url', () => {
+      const url = '/dashboardmodelviewasync/api/read?_flt_0_owners=' + userID;
+      makeRequest();
+      expect(ajaxStub.getCall(0).args[0].url).to.equal(url);
+    });
+
+    it('calls correct actions on error', () => {
+      ajaxStub.yieldsTo('error', { responseJSON: { error: 'error text' } });
+      makeRequest();
+      expect(dispatch.callCount).to.equal(1);
+      expect(dispatch.getCall(0).args[0].type).to.equal(actions.FETCH_DASHBOARDS_FAILED);
+    });
+
+    it('calls correct actions on success', () => {
+      ajaxStub.yieldsTo('success', mockDashboardData);
+      makeRequest();
+      expect(dispatch.callCount).to.equal(1);
+      expect(dispatch.getCall(0).args[0].type).to.equal(actions.FETCH_DASHBOARDS_SUCCEEDED);
+    });
+  });
+});
+
+describe('runQuery', () => {
+  let dispatch;
+  let urlStub;
+  let ajaxStub;
+  let request;
+
+  beforeEach(() => {
+    dispatch = sinon.spy();
+    urlStub = sinon.stub(exploreUtils, 'getExploreUrl').callsFake(() => ('mockURL'));
+    ajaxStub = sinon.stub($, 'ajax');
+  });
+
+  afterEach(() => {
+    urlStub.restore();
+    ajaxStub.restore();
+  });
+
+  it('should handle query timeout', () => {
+    ajaxStub.yieldsTo('error', { statusText: 'timeout' });
+    request = actions.runQuery({});
+    request(dispatch);
+    expect(dispatch.callCount).to.equal(2);
+    expect(dispatch.args[0][0].type).to.equal(actions.CHART_UPDATE_TIMEOUT);
+  });
+});