Use API query param to fetch ancestor group epics

Adds `include_ancestor_groups` & `include_descendant_groups` query
params support to group epics fetch API.

ee/app/assets/javascripts/api.js

@@ -7,7 +7,8 @@ export default {
   ldapGroupsPath: '/api/:version/ldap/:provider/groups.json',
   subscriptionPath: '/api/:version/namespaces/:id/gitlab_subscription',
   childEpicPath: '/api/:version/groups/:id/epics/:epic_iid/epics',
-  groupEpicsPath: '/api/:version/groups/:id/epics',
+  groupEpicsPath:
+    '/api/:version/groups/:id/epics?include_ancestor_groups=:includeAncestorGroups&include_descendant_groups=:includeDescendantGroups',
   epicIssuePath: '/api/:version/groups/:id/epics/:epic_iid/issues/:issue_id',
 
   userSubscription(namespaceId) {
@@ -43,8 +44,11 @@ export default {
     });
   },
 
-  groupEpics({ groupId }) {
-    const url = Api.buildUrl(this.groupEpicsPath).replace(':id', groupId);
+  groupEpics({ groupId, includeAncestorGroups = false, includeDescendantGroups = true }) {
+    const url = Api.buildUrl(this.groupEpicsPath)
+      .replace(':id', groupId)
+      .replace(':includeAncestorGroups', includeAncestorGroups)
+      .replace(':includeDescendantGroups', includeDescendantGroups);
 
     return axios.get(url);
   },

ee/app/assets/javascripts/vue_shared/components/sidebar/epics_select/store/actions.js

@@ -17,14 +17,12 @@ export const setSelectedEpic = ({ commit }, selectedEpic) =>
   commit(types.SET_SELECTED_EPIC, selectedEpic);
 
 export const requestEpics = ({ commit }) => commit(types.REQUEST_EPICS);
-export const receiveEpicsSuccess = ({ state, commit }, data) => {
-  const epics = data
-    .filter(rawEpic => rawEpic.group_id === state.groupId)
-    .map(rawEpic =>
-      convertObjectPropsToCamelCase(Object.assign(rawEpic, { url: rawEpic.web_edit_url }), {
-        dropKeys: ['web_edit_url'],
-      }),
-    );
+export const receiveEpicsSuccess = ({ commit }, data) => {
+  const epics = data.map(rawEpic =>
+    convertObjectPropsToCamelCase(Object.assign({}, rawEpic, { url: rawEpic.web_edit_url }), {
+      dropKeys: ['web_edit_url'],
+    }),
+  );
 
   commit(types.RECEIVE_EPICS_SUCCESS, { epics });
 };
@@ -37,6 +35,8 @@ export const fetchEpics = ({ state, dispatch }) => {
 
   Api.groupEpics({
     groupId: state.groupId,
+    includeDescendantGroups: false,
+    includeAncestorGroups: true,
   })
     .then(({ data }) => {
       dispatch('receiveEpicsSuccess', data);

ee/spec/frontend/api_spec.js

@@ -88,7 +88,7 @@ describe('Api', () => {
   describe('groupEpics', () => {
     it('calls `axios.get` using param `groupId`', done => {
       const groupId = 2;
-      const expectedUrl = `${dummyUrlRoot}/api/${dummyApiVersion}/groups/${groupId}/epics`;
+      const expectedUrl = `${dummyUrlRoot}/api/${dummyApiVersion}/groups/${groupId}/epics?include_ancestor_groups=false&include_descendant_groups=true`;
 
       mock.onGet(expectedUrl).reply(200, mockEpics);
 

ee/spec/frontend/vue_shared/components/sidebar/epics_select/store/actions_spec.js

@@ -184,7 +184,11 @@ describe('EpicsSelect', () => {
             dispatch: () => {},
           });
 
-          expect(Api.groupEpics).toHaveBeenCalledWith({ groupId: state.groupId });
+          expect(Api.groupEpics).toHaveBeenCalledWith({
+            groupId: state.groupId,
+            includeDescendantGroups: false,
+            includeAncestorGroups: true,
+          });
         });
       });