summaryrefslogtreecommitdiff
path: root/spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js')
-rw-r--r--spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js115
1 files changed, 0 insertions, 115 deletions
diff --git a/spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js b/spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js
deleted file mode 100644
index 93d8e640968..00000000000
--- a/spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { mount, createWrapper } from '@vue/test-utils';
-import { within } from '@testing-library/dom';
-import { GlAvatarLink, GlBadge } from '@gitlab/ui';
-import { member as memberMock, orphanedMember } from '../mock_data';
-import UserAvatar from '~/vue_shared/components/members/avatars/user_avatar.vue';
-
-describe('UserAvatar', () => {
- let wrapper;
-
- const { user } = memberMock;
-
- const createComponent = (propsData = {}) => {
- wrapper = mount(UserAvatar, {
- propsData: {
- member: memberMock,
- isCurrentUser: false,
- ...propsData,
- },
- });
- };
-
- const getByText = (text, options) =>
- createWrapper(within(wrapper.element).findByText(text, options));
-
- const findStatusEmoji = emoji => wrapper.find(`gl-emoji[data-name="${emoji}"]`);
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- it("renders link to user's profile", () => {
- createComponent();
-
- const link = wrapper.find(GlAvatarLink);
-
- expect(link.exists()).toBe(true);
- expect(link.attributes()).toMatchObject({
- href: user.webUrl,
- 'data-user-id': `${user.id}`,
- 'data-username': user.username,
- });
- });
-
- it("renders user's name", () => {
- createComponent();
-
- expect(getByText(user.name).exists()).toBe(true);
- });
-
- it("renders user's username", () => {
- createComponent();
-
- expect(getByText(`@${user.username}`).exists()).toBe(true);
- });
-
- it("renders user's avatar", () => {
- createComponent();
-
- expect(wrapper.find('img').attributes('src')).toBe(user.avatarUrl);
- });
-
- describe('when user property does not exist', () => {
- it('displays an orphaned user', () => {
- createComponent({ member: orphanedMember });
-
- expect(getByText('Orphaned member').exists()).toBe(true);
- });
- });
-
- describe('badges', () => {
- it.each`
- member | badgeText
- ${{ ...memberMock, user: { ...memberMock.user, blocked: true } }} | ${'Blocked'}
- ${{ ...memberMock, user: { ...memberMock.user, twoFactorEnabled: true } }} | ${'2FA'}
- `('renders the "$badgeText" badge', ({ member, badgeText }) => {
- createComponent({ member });
-
- expect(wrapper.find(GlBadge).text()).toBe(badgeText);
- });
-
- it('renders the "It\'s you" badge when member is current user', () => {
- createComponent({ isCurrentUser: true });
-
- expect(getByText("It's you").exists()).toBe(true);
- });
- });
-
- describe('user status', () => {
- const emoji = 'island';
-
- describe('when set', () => {
- it('displays the status emoji', () => {
- createComponent({
- member: {
- ...memberMock,
- user: {
- ...memberMock.user,
- status: { emoji, messageHtml: 'On vacation' },
- },
- },
- });
-
- expect(findStatusEmoji(emoji).exists()).toBe(true);
- });
- });
-
- describe('when not set', () => {
- it('does not display status emoji', () => {
- createComponent();
-
- expect(findStatusEmoji(emoji).exists()).toBe(false);
- });
- });
- });
-});