diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2023-11-14 11:41:52 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2023-11-14 11:41:52 +0300 |
commit | 585826cb22ecea5998a2c2a4675735c94bdeedac (patch) | |
tree | 5b05f0b30d33cef48963609e8a18a4dff260eab3 /spec/frontend/users/profile | |
parent | df221d036e5d0c6c0ee4d55b9c97f481ee05dee8 (diff) |
Add latest changes from gitlab-org/gitlab@16-6-stable-eev16.6.0-rc42
Diffstat (limited to 'spec/frontend/users/profile')
-rw-r--r-- | spec/frontend/users/profile/components/report_abuse_button_spec.js | 79 |
1 files changed, 0 insertions, 79 deletions
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); - }); - }); -}); |