Convert mr_rules_spec to a jest test

- move over jest test
- copy over mock test

ee/spec/javascripts/approvals/components/mr_edit/mr_rules_spec.js → ee/spec/frontend/approvals/components/mr_edit/mr_rules_spec.js

@@ -6,7 +6,7 @@ import MRRules from 'ee/approvals/components/mr_edit/mr_rules.vue';
 import Rules from 'ee/approvals/components/rules.vue';
 import RuleControls from 'ee/approvals/components/rule_controls.vue';
 import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
-import { createEmptyRule, createMRRule, createMRRuleWithSource } from '../../mocks';
+import { createEmptyRule, createMRRule, createMRRuleWithSource } from '../../mock_data';
 
 const { HEADERS } = Rules;
 
@@ -26,6 +26,7 @@ describe('EE Approvals MRRules', () => {
     wrapper = mount(localVue.extend(MRRules), {
       localVue,
       store: new Vuex.Store(store),
+      attachToDocument: true,
     });
   };
 
@@ -44,7 +45,7 @@ describe('EE Approvals MRRules', () => {
       hasLoaded: true,
       rules: [],
     };
-    store.modules.approvals.actions.putRule = jasmine.createSpy('putRule');
+    store.modules.approvals.actions.putRule = jest.fn();
   });
 
   afterEach(() => {

ee/spec/frontend/approvals/mock_data.js

+export const createMRRule = () => ({
+  id: 7,
+  name: 'Amit',
+  approvers: [{ id: 1 }, { id: 2 }],
+  approvalsRequired: 2,
+  minApprovalsRequired: 0,
+  ruleType: 'regular',
+});
+
+export const createEmptyRule = () => ({
+  id: 5,
+  name: 'All Members',
+  approvers: [],
+  approvalsRequired: 3,
+  minApprovalsRequired: 0,
+  ruleType: 'any_approver',
+});
+
+export const createMRRuleWithSource = () => ({
+  ...createEmptyRule(),
+  ...createMRRule(),
+  minApprovalsRequired: 1,
+  hasSource: true,
+  sourceId: 3,
+});