Align Vuex Store to New Version Feature Flags

This allows the vuex store to handle creating new version feature flags.

ee/app/assets/javascripts/feature_flags/constants.js

@@ -14,3 +14,6 @@ export const INTERNAL_ID_PREFIX = 'internal_';
 
 export const fetchPercentageParams = property(['parameters', 'percentage']);
 export const fetchUserIdParams = property(['parameters', 'userIds']);
+
+export const NEW_VERSION_FLAG = 'new_version_flag';
+export const LEGACY_FLAG = 'legacy_flag';

ee/app/assets/javascripts/feature_flags/store/modules/helpers.js

@@ -8,6 +8,7 @@ import {
   PERCENT_ROLLOUT_GROUP_ID,
   fetchPercentageParams,
   fetchUserIdParams,
+  LEGACY_FLAG,
 } from '../../constants';
 
 /**
@@ -104,6 +105,7 @@ export const mapFromScopesViewModel = params => {
       description: params.description,
       active: params.active,
       scopes_attributes: scopes,
+      version: LEGACY_FLAG,
     },
   };
 
@@ -141,3 +143,45 @@ export const createNewEnvironmentScope = (overrides = {}, featureFlagPermissions
 
   return newScope;
 };
+
+const mapStrategyScopesToRails = scopes =>
+  scopes.length === 0
+    ? [{ environment_scope: '*' }]
+    : scopes.map(s => ({
+        id: s.id,
+        _destroy: s.shouldBeDestroyed,
+        environment_scope: s.environmentScope,
+      }));
+
+const mapStrategyScopesToView = scopes =>
+  scopes.map(s => ({
+    id: s.id,
+    // eslint-disable-next-line no-underscore-dangle
+    shouldBeDestroyed: Boolean(s._destroy),
+    environmentScope: s.environment_scope,
+  }));
+
+export const mapStrategiesToViewModel = strategiesFromRails =>
+  (strategiesFromRails || []).map(s => ({
+    id: s.id,
+    name: s.name,
+    parameters: s.parameters,
+    // eslint-disable-next-line no-underscore-dangle
+    shouldBeDestroyed: Boolean(s._destroy),
+    scopes: mapStrategyScopesToView(s.scopes),
+  }));
+
+export const mapStrategiesToRails = params => ({
+  operations_feature_flag: {
+    name: params.name,
+    description: params.description,
+    version: params.version,
+    strategies_attributes: (params.strategies || []).map(s => ({
+      id: s.id,
+      name: s.name,
+      parameters: s.parameters,
+      _destroy: s.shouldBeDestroyed,
+      scopes: mapStrategyScopesToRails(s.scopes || []),
+    })),
+  },
+});

ee/app/assets/javascripts/feature_flags/store/modules/new/actions.js

 import * as types from './mutation_types';
 import axios from '~/lib/utils/axios_utils';
 import { visitUrl } from '~/lib/utils/url_utility';
-import { mapFromScopesViewModel } from '../helpers';
+import { NEW_VERSION_FLAG } from '../../../constants';
+import { mapFromScopesViewModel, mapStrategiesToRails } from '../helpers';
 
 /**
  * Commits mutation to set the main endpoint
@@ -29,8 +30,13 @@ export const setPath = ({ commit }, path) => commit(types.SET_PATH, path);
 export const createFeatureFlag = ({ state, dispatch }, params) => {
   dispatch('requestCreateFeatureFlag');
 
-  axios
-    .post(state.endpoint, mapFromScopesViewModel(params))
+  return axios
+    .post(
+      state.endpoint,
+      params.version === NEW_VERSION_FLAG
+        ? mapStrategiesToRails(params)
+        : mapFromScopesViewModel(params),
+    )
     .then(() => {
       dispatch('receiveCreateFeatureFlagSuccess');
       visitUrl(state.path);

ee/spec/frontend/feature_flags/store/helpers_spec.js

@@ -3,6 +3,8 @@ import {
   mapToScopesViewModel,
   mapFromScopesViewModel,
   createNewEnvironmentScope,
+  mapStrategiesToViewModel,
+  mapStrategiesToRails,
 } from 'ee/feature_flags/store/modules/helpers';
 import {
   ROLLOUT_STRATEGY_ALL_USERS,
@@ -11,6 +13,8 @@ import {
   PERCENT_ROLLOUT_GROUP_ID,
   INTERNAL_ID_PREFIX,
   DEFAULT_PERCENT_ROLLOUT,
+  LEGACY_FLAG,
+  NEW_VERSION_FLAG,
 } from 'ee/feature_flags/constants';
 
 describe('feature flags helpers spec', () => {
@@ -174,6 +178,7 @@ describe('feature flags helpers spec', () => {
           name: 'name',
           description: 'description',
           active: true,
+          version: LEGACY_FLAG,
           scopes_attributes: [
             {
               id: 4,
@@ -233,21 +238,11 @@ describe('feature flags helpers spec', () => {
       expect(actualScopes).toEqual([]);
     });
     describe('with user IDs per environment', () => {
-      let oldGon;
-
-      beforeEach(() => {
-        oldGon = window.gon;
-        window.gon = { features: { featureFlagsUsersPerEnvironment: true } };
-      });
-
-      afterEach(() => {
-        window.gon = oldGon;
-      });
-
       it('sets the user IDs as a comma separated string', () => {
         const input = {
           name: 'name',
           description: 'description',
+          active: true,
           scopes: [
             {
               id: 4,
@@ -268,6 +263,8 @@ describe('feature flags helpers spec', () => {
           operations_feature_flag: {
             name: 'name',
             description: 'description',
+            version: LEGACY_FLAG,
+            active: true,
             scopes_attributes: [
               {
                 id: 4,
@@ -348,4 +345,120 @@ describe('feature flags helpers spec', () => {
       );
     });
   });
+
+  describe('mapStrategiesToViewModel', () => {
+    it('should map rails casing to view model casing', () => {
+      expect(
+        mapStrategiesToViewModel([
+          {
+            id: '1',
+            name: 'default',
+            parameters: {},
+            scopes: [
+              {
+                environment_scope: '*',
+                id: '1',
+              },
+            ],
+          },
+        ]),
+      ).toEqual([
+        {
+          id: '1',
+          name: 'default',
+          parameters: {},
+          shouldBeDestroyed: false,
+          scopes: [
+            {
+              shouldBeDestroyed: false,
+              environmentScope: '*',
+              id: '1',
+            },
+          ],
+        },
+      ]);
+    });
+  });
+  describe('mapStrategiesToRails', () => {
+    it('should map rails casing to view model casing', () => {
+      expect(
+        mapStrategiesToRails({
+          name: 'test',
+          description: 'test description',
+          version: NEW_VERSION_FLAG,
+          strategies: [
+            {
+              id: '1',
+              name: 'default',
+              parameters: {},
+              shouldBeDestroyed: true,
+              scopes: [
+                {
+                  environmentScope: '*',
+                  id: '1',
+                  shouldBeDestroyed: true,
+                },
+              ],
+            },
+          ],
+        }),
+      ).toEqual({
+        operations_feature_flag: {
+          name: 'test',
+          description: 'test description',
+          version: NEW_VERSION_FLAG,
+          strategies_attributes: [
+            {
+              id: '1',
+              name: 'default',
+              parameters: {},
+              _destroy: true,
+              scopes: [
+                {
+                  environment_scope: '*',
+                  id: '1',
+                  _destroy: true,
+                },
+              ],
+            },
+          ],
+        },
+      });
+    });
+    it('should insert a default * scope if there are none', () => {
+      expect(
+        mapStrategiesToRails({
+          name: 'test',
+          description: 'test description',
+          version: NEW_VERSION_FLAG,
+          strategies: [
+            {
+              id: '1',
+              name: 'default',
+              parameters: {},
+              scopes: [],
+            },
+          ],
+        }),
+      ).toEqual({
+        operations_feature_flag: {
+          name: 'test',
+          description: 'test description',
+          version: NEW_VERSION_FLAG,
+          strategies_attributes: [
+            {
+              id: '1',
+              name: 'default',
+              parameters: {},
+              scopes: [
+                {
+                  environment_scope: '*',
+                },
+              ],
+            },
+          ],
+        },
+      });
+    });
+  });
 });

ee/spec/frontend/feature_flags/store/new/actions_spec.js

@@ -14,8 +14,13 @@ import { TEST_HOST } from 'spec/test_constants';
 import {
   ROLLOUT_STRATEGY_ALL_USERS,
   ROLLOUT_STRATEGY_PERCENT_ROLLOUT,
+  LEGACY_FLAG,
+  NEW_VERSION_FLAG,
 } from 'ee/feature_flags/constants';
-import { mapFromScopesViewModel } from 'ee/feature_flags/store/modules/helpers';
+import {
+  mapFromScopesViewModel,
+  mapStrategiesToRails,
+} from 'ee/feature_flags/store/modules/helpers';
 import axios from '~/lib/utils/axios_utils';
 
 jest.mock('~/lib/utils/url_utility');
@@ -60,6 +65,7 @@ describe('Feature flags New Module Actions', () => {
       name: 'name',
       description: 'description',
       active: true,
+      version: LEGACY_FLAG,
       scopes: [
         {
           id: 1,
@@ -105,6 +111,43 @@ describe('Feature flags New Module Actions', () => {
           done,
         );
       });
+
+      it('sends strategies for new style feature flags', done => {
+        const newVersionFlagParams = {
+          name: 'name',
+          description: 'description',
+          active: true,
+          version: NEW_VERSION_FLAG,
+          strategies: [
+            {
+              name: ROLLOUT_STRATEGY_ALL_USERS,
+              parameters: {},
+              id: 1,
+              scopes: [{ id: 1, environmentScope: 'environmentScope', shouldBeDestroyed: false }],
+              shouldBeDestroyed: false,
+            },
+          ],
+        };
+        mock
+          .onPost(`${TEST_HOST}/endpoint.json`, mapStrategiesToRails(newVersionFlagParams))
+          .replyOnce(200);
+
+        testAction(
+          createFeatureFlag,
+          newVersionFlagParams,
+          mockedState,
+          [],
+          [
+            {
+              type: 'requestCreateFeatureFlag',
+            },
+            {
+              type: 'receiveCreateFeatureFlagSuccess',
+            },
+          ],
+          done,
+        );
+      });
     });
 
     describe('error', () => {