From 2fa173410ad24b37aba6450ae4530ec231844d86 Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Thu, 22 Sep 2022 09:15:04 +0000 Subject: Add latest changes from gitlab-org/gitlab@master --- .../__snapshots__/board_blocked_icon_spec.js.snap | 30 --- .../boards/components/board_blocked_icon_spec.js | 264 --------------------- 2 files changed, 294 deletions(-) delete mode 100644 spec/frontend/boards/components/__snapshots__/board_blocked_icon_spec.js.snap delete mode 100644 spec/frontend/boards/components/board_blocked_icon_spec.js (limited to 'spec/frontend/boards/components') diff --git a/spec/frontend/boards/components/__snapshots__/board_blocked_icon_spec.js.snap b/spec/frontend/boards/components/__snapshots__/board_blocked_icon_spec.js.snap deleted file mode 100644 index 34e4f996ff0..00000000000 --- a/spec/frontend/boards/components/__snapshots__/board_blocked_icon_spec.js.snap +++ /dev/null @@ -1,30 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`BoardBlockedIcon on mouseenter on blocked icon with more than three blocking issues matches the snapshot 1`] = ` -"
- - -
-
    -
  • my-project-1#6 -

    - blocking issue title 1 -

    -
    • -
  • my-project-1#5 -

    - blocking issue title 2 + blocking issue title 2 + blocking issue title 2 + bloc… -

    -
    • -
  • my-project-1#4 -

    - blocking issue title 3 -

    -
    • -
-
-

+ 1 more issue

View all blocking issues -
Blocked by 4 issues -
-
" -`; diff --git a/spec/frontend/boards/components/board_blocked_icon_spec.js b/spec/frontend/boards/components/board_blocked_icon_spec.js deleted file mode 100644 index ffdc0a7cecc..00000000000 --- a/spec/frontend/boards/components/board_blocked_icon_spec.js +++ /dev/null @@ -1,264 +0,0 @@ -import { GlIcon, GlLink, GlPopover, GlLoadingIcon } from '@gitlab/ui'; -import { shallowMount, mount } from '@vue/test-utils'; -import Vue, { nextTick } from 'vue'; -import VueApollo from 'vue-apollo'; -import createMockApollo from 'helpers/mock_apollo_helper'; -import { extendedWrapper } from 'helpers/vue_test_utils_helper'; -import waitForPromises from 'helpers/wait_for_promises'; -import BoardBlockedIcon from '~/boards/components/board_blocked_icon.vue'; -import { blockingIssuablesQueries, issuableTypes } from '~/boards/constants'; -import { truncate } from '~/lib/utils/text_utility'; -import { - mockIssue, - mockEpic, - mockBlockingIssue1, - mockBlockingIssue2, - mockBlockingEpic1, - mockBlockingIssuablesResponse1, - mockBlockingIssuablesResponse2, - mockBlockingIssuablesResponse3, - mockBlockedIssue1, - mockBlockedIssue2, - mockBlockedEpic1, - mockBlockingEpicIssuablesResponse1, -} from '../mock_data'; - -describe('BoardBlockedIcon', () => { - let wrapper; - let mockApollo; - - const findGlIcon = () => wrapper.findComponent(GlIcon); - const findGlPopover = () => wrapper.findComponent(GlPopover); - const findGlLink = () => wrapper.findComponent(GlLink); - const findPopoverTitle = () => wrapper.findByTestId('popover-title'); - const findIssuableTitle = () => wrapper.findByTestId('issuable-title'); - const findHiddenBlockingCount = () => wrapper.findByTestId('hidden-blocking-count'); - const findViewAllIssuableLink = () => wrapper.findByTestId('view-all-issues'); - - const waitForApollo = async () => { - jest.runOnlyPendingTimers(); - await waitForPromises(); - }; - - const mouseenter = async () => { - findGlIcon().vm.$emit('mouseenter'); - - await nextTick(); - await waitForApollo(); - }; - - afterEach(() => { - wrapper.destroy(); - wrapper = null; - }); - - const createWrapperWithApollo = ({ - item = mockBlockedIssue1, - blockingIssuablesSpy = jest.fn().mockResolvedValue(mockBlockingIssuablesResponse1), - issuableItem = mockIssue, - issuableType = issuableTypes.issue, - } = {}) => { - mockApollo = createMockApollo([ - [blockingIssuablesQueries[issuableType].query, blockingIssuablesSpy], - ]); - - Vue.use(VueApollo); - wrapper = extendedWrapper( - mount(BoardBlockedIcon, { - apolloProvider: mockApollo, - propsData: { - item: { - ...issuableItem, - ...item, - }, - uniqueId: 'uniqueId', - issuableType, - }, - attachTo: document.body, - }), - ); - }; - - const createWrapper = ({ - item = {}, - queries = {}, - data = {}, - loading = false, - mockIssuable = mockIssue, - issuableType = issuableTypes.issue, - } = {}) => { - wrapper = extendedWrapper( - shallowMount(BoardBlockedIcon, { - propsData: { - item: { - ...mockIssuable, - ...item, - }, - uniqueId: 'uniqueid', - issuableType, - }, - data() { - return { - ...data, - }; - }, - mocks: { - $apollo: { - queries: { - blockingIssuables: { loading }, - ...queries, - }, - }, - }, - stubs: { - GlPopover, - }, - attachTo: document.body, - }), - ); - }; - - it.each` - mockIssuable | issuableType | expectedIcon - ${mockIssue} | ${issuableTypes.issue} | ${'issue-block'} - ${mockEpic} | ${issuableTypes.epic} | ${'entity-blocked'} - `( - 'should render blocked icon for $issuableType', - ({ mockIssuable, issuableType, expectedIcon }) => { - createWrapper({ - mockIssuable, - issuableType, - }); - - expect(findGlIcon().exists()).toBe(true); - const icon = findGlIcon(); - expect(icon.exists()).toBe(true); - expect(icon.props('name')).toBe(expectedIcon); - }, - ); - - it('should display a loading spinner while loading', () => { - createWrapper({ loading: true }); - - expect(wrapper.findComponent(GlLoadingIcon).exists()).toBe(true); - }); - - it('should not query for blocking issuables by default', async () => { - createWrapperWithApollo(); - - expect(findGlPopover().text()).not.toContain(mockBlockingIssue1.title); - }); - - describe('on mouseenter on blocked icon', () => { - it.each` - item | issuableType | mockBlockingIssuable | issuableItem | blockingIssuablesSpy - ${mockBlockedIssue1} | ${issuableTypes.issue} | ${mockBlockingIssue1} | ${mockIssue} | ${jest.fn().mockResolvedValue(mockBlockingIssuablesResponse1)} - ${mockBlockedEpic1} | ${issuableTypes.epic} | ${mockBlockingEpic1} | ${mockEpic} | ${jest.fn().mockResolvedValue(mockBlockingEpicIssuablesResponse1)} - `( - 'should query for blocking issuables and render the result for $issuableType', - async ({ item, issuableType, issuableItem, mockBlockingIssuable, blockingIssuablesSpy }) => { - createWrapperWithApollo({ - item, - issuableType, - issuableItem, - blockingIssuablesSpy, - }); - - expect(findGlPopover().text()).not.toContain(mockBlockingIssuable.title); - - await mouseenter(); - - expect(findGlPopover().exists()).toBe(true); - expect(findIssuableTitle().text()).toContain(mockBlockingIssuable.title); - expect(wrapper.vm.skip).toBe(true); - }, - ); - - it('should emit "blocking-issuables-error" event on query error', async () => { - const mockError = new Error('mayday'); - createWrapperWithApollo({ blockingIssuablesSpy: jest.fn().mockRejectedValue(mockError) }); - - await mouseenter(); - - const [ - [ - { - message, - error: { networkError }, - }, - ], - ] = wrapper.emitted('blocking-issuables-error'); - expect(message).toBe('Failed to fetch blocking issues'); - expect(networkError).toBe(mockError); - }); - - describe('with a single blocking issue', () => { - beforeEach(async () => { - createWrapperWithApollo(); - - await mouseenter(); - }); - - it('should render a title of the issuable', async () => { - expect(findIssuableTitle().text()).toBe(mockBlockingIssue1.title); - }); - - it('should render issuable reference and link to the issuable', async () => { - const formattedRef = mockBlockingIssue1.reference.split('/')[1]; - - expect(findGlLink().text()).toBe(formattedRef); - expect(findGlLink().attributes('href')).toBe(mockBlockingIssue1.webUrl); - }); - - it('should render popover title with correct blocking issuable count', async () => { - expect(findPopoverTitle().text()).toBe('Blocked by 1 issue'); - }); - }); - - describe('when issue has a long title', () => { - it('should render a truncated title', async () => { - createWrapperWithApollo({ - blockingIssuablesSpy: jest.fn().mockResolvedValue(mockBlockingIssuablesResponse2), - }); - - await mouseenter(); - - const truncatedTitle = truncate( - mockBlockingIssue2.title, - wrapper.vm.$options.textTruncateWidth, - ); - expect(findIssuableTitle().text()).toBe(truncatedTitle); - }); - }); - - describe('with more than three blocking issues', () => { - beforeEach(async () => { - createWrapperWithApollo({ - item: mockBlockedIssue2, - blockingIssuablesSpy: jest.fn().mockResolvedValue(mockBlockingIssuablesResponse3), - }); - - await mouseenter(); - }); - - it('matches the snapshot', () => { - expect(wrapper.html()).toMatchSnapshot(); - }); - - it('should render popover title with correct blocking issuable count', async () => { - expect(findPopoverTitle().text()).toBe('Blocked by 4 issues'); - }); - - it('should render the number of hidden blocking issuables', () => { - expect(findHiddenBlockingCount().text()).toBe('+ 1 more issue'); - }); - - it('should link to the blocked issue page at the related issue anchor', async () => { - expect(findViewAllIssuableLink().text()).toBe('View all blocking issues'); - expect(findViewAllIssuableLink().attributes('href')).toBe( - `${mockBlockedIssue2.webUrl}#related-issues`, - ); - }); - }); - }); -}); -- cgit v1.2.3