1 files changed, 7 insertions, 153 deletions
diff --git a/spec/frontend/packages_and_registries/settings/project/settings/components/registry_settings_app_spec.js b/spec/frontend/packages_and_registries/settings/project/settings/components/registry_settings_app_spec.js
index 0a72f0269ee..337991dfae0 100644
--- a/spec/frontend/packages_and_registries/settings/project/settings/components/registry_settings_app_spec.js
+++ b/spec/frontend/packages_and_registries/settings/project/settings/components/registry_settings_app_spec.js
@@ -1,165 +1,19 @@
-import { GlAlert, GlSprintf, GlLink } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
-import Vue from 'vue';
-import VueApollo from 'vue-apollo';
-import createMockApollo from 'helpers/mock_apollo_helper';
-import waitForPromises from 'helpers/wait_for_promises';
 import component from '~/packages_and_registries/settings/project/components/registry_settings_app.vue';
-import SettingsForm from '~/packages_and_registries/settings/project/components/settings_form.vue';
-import {
-  FETCH_SETTINGS_ERROR_MESSAGE,
-  UNAVAILABLE_FEATURE_INTRO_TEXT,
-  UNAVAILABLE_USER_FEATURE_TEXT,
-} from '~/packages_and_registries/settings/project/constants';
-import expirationPolicyQuery from '~/packages_and_registries/settings/project/graphql/queries/get_expiration_policy.query.graphql';
-import SettingsBlock from '~/vue_shared/components/settings/settings_block.vue';
+import ContainerExpirationPolicy from '~/packages_and_registries/settings/project/components/container_expiration_policy.vue';
 
-import {
-  expirationPolicyPayload,
-  emptyExpirationPolicyPayload,
-  containerExpirationPolicyData,
-} from '../mock_data';
-
-describe('Registry Settings App', () => {
+describe('Registry Settings app', () => {
   let wrapper;
-  let fakeApollo;
-
-  const defaultProvidedValues = {
-    projectPath: 'path',
-    isAdmin: false,
-    adminSettingsPath: 'settingsPath',
-    enableHistoricEntries: false,
-    helpPagePath: 'helpPagePath',
-    showCleanupPolicyLink: false,
-  };
-
-  const findSettingsComponent = () => wrapper.find(SettingsForm);
-  const findAlert = () => wrapper.find(GlAlert);
-
-  const mountComponent = (provide = defaultProvidedValues, config) => {
-    wrapper = shallowMount(component, {
-      stubs: {
-        GlSprintf,
-        SettingsBlock,
-      },
-      mocks: {
-        $toast: {
-          show: jest.fn(),
-        },
-      },
-      provide,
-      ...config,
-    });
-  };
-
-  const mountComponentWithApollo = ({ provide = defaultProvidedValues, resolver } = {}) => {
-    Vue.use(VueApollo);
-
-    const requestHandlers = [[expirationPolicyQuery, resolver]];
-
-    fakeApollo = createMockApollo(requestHandlers);
-    mountComponent(provide, {
-      apolloProvider: fakeApollo,
-    });
-  };
+  const findContainerExpirationPolicy = () => wrapper.find(ContainerExpirationPolicy);
 
   afterEach(() => {
     wrapper.destroy();
+    wrapper = null;
   });
 
-  describe('isEdited status', () => {
-    it.each`
-      description                                  | apiResponse                       | workingCopy                                                   | result
-      ${'empty response and no changes from user'} | ${emptyExpirationPolicyPayload()} | ${{}}                                                         | ${false}
-      ${'empty response and changes from user'}    | ${emptyExpirationPolicyPayload()} | ${{ enabled: true }}                                          | ${true}
-      ${'response and no changes'}                 | ${expirationPolicyPayload()}      | ${containerExpirationPolicyData()}                            | ${false}
-      ${'response and changes'}                    | ${expirationPolicyPayload()}      | ${{ ...containerExpirationPolicyData(), nameRegex: '12345' }} | ${true}
-      ${'response and empty'}                      | ${expirationPolicyPayload()}      | ${{}}                                                         | ${true}
-    `('$description', async ({ apiResponse, workingCopy, result }) => {
-      mountComponentWithApollo({
-        provide: { ...defaultProvidedValues, enableHistoricEntries: true },
-        resolver: jest.fn().mockResolvedValue(apiResponse),
-      });
-      await waitForPromises();
-
-      findSettingsComponent().vm.$emit('input', workingCopy);
-
-      await waitForPromises();
-
-      expect(findSettingsComponent().props('isEdited')).toBe(result);
-    });
-  });
-
-  it('renders the setting form', async () => {
-    mountComponentWithApollo({
-      resolver: jest.fn().mockResolvedValue(expirationPolicyPayload()),
-    });
-    await waitForPromises();
-
-    expect(findSettingsComponent().exists()).toBe(true);
-  });
-
-  describe('the form is disabled', () => {
-    it('the form is hidden', () => {
-      mountComponent();
-
-      expect(findSettingsComponent().exists()).toBe(false);
-    });
-
-    it('shows an alert', () => {
-      mountComponent();
-
-      const text = findAlert().text();
-      expect(text).toContain(UNAVAILABLE_FEATURE_INTRO_TEXT);
-      expect(text).toContain(UNAVAILABLE_USER_FEATURE_TEXT);
-    });
-
-    describe('an admin is visiting the page', () => {
-      it('shows the admin part of the alert message', () => {
-        mountComponent({ ...defaultProvidedValues, isAdmin: true });
-
-        const sprintf = findAlert().find(GlSprintf);
-        expect(sprintf.text()).toBe('administration settings');
-        expect(sprintf.find(GlLink).attributes('href')).toBe(
-          defaultProvidedValues.adminSettingsPath,
-        );
-      });
-    });
-  });
-
-  describe('fetchSettingsError', () => {
-    beforeEach(async () => {
-      mountComponentWithApollo({
-        resolver: jest.fn().mockRejectedValue(new Error('GraphQL error')),
-      });
-      await waitForPromises();
-    });
-
-    it('the form is hidden', () => {
-      expect(findSettingsComponent().exists()).toBe(false);
-    });
-
-    it('shows an alert', () => {
-      expect(findAlert().html()).toContain(FETCH_SETTINGS_ERROR_MESSAGE);
-    });
-  });
-
-  describe('empty API response', () => {
-    it.each`
-      enableHistoricEntries | isShown
-      ${true}               | ${true}
-      ${false}              | ${false}
-    `('is $isShown that the form is shown', async ({ enableHistoricEntries, isShown }) => {
-      mountComponentWithApollo({
-        provide: {
-          ...defaultProvidedValues,
-          enableHistoricEntries,
-        },
-        resolver: jest.fn().mockResolvedValue(emptyExpirationPolicyPayload()),
-      });
-      await waitForPromises();
+  it('renders container expiration policy component', () => {
+    wrapper = shallowMount(component);
 
-      expect(findSettingsComponent().exists()).toBe(isShown);
-    });
+    expect(findContainerExpirationPolicy().exists()).toBe(true);
   });
 });