From 3c55affa6684311ca73bc4e3d3bfb17b7541f63b Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Thu, 19 Oct 2023 15:07:55 +0000 Subject: Add latest changes from gitlab-org/gitlab@master --- .../profile/components/report_abuse_button_spec.js | 79 ---------------------- 1 file changed, 79 deletions(-) delete mode 100644 spec/frontend/users/profile/components/report_abuse_button_spec.js (limited to 'spec/frontend/users') diff --git a/spec/frontend/users/profile/components/report_abuse_button_spec.js b/spec/frontend/users/profile/components/report_abuse_button_spec.js deleted file mode 100644 index 1ca944dce12..00000000000 --- a/spec/frontend/users/profile/components/report_abuse_button_spec.js +++ /dev/null @@ -1,79 +0,0 @@ -import { GlButton } from '@gitlab/ui'; -import { createWrapper } from '@vue/test-utils'; -import { shallowMountExtended } from 'helpers/vue_test_utils_helper'; -import { BV_HIDE_TOOLTIP } from '~/lib/utils/constants'; -import ReportAbuseButton from '~/users/profile/components/report_abuse_button.vue'; -import AbuseCategorySelector from '~/abuse_reports/components/abuse_category_selector.vue'; - -describe('ReportAbuseButton', () => { - let wrapper; - - const ACTION_PATH = '/abuse_reports/add_category'; - const USER_ID = 1; - const REPORTED_FROM_URL = 'http://example.com'; - - const createComponent = (props) => { - wrapper = shallowMountExtended(ReportAbuseButton, { - propsData: { - ...props, - }, - provide: { - reportAbusePath: ACTION_PATH, - reportedUserId: USER_ID, - reportedFromUrl: REPORTED_FROM_URL, - }, - }); - }; - - beforeEach(() => { - createComponent(); - }); - - const findReportAbuseButton = () => wrapper.findComponent(GlButton); - const findAbuseCategorySelector = () => wrapper.findComponent(AbuseCategorySelector); - - it('renders report abuse button', () => { - expect(findReportAbuseButton().exists()).toBe(true); - - expect(findReportAbuseButton().props()).toMatchObject({ - category: 'primary', - icon: 'error', - }); - - expect(findReportAbuseButton().attributes('aria-label')).toBe( - ReportAbuseButton.i18n.reportAbuse, - ); - }); - - it('renders abuse category selector with the drawer initially closed', () => { - expect(findAbuseCategorySelector().exists()).toBe(true); - - expect(findAbuseCategorySelector().props('showDrawer')).toBe(false); - }); - - describe('when button is clicked', () => { - beforeEach(async () => { - await findReportAbuseButton().vm.$emit('click'); - }); - - it('opens the abuse category selector', () => { - expect(findAbuseCategorySelector().props('showDrawer')).toBe(true); - }); - - it('closes the abuse category selector', async () => { - await findAbuseCategorySelector().vm.$emit('close-drawer'); - - expect(findAbuseCategorySelector().props('showDrawer')).toBe(false); - }); - }); - - describe('when user hovers out of the button', () => { - it(`should emit ${BV_HIDE_TOOLTIP} to close the tooltip`, () => { - const rootWrapper = createWrapper(wrapper.vm.$root); - - findReportAbuseButton().vm.$emit('mouseout'); - - expect(rootWrapper.emitted(BV_HIDE_TOOLTIP)).toHaveLength(1); - }); - }); -}); -- cgit v1.2.3