@orfeas126/box-ui-elements/src/features/presence/__tests__/PresenceCollaborator.test.js

Box UI Elements

import * as React from 'react';
import { createIntl } from 'react-intl';
import { PresenceCollaboratorComponent as PresenceCollaborator, renderTimestampMessage } from '../PresenceCollaborator';

const collaborator = {
    avatarUrl: '',
    id: '1',
    isActive: false,
    interactedAt: 999,
    interactionType: 'user.item_preview',
    name: 'Pooh Bear',
};

const intl = createIntl({});

describe('features/presence/PresenceCollaborator', () => {
    const getWrapper = (props = {}) =>
        shallow(<PresenceCollaborator collaborator={collaborator} intl={intl} {...props} />);

    describe('renderTimestampMessage()', () => {
        test('should return null when interactionType is an unkown type', () => {
            const res = renderTimestampMessage(123, 'test1234', intl);
            expect(res).toEqual(null);
        });

        test('should not return null when interactionType is a known type', () => {
            const res = renderTimestampMessage(123, 'user.item_preview', intl);
            expect(res).not.toEqual(null);
        });
    });

    describe('render()', () => {
        test('should correctly render a collaborator', () => {
            const wrapper = getWrapper();

            expect(wrapper.find('.bdl-PresenceCollaborator').length).toBe(1);
            expect(wrapper.exists('Avatar')).toBe(false);
            expect(wrapper.exists('PresenceAvatar')).toBe(true);
        });

        test('should have the correct title prop for the default browser tooltip', () => {
            const wrapper = getWrapper();
            const userInfo = wrapper.find('.bdl-PresenceCollaborator-info-name');

            expect(userInfo.prop('title')).toEqual('Pooh Bear');
        });

        test('should correctly render an anonymous avatar', () => {
            const wrapper = getWrapper({ isAnonymous: true });

            expect(wrapper.exists('Avatar')).toBe(true);
            expect(wrapper.exists('PresenceAvatar')).toBe(false);
        });
    });
});