1 files changed, 13 insertions, 31 deletions

diff --git a/spec/frontend/saved_replies/components/list_spec.js b/spec/frontend/saved_replies/components/list_spec.js
index 66e9ddfe148..19063767766 100644
--- a/spec/frontend/saved_replies/components/list_spec.js
+++ b/spec/frontend/saved_replies/components/list_spec.js
@@ -1,29 +1,20 @@
-import Vue from 'vue';
 import { mount } from '@vue/test-utils';
-import VueApollo from 'vue-apollo';
 import noSavedRepliesResponse from 'test_fixtures/graphql/saved_replies/saved_replies_empty.query.graphql.json';
 import savedRepliesResponse from 'test_fixtures/graphql/saved_replies/saved_replies.query.graphql.json';
-import createMockApollo from 'helpers/mock_apollo_helper';
-import waitForPromises from 'helpers/wait_for_promises';
 import List from '~/saved_replies/components/list.vue';
 import ListItem from '~/saved_replies/components/list_item.vue';
-import savedRepliesQuery from '~/saved_replies/queries/saved_replies.query.graphql';
 
 let wrapper;
 
-function createMockApolloProvider(response) {
-  Vue.use(VueApollo);
-
-  const requestHandlers = [[savedRepliesQuery, jest.fn().mockResolvedValue(response)]];
-
-  return createMockApollo(requestHandlers);
-}
-
-function createComponent(options = {}) {
-  const { mockApollo } = options;
+function createComponent(res = {}) {
+  const { savedReplies } = res.data.currentUser;
 
   return mount(List, {
-    apolloProvider: mockApollo,
+    propsData: {
+      savedReplies: savedReplies.nodes,
+      pageInfo: savedReplies.pageInfo,
+      count: savedReplies.count,
+    },
   });
 }
 
@@ -32,30 +23,21 @@ describe('Saved replies list component', () => {
     wrapper.destroy();
   });
 
-  it('does not render any list items when response is empty', async () => {
-    const mockApollo = createMockApolloProvider(noSavedRepliesResponse);
-    wrapper = createComponent({ mockApollo });
-
-    await waitForPromises();
+  it('does not render any list items when response is empty', () => {
+    wrapper = createComponent(noSavedRepliesResponse);
 
     expect(wrapper.findAllComponents(ListItem).length).toBe(0);
   });
 
-  it('render saved replies count', async () => {
-    const mockApollo = createMockApolloProvider(savedRepliesResponse);
-    wrapper = createComponent({ mockApollo });
-
-    await waitForPromises();
+  it('render saved replies count', () => {
+    wrapper = createComponent(savedRepliesResponse);
 
     expect(wrapper.find('[data-testid="title"]').text()).toEqual('My saved replies (2)');
   });
 
-  it('renders list of saved replies', async () => {
-    const mockApollo = createMockApolloProvider(savedRepliesResponse);
+  it('renders list of saved replies', () => {
     const savedReplies = savedRepliesResponse.data.currentUser.savedReplies.nodes;
-    wrapper = createComponent({ mockApollo });
-
-    await waitForPromises();
+    wrapper = createComponent(savedRepliesResponse);
 
     expect(wrapper.findAllComponents(ListItem).length).toBe(2);
     expect(wrapper.findAllComponents(ListItem).at(0).props('reply')).toEqual(