Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/registry/explorer/components/list_page/image_list_spec.js')
-rw-r--r--spec/frontend/registry/explorer/components/list_page/image_list_spec.js88
1 files changed, 0 insertions, 88 deletions
diff --git a/spec/frontend/registry/explorer/components/list_page/image_list_spec.js b/spec/frontend/registry/explorer/components/list_page/image_list_spec.js
deleted file mode 100644
index d7dd825ca3e..00000000000
--- a/spec/frontend/registry/explorer/components/list_page/image_list_spec.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import { GlKeysetPagination } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import Component from '~/registry/explorer/components/list_page/image_list.vue';
-import ImageListRow from '~/registry/explorer/components/list_page/image_list_row.vue';
-
-import { imagesListResponse, pageInfo as defaultPageInfo } from '../../mock_data';
-
-describe('Image List', () => {
- let wrapper;
-
- const findRow = () => wrapper.findAll(ImageListRow);
- const findPagination = () => wrapper.find(GlKeysetPagination);
-
- const mountComponent = (props) => {
- wrapper = shallowMount(Component, {
- propsData: {
- images: imagesListResponse,
- pageInfo: defaultPageInfo,
- ...props,
- },
- });
- };
-
- afterEach(() => {
- wrapper.destroy();
- wrapper = null;
- });
-
- describe('list', () => {
- it('contains one list element for each image', () => {
- mountComponent();
-
- expect(findRow().length).toBe(imagesListResponse.length);
- });
-
- it('when delete event is emitted on the row it emits up a delete event', () => {
- mountComponent();
-
- findRow().at(0).vm.$emit('delete', 'foo');
- expect(wrapper.emitted('delete')).toEqual([['foo']]);
- });
-
- it('passes down the metadataLoading prop', () => {
- mountComponent({ metadataLoading: true });
- expect(findRow().at(0).props('metadataLoading')).toBe(true);
- });
- });
-
- describe('pagination', () => {
- it('exists', () => {
- mountComponent();
-
- expect(findPagination().exists()).toBe(true);
- });
-
- it.each`
- hasNextPage | hasPreviousPage | isVisible
- ${true} | ${true} | ${true}
- ${true} | ${false} | ${true}
- ${false} | ${true} | ${true}
- `(
- 'when hasNextPage is $hasNextPage and hasPreviousPage is $hasPreviousPage: is $isVisible that the component is visible',
- ({ hasNextPage, hasPreviousPage, isVisible }) => {
- mountComponent({ pageInfo: { ...defaultPageInfo, hasNextPage, hasPreviousPage } });
-
- expect(findPagination().exists()).toBe(isVisible);
- expect(findPagination().props('hasPreviousPage')).toBe(hasPreviousPage);
- expect(findPagination().props('hasNextPage')).toBe(hasNextPage);
- },
- );
-
- it('emits "prev-page" when the user clicks the back page button', () => {
- mountComponent();
-
- findPagination().vm.$emit('prev');
-
- expect(wrapper.emitted('prev-page')).toEqual([[]]);
- });
-
- it('emits "next-page" when the user clicks the forward page button', () => {
- mountComponent();
-
- findPagination().vm.$emit('next');
-
- expect(wrapper.emitted('next-page')).toEqual([[]]);
- });
- });
-});