1 files changed, 6 insertions, 7 deletions
diff --git a/spec/frontend/deploy_keys/components/keys_panel_spec.js b/spec/frontend/deploy_keys/components/keys_panel_spec.js
index e63b269fe23..6e653010d8f 100644
--- a/spec/frontend/deploy_keys/components/keys_panel_spec.js
+++ b/spec/frontend/deploy_keys/components/keys_panel_spec.js
@@ -1,7 +1,9 @@
 import { mount } from '@vue/test-utils';
-import data from 'test_fixtures/deploy_keys/keys.json';
+import enabledKeys from 'test_fixtures/deploy_keys/enabled_keys.json';
 import deployKeysPanel from '~/deploy_keys/components/keys_panel.vue';
-import DeployKeysStore from '~/deploy_keys/store';
+import { mapDeployKey } from '~/deploy_keys/graphql/resolvers';
+
+const keys = enabledKeys.keys.map(mapDeployKey);
 
 describe('Deploy keys panel', () => {
   let wrapper;
@@ -9,14 +11,11 @@ describe('Deploy keys panel', () => {
   const findTableRowHeader = () => wrapper.find('.table-row-header');
 
   const mountComponent = (props) => {
-    const store = new DeployKeysStore();
-    store.keys = data;
     wrapper = mount(deployKeysPanel, {
       propsData: {
         title: 'test',
-        keys: data.enabled_keys,
+        keys,
         showHelpBox: true,
-        store,
         endpoint: 'https://test.host/dummy/endpoint',
         ...props,
       },
@@ -25,7 +24,7 @@ describe('Deploy keys panel', () => {
 
   it('renders list of keys', () => {
     mountComponent();
-    expect(wrapper.findAll('.deploy-key').length).toBe(wrapper.vm.keys.length);
+    expect(wrapper.findAll('.deploy-key').length).toBe(keys.length);
   });
 
   it('renders table header', () => {