diff options
Diffstat (limited to 'spec/frontend/error_tracking_settings')
-rw-r--r-- | spec/frontend/error_tracking_settings/components/project_dropdown_spec.js | 16 | ||||
-rw-r--r-- | spec/frontend/error_tracking_settings/mock.js | 7 |
2 files changed, 16 insertions, 7 deletions
diff --git a/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js b/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js index c9095441d41..8653ebac20d 100644 --- a/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js +++ b/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js @@ -1,4 +1,4 @@ -import { GlDropdown, GlDropdownItem } from '@gitlab/ui'; +import { GlCollapsibleListbox } from '@gitlab/ui'; import { shallowMount } from '@vue/test-utils'; import Vue, { nextTick } from 'vue'; import { pick, clone } from 'lodash'; @@ -42,7 +42,7 @@ describe('error tracking settings project dropdown', () => { describe('empty project list', () => { it('renders the dropdown', () => { expect(wrapper.find('#project-dropdown').exists()).toBe(true); - expect(wrapper.findComponent(GlDropdown).exists()).toBe(true); + expect(wrapper.findComponent(GlCollapsibleListbox).exists()).toBe(true); }); it('shows helper text', () => { @@ -57,8 +57,10 @@ describe('error tracking settings project dropdown', () => { }); it('does not contain any dropdown items', () => { - expect(wrapper.findComponent(GlDropdownItem).exists()).toBe(false); - expect(wrapper.findComponent(GlDropdown).props('text')).toBe('No projects available'); + expect(wrapper.findComponent(GlCollapsibleListbox).props('items')).toEqual([]); + expect(wrapper.findComponent(GlCollapsibleListbox).props('toggleText')).toBe( + 'No projects available', + ); }); }); @@ -71,12 +73,12 @@ describe('error tracking settings project dropdown', () => { it('renders the dropdown', () => { expect(wrapper.find('#project-dropdown').exists()).toBe(true); - expect(wrapper.findComponent(GlDropdown).exists()).toBe(true); + expect(wrapper.findComponent(GlCollapsibleListbox).exists()).toBe(true); }); it('contains a number of dropdown items', () => { - expect(wrapper.findComponent(GlDropdownItem).exists()).toBe(true); - expect(wrapper.findAllComponents(GlDropdownItem).length).toBe(2); + expect(wrapper.findComponent(GlCollapsibleListbox).exists()).toBe(true); + expect(wrapper.findComponent(GlCollapsibleListbox).props('items').length).toBe(2); }); }); diff --git a/spec/frontend/error_tracking_settings/mock.js b/spec/frontend/error_tracking_settings/mock.js index b2d7a912518..96d93540ba5 100644 --- a/spec/frontend/error_tracking_settings/mock.js +++ b/spec/frontend/error_tracking_settings/mock.js @@ -5,12 +5,14 @@ const defaultStore = createStore(); export const projectList = [ { + id: '1', name: 'name', slug: 'slug', organizationName: 'organizationName', organizationSlug: 'organizationSlug', }, { + id: '2', name: 'name2', slug: 'slug2', organizationName: 'organizationName2', @@ -19,6 +21,7 @@ export const projectList = [ ]; export const staleProject = { + id: '3', name: 'staleName', slug: 'staleSlug', organizationName: 'staleOrganizationName', @@ -26,6 +29,7 @@ export const staleProject = { }; export const normalizedProject = { + id: '5', name: 'name', slug: 'slug', organizationName: 'organization_name', @@ -33,6 +37,7 @@ export const normalizedProject = { }; export const sampleBackendProject = { + id: '5', name: normalizedProject.name, slug: normalizedProject.slug, organization_name: normalizedProject.organizationName, @@ -45,6 +50,7 @@ export const sampleFrontendSettings = { integrated: false, token: 'token', selectedProject: { + id: '5', slug: normalizedProject.slug, name: normalizedProject.name, organizationName: normalizedProject.organizationName, @@ -58,6 +64,7 @@ export const transformedSettings = { integrated: false, token: 'token', project: { + sentry_project_id: '5', slug: normalizedProject.slug, name: normalizedProject.name, organization_name: normalizedProject.organizationName, |