diff options
Diffstat (limited to 'spec/frontend/analytics/shared')
3 files changed, 14 insertions, 13 deletions
diff --git a/spec/frontend/analytics/shared/components/daterange_spec.js b/spec/frontend/analytics/shared/components/daterange_spec.js index a38df274243..7a09fe3319d 100644 --- a/spec/frontend/analytics/shared/components/daterange_spec.js +++ b/spec/frontend/analytics/shared/components/daterange_spec.js @@ -1,5 +1,5 @@ -import { GlDaterangePicker, GlSprintf } from '@gitlab/ui'; -import { shallowMount, mount } from '@vue/test-utils'; +import { GlDaterangePicker } from '@gitlab/ui'; +import { shallowMountExtended, mountExtended } from 'helpers/vue_test_utils_helper'; import { useFakeDate } from 'helpers/fake_date'; import Daterange from '~/analytics/shared/components/daterange.vue'; @@ -13,13 +13,12 @@ describe('Daterange component', () => { let wrapper; - const factory = (props = defaultProps, mountFn = shallowMount) => { + const factory = (props = defaultProps, mountFn = shallowMountExtended) => { wrapper = mountFn(Daterange, { propsData: { ...defaultProps, ...props, }, - stubs: { GlSprintf }, }); }; @@ -28,7 +27,7 @@ describe('Daterange component', () => { }); const findDaterangePicker = () => wrapper.findComponent(GlDaterangePicker); - const findDateRangeIndicator = () => wrapper.findComponent(GlSprintf); + const findDateRangeIndicator = () => wrapper.findByTestId('daterange-picker-indicator'); describe('template', () => { describe('when show is false', () => { @@ -52,7 +51,7 @@ describe('Daterange component', () => { const endDate = new Date('2019-09-30'); const minDate = new Date('2019-06-01'); - factory({ show: true, startDate, endDate, minDate }, mount); + factory({ show: true, startDate, endDate, minDate }, mountExtended); const input = findDaterangePicker().find('input'); input.setValue('2019-01-01'); @@ -64,7 +63,7 @@ describe('Daterange component', () => { describe('with a maxDateRange being set', () => { beforeEach(() => { - factory({ maxDateRange: 30 }); + factory({ maxDateRange: 30 }, mountExtended); }); it('displays the max date range indicator', () => { @@ -72,7 +71,7 @@ describe('Daterange component', () => { }); it('displays the correct number of selected days in the indicator', () => { - expect(findDateRangeIndicator().text()).toMatchInterpolatedText('10 days selected'); + expect(findDateRangeIndicator().text()).toBe('10 days selected'); }); it('sets the tooltip', () => { diff --git a/spec/frontend/analytics/shared/components/metric_popover_spec.js b/spec/frontend/analytics/shared/components/metric_popover_spec.js index ffec77c2708..6a58f8c6d29 100644 --- a/spec/frontend/analytics/shared/components/metric_popover_spec.js +++ b/spec/frontend/analytics/shared/components/metric_popover_spec.js @@ -30,7 +30,7 @@ describe('MetricPopover', () => { const findAllMetricLinks = () => wrapper.findAll('[data-testid="metric-link"]'); const findMetricDescription = () => wrapper.findByTestId('metric-description'); const findMetricDocsLink = () => wrapper.findByTestId('metric-docs-link'); - const findMetricDocsLinkIcon = () => findMetricDocsLink().find(GlIcon); + const findMetricDocsLinkIcon = () => findMetricDocsLink().findComponent(GlIcon); afterEach(() => { wrapper.destroy(); @@ -83,7 +83,9 @@ describe('MetricPopover', () => { const allLinkContainers = findAllMetricLinks(); expect(allLinkContainers.at(idx).text()).toContain(link.name); - expect(allLinkContainers.at(idx).find(GlLink).attributes('href')).toBe(link.url); + expect(allLinkContainers.at(idx).findComponent(GlLink).attributes('href')).toBe( + link.url, + ); }); }); diff --git a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js index 69918c1db65..3871fd530d8 100644 --- a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js +++ b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js @@ -79,11 +79,11 @@ describe('ProjectsDropdownFilter component', () => { const findClearAllButton = () => wrapper.findByText('Clear all'); const findSelectedProjectsLabel = () => wrapper.findComponent(GlTruncate); - const findDropdown = () => wrapper.find(GlDropdown); + const findDropdown = () => wrapper.findComponent(GlDropdown); const findDropdownItems = () => findDropdown() - .findAll(GlDropdownItem) + .findAllComponents(GlDropdownItem) .filter((w) => w.text() !== 'No matching results'); const findDropdownAtIndex = (index) => findDropdownItems().at(index); @@ -106,7 +106,7 @@ describe('ProjectsDropdownFilter component', () => { }; // NOTE: Selected items are now visually separated from unselected items - const findSelectedDropdownItems = () => findHighlightedItems().findAll(GlDropdownItem); + const findSelectedDropdownItems = () => findHighlightedItems().findAllComponents(GlDropdownItem); const findSelectedDropdownAtIndex = (index) => findSelectedDropdownItems().at(index); const findSelectedButtonIdentIconAtIndex = (index) => |