summaryrefslogtreecommitdiff
path: root/spec/frontend/environments/environment_details_page_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/environments/environment_details_page_spec.js')
-rw-r--r--spec/frontend/environments/environment_details_page_spec.js50
1 files changed, 0 insertions, 50 deletions
diff --git a/spec/frontend/environments/environment_details_page_spec.js b/spec/frontend/environments/environment_details_page_spec.js
deleted file mode 100644
index 5a02b34250f..00000000000
--- a/spec/frontend/environments/environment_details_page_spec.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import Vue from 'vue';
-import VueApollo from 'vue-apollo';
-import { GlLoadingIcon, GlTableLite } from '@gitlab/ui';
-import resolvedEnvironmentDetails from 'test_fixtures/graphql/environments/graphql/queries/environment_details.query.graphql.json';
-import { mountExtended } from 'helpers/vue_test_utils_helper';
-import createMockApollo from '../__helpers__/mock_apollo_helper';
-import waitForPromises from '../__helpers__/wait_for_promises';
-import EnvironmentsDetailPage from '../../../app/assets/javascripts/environments/environment_details/index.vue';
-import getEnvironmentDetails from '../../../app/assets/javascripts/environments/graphql/queries/environment_details.query.graphql';
-
-describe('~/environments/environment_details/page.vue', () => {
- Vue.use(VueApollo);
-
- let wrapper;
-
- const createWrapper = () => {
- const mockApollo = createMockApollo([
- [getEnvironmentDetails, jest.fn().mockResolvedValue(resolvedEnvironmentDetails)],
- ]);
-
- return mountExtended(EnvironmentsDetailPage, {
- apolloProvider: mockApollo,
- propsData: {
- projectFullPath: resolvedEnvironmentDetails.data.project.fullPath,
- environmentName: resolvedEnvironmentDetails.data.project.environment.name,
- },
- });
- };
-
- describe('when fetching data', () => {
- it('should show a loading indicator', () => {
- wrapper = createWrapper();
-
- expect(wrapper.findComponent(GlLoadingIcon).exists()).toBe(true);
- expect(wrapper.findComponent(GlTableLite).exists()).not.toBe(true);
- });
- });
-
- describe('when data is fetched', () => {
- beforeEach(async () => {
- wrapper = createWrapper();
- await waitForPromises();
- });
-
- it('should render a table when query is loaded', async () => {
- expect(wrapper.findComponent(GlLoadingIcon).exists()).not.toBe(true);
- expect(wrapper.findComponent(GlTableLite).exists()).toBe(true);
- });
- });
-});