box-ui-elements-test
Version:
Box UI Elements
1,064 lines (953 loc) • 44 kB
JavaScript
import * as React from 'react';
import { ITEM_TYPE_WEBLINK, ITEM_TYPE_FOLDER } from '../../../common/constants';
import { CAN_EDIT, JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB } from '../constants';
import { UnifiedShareFormBase as UnifiedShareForm } from '../UnifiedShareForm';
describe('features/unified-share-modal/UnifiedShareForm', () => {
const intl = { formatMessage: jest.fn() };
const defaultItem = {
id: '111',
name: 'test file',
type: 'file',
typedID: 'f_111',
grantedPermissions: {
itemShare: true,
},
hideCollaborators: false,
};
const defaultContacts = [
{
id: 12345,
name: 'X User',
type: 'group',
},
{
value: 'y@example.com',
email: 'y@example.com',
id: 23456,
isExternalUser: true,
name: 'Y User',
type: 'user',
},
{
value: 'z@example.com',
email: 'z@example.com',
id: 34567,
isExternalUser: true,
name: 'Z User',
type: 'user',
},
];
const defaultUserContacts = defaultContacts.filter(({ type }) => type === 'user');
const testPermission = {
text: 'Editor',
value: 'Editor',
};
const collaboratorsList = {
collaborators: [],
};
const defaultTrackingProps = {
inviteCollabsEmailTracking: {},
sharedLinkEmailTracking: {},
sharedLinkTracking: {},
inviteCollabTracking: {},
modalTracking: {},
removeLinkConfirmModalTracking: {},
};
const getWrapper = (props = {}) =>
shallow(
<UnifiedShareForm
classification={{ definition: undefined, name: undefined }}
collaborationRestrictionWarning=""
collaboratorsList={collaboratorsList}
handleFtuxCloseClick={() => null}
intl={intl}
inviteePermissions={[testPermission]}
item={defaultItem}
restrictedGroups={[]}
sharedLink={{}}
trackingProps={props.trackingProps || defaultTrackingProps}
{...props}
/>,
);
describe('render()', () => {
test('should render a default component with default props', () => {
const wrapper = getWrapper({ isFetching: false });
expect(wrapper).toMatchSnapshot();
});
test('should render an allShareRestrictionWarning message when it is available', () => {
const SharingRestrictionWarning = <div className="test-class">Sharing is prohibited</div>;
const wrapper = getWrapper({ allShareRestrictionWarning: SharingRestrictionWarning, isFetching: false });
expect(wrapper.find('.test-class')).toMatchSnapshot();
});
test('should render a default component in initial loading state', () => {
const wrapper = getWrapper({ isFetching: true });
expect(wrapper).toMatchSnapshot();
});
test('should render a default component when showing invite section expanded', () => {
const wrapper = getWrapper({
isFetching: false,
});
wrapper.setState({
isInviteSectionExpanded: true,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component FTUX based on enabled prop and state', () => {
const wrapper = getWrapper({
shouldRenderFTUXTooltip: true,
showCalloutForUser: true,
});
expect(wrapper).toMatchSnapshot();
});
test('should not render a default component FTUX when prop is false', () => {
const wrapper = getWrapper({
shouldRenderFTUXTooltip: true,
showCalloutForUser: false,
});
expect(wrapper).toMatchSnapshot();
});
test('should not render a default component FTUX when state is false', () => {
const wrapper = getWrapper({
showCalloutForUser: true,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with confirm modal open', () => {
const wrapper = getWrapper({ isConfirmModalOpen: true, isFetching: false, closeConfirmModal: () => null });
expect(wrapper).toMatchSnapshot();
});
test('should render a default component when the user cannot invite collaborators due to permissions', () => {
const item = { ...defaultItem, type: ITEM_TYPE_FOLDER };
const wrapper = getWrapper({
canInvite: false,
item,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component when the user cannot invite collaborators due to item type of weblink', () => {
const item = { ...defaultItem, type: ITEM_TYPE_WEBLINK };
const wrapper = getWrapper({
canInvite: false,
isFetching: false,
item,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with send invite error specified', () => {
const errorNode = <span>Some Error</span>;
const wrapper = getWrapper({
canInvite: true,
isFetching: false,
sendInvitesError: errorNode,
});
wrapper.setState({
isInviteSectionExpanded: true,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with collaboration restriction warning specified and invite section is expanded', () => {
const collaborationRestrictionWarning =
'Collaboration invitations can only be sent to people within company.';
const wrapper = getWrapper({
canInvite: true,
collaborationRestrictionWarning,
isFetching: false,
});
wrapper.setState({
isInviteSectionExpanded: true,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with collaboration restriction warning specified and invite section is NOT expanded', () => {
const collaborationRestrictionWarning =
'Collaboration invitations can only be sent to people within company.';
const wrapper = getWrapper({
canInvite: true,
collaborationRestrictionWarning,
isFetching: false,
});
wrapper.setState({
isInviteSectionExpanded: false,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with invitee permissions listed', () => {
const wrapper = getWrapper({
canInvite: true,
inviteePermissions: ['Editor'],
isFetching: false,
submitting: false,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with upgrade CTA when showUpgradeOptions is enabled', () => {
const wrapper = getWrapper({
canInvite: true,
isFetching: false,
showUpgradeOptions: true,
});
expect(wrapper.exists('UpgradeBadge')).toBe(true);
});
test('should render correct upgrade inline notice when showUpgradeInlineNotice and showUpgradeOptions is enabled', () => {
const wrapper = getWrapper({
canInvite: true,
isFetching: false,
showUpgradeInlineNotice: true,
showUpgradeOptions: true,
});
expect(wrapper.exists('UpgradeBadge')).toBe(false);
expect(wrapper.exists('InlineNotice')).toBe(true);
});
test('should render a default component with correct Focus element and props when focusSharedLinkOnLoad is enabled', () => {
const wrapper = getWrapper({
focusSharedLinkOnLoad: true,
sharedLink: {
url: 'https://foo.com',
},
sharedLinkLoaded: true,
});
wrapper.setState({
isEmailLinkSectionExpanded: false,
isInviteSectionExpanded: false,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a component with autofocus set for shared link when focusSharedLinkOnLoad is enabled and there is a shared link', () => {
const wrapper = getWrapper({
focusSharedLinkOnLoad: true,
sharedLink: {
url: 'https://foo.com',
},
sharedLinkLoaded: true,
});
wrapper.setState({
isEmailLinkSectionExpanded: false,
isInviteSectionExpanded: false,
});
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with collaborator list if showCollaboratorList state is set', () => {
const collaborators = [
{
name: 'test a',
hasCustomAvatar: false,
},
{
name: 'test b',
hasCustomAvatar: false,
},
];
const wrapper = getWrapper({
collaboratorsList: {
...collaboratorsList,
collaborators,
},
});
wrapper.setState({ showCollaboratorList: true });
expect(wrapper).toMatchSnapshot();
});
test('should render a default component with ACI toggle if enabled ', () => {
const wrapper = getWrapper({ onAdvancedContentInsightsToggle: jest.fn() });
expect(wrapper.exists('AdvancedContentInsightsToggle')).toBe(true);
});
test('should not render a default component with ACI toggle if disabled ', () => {
const wrapper = getWrapper();
expect(wrapper.exists('AdvancedContentInsightsToggle')).toBe(false);
});
});
describe('renderCollaboratorAvatars()', () => {
test('should not render if hideCollaborators is true and canInvite is false', () => {
const wrapper = getWrapper({
canInvite: false,
item: { hideCollaborators: true },
});
const emailForm = wrapper.find('EmailForm');
const contactsFieldAvatars = emailForm.prop('contactsFieldAvatars');
expect(contactsFieldAvatars).toMatchSnapshot();
});
test('should filter out current user', () => {
const wrapper = getWrapper({
currentUserID: '1234',
collaboratorsList: {
collaborators: [{ userID: 1234 }, { userID: 5678 }],
},
});
const emailForm = wrapper.find('EmailForm');
const contactsFieldAvatars = emailForm.prop('contactsFieldAvatars');
expect(contactsFieldAvatars).toMatchSnapshot();
});
});
describe('onToggleSharedLink()', () => {
test('should open the confirm modal when the toggle is set to false', () => {
const onHandleFtuxCloseClickStub = jest.fn();
const onOpenConfirmModalStub = jest.fn();
const onToggleSharedLinkStub = jest.fn();
const input = mount(<input type="checkbox" readOnly />);
const trackingProps = {
...defaultTrackingProps,
sharedLinkTracking: {
onToggleLink: onToggleSharedLinkStub,
},
};
const wrapper = getWrapper({
handleFtuxCloseClick: onHandleFtuxCloseClickStub,
openConfirmModal: onOpenConfirmModalStub,
sharedLink: {
canChangeAccessLevel: true,
url: 'https://example.com/shared-link',
},
shouldRenderFTUXTooltip: true,
trackingProps,
});
wrapper.instance().onToggleSharedLink({
target: input.instance(),
});
expect(onHandleFtuxCloseClickStub).toHaveBeenCalled();
expect(onOpenConfirmModalStub).toHaveBeenCalled();
expect(onToggleSharedLinkStub).toHaveBeenCalled();
});
test('should add the link when the the toggle is set to true', () => {
const onHandleFtuxCloseClickStub = jest.fn();
const onToggleSharedLinkStub = jest.fn();
const onAddLinkStub = jest.fn();
const trackingProps = {
...defaultTrackingProps,
sharedLinkTracking: {
onToggleLink: onToggleSharedLinkStub,
},
};
const input = mount(<input type="checkbox" checked readOnly />);
const wrapper = getWrapper({
sharedLink: {
url: 'https://example.com/shared-link',
},
trackingProps,
onAddLink: onAddLinkStub,
});
wrapper.instance().onToggleSharedLink({
target: input.instance(),
});
expect(onHandleFtuxCloseClickStub).not.toHaveBeenCalled();
expect(onToggleSharedLinkStub).toHaveBeenCalled();
});
});
describe('handleSendInvites()', () => {
test('should call onSendClick and sendInvites with correct params', async () => {
const onSendClick = jest.fn();
const sendInvites = jest.fn();
const trackingProps = {
...defaultTrackingProps,
inviteCollabsEmailTracking: { onSendClick },
};
const expectedParams = {
emails: 'dvader@example.com,fbar@example.com',
groupIDs: 'eng@example.com,product@example.com',
emailMessage: 'Yo',
permission: 'Editor',
numsOfInvitees: 2,
numOfInviteeGroups: 2,
};
const wrapper = getWrapper({ sendInvites, trackingProps });
wrapper.setState({ inviteePermissionLevel: 'Editor' });
await wrapper.instance().handleSendInvites({
emails: ['dvader@example.com', 'fbar@example.com'],
groupIDs: ['eng@example.com', 'product@example.com'],
message: 'Yo',
});
expect(onSendClick).toBeCalledWith(expectedParams);
expect(sendInvites).toBeCalledWith(expectedParams);
});
test('should include classification label id and justification reason when justification is required and has been selected', async () => {
const sendInvites = jest.fn();
const classificationLabelId = '123';
const restrictedEmails = ['restricted@example.com'];
const justificationReason = { value: '123', displayText: 'My Reason' };
const wrapper = getWrapper({
isCollabRestrictionJustificationAllowed: true,
restrictedCollabEmails: restrictedEmails,
sendInvites,
});
wrapper.setState({ classificationLabelId });
await wrapper.instance().handleSendInvites({
emails: ['a@example.com', 'a@example.com', 'restricted@example.com'],
groupIDs: ['234'],
justificationReason,
message: 'message',
restrictedEmails: ['restricted@example.com'],
});
expect(sendInvites).toHaveBeenCalledWith(
expect.objectContaining({
classificationLabelId,
justificationReason: {
id: justificationReason.value,
title: justificationReason.displayText,
},
}),
);
});
});
describe('handleSendSharedLink()', () => {
test('should call onSendClick and sendSharedLink with the correct params', async () => {
const data = {
emails: ['dvader@example.com', 'fbar@example.com'],
groupIDs: ['eng@example.com', 'product@example.com'],
};
const onSendClick = jest.fn();
const sendSharedLink = jest.fn();
const sharedLink = { permissionLevel: CAN_EDIT };
const trackingProps = {
...defaultTrackingProps,
sharedLinkEmailTracking: { onSendClick },
};
const expectedParams = {
...data,
numsOfRecipients: 2,
numOfRecipientGroups: 2,
permissionLevel: CAN_EDIT,
};
const wrapper = getWrapper({ sendSharedLink, sharedLink, trackingProps });
await wrapper.instance().handleSendSharedLink(data);
expect(onSendClick).toBeCalledWith(expectedParams);
expect(sendSharedLink).toBeCalledWith(data);
});
});
describe('handleInviteePermissionChange()', () => {
test('should set the permission in the state', () => {
const onInviteePermissionChange = jest.fn();
const trackingProps = {
...defaultTrackingProps,
inviteCollabTracking: {
onInviteePermissionChange,
},
};
const wrapper = getWrapper({ trackingProps });
wrapper.instance().handleInviteePermissionChange('Editor');
expect(wrapper.state('inviteePermissionLevel')).toEqual('Editor');
expect(onInviteePermissionChange).toBeCalledWith('Editor');
});
});
describe('openInviteCollaborators()', () => {
test('should set state to open if value is not empty', () => {
const wrapper = getWrapper();
wrapper.setState({
isInviteSectionExpanded: false,
});
wrapper.instance().openInviteCollaborators('t');
expect(wrapper.state('isInviteSectionExpanded')).toBe(true);
});
test('should leave state closed if value is empty', () => {
const wrapper = getWrapper();
wrapper.setState({
isInviteSectionExpanded: false,
});
wrapper.instance().openInviteCollaborators('');
expect(wrapper.state('isInviteSectionExpanded')).toBe(false);
});
test('should call onEnterInviteCollabs if invite section expanded first time', () => {
const onEnterInviteCollabs = jest.fn();
const wrapper = getWrapper({
trackingProps: {
...defaultTrackingProps,
inviteCollabTracking: {
onEnterInviteCollabs,
},
},
});
wrapper.setState({
isInviteSectionExpanded: false,
});
wrapper.instance().openInviteCollaborators('t');
expect(onEnterInviteCollabs).toBeCalled();
expect(wrapper.state('isInviteSectionExpanded')).toBe(true);
});
});
describe('openInviteCollaboratorsSection()', () => {
test('should set isInviteSectionExpanded to true', () => {
const wrapper = getWrapper();
wrapper.setState({ isInviteSectionExpanded: false });
wrapper.instance().openInviteCollaboratorsSection();
expect(wrapper.state('isInviteSectionExpanded')).toBe(true);
});
});
describe('closeInviteCollaborators()', () => {
test('should set state properly', () => {
const wrapper = getWrapper();
wrapper.setState({
isFetching: false,
isInviteSectionExpanded: true,
});
wrapper.instance().closeInviteCollaborators();
expect(wrapper.state('isInviteSectionExpanded')).toBe(false);
});
});
describe('openEmailSharedLinkForm()', () => {
test('should set state properly', () => {
const onHandleFtuxCloseClickStub = jest.fn();
const wrapper = getWrapper({
handleFtuxCloseClick: onHandleFtuxCloseClickStub,
isFetching: false,
shouldRenderFTUXTooltip: true,
});
wrapper.setState({
isEmailLinkSectionExpanded: false,
});
wrapper.instance().openEmailSharedLinkForm();
expect(wrapper.state('isEmailLinkSectionExpanded')).toBe(true);
expect(onHandleFtuxCloseClickStub).toHaveBeenCalled();
// when this state is set, confirm the layout is correct
expect(wrapper).toMatchSnapshot();
});
});
describe('closeEmailSharedLinkForm()', () => {
test('should set state properly', () => {
const wrapper = getWrapper();
wrapper.setState({
isFetching: false,
isEmailLinkSectionExpanded: true,
});
wrapper.instance().closeEmailSharedLinkForm();
expect(wrapper.state('isEmailLinkSectionExpanded')).toBe(false);
// when this state is set, confirm the layout is correct
expect(wrapper).toMatchSnapshot();
});
});
describe('shouldAutoFocusSharedLink()', () => {
test('should return false if not forced focus or a new shared link', () => {
const wrapper = getWrapper({
focusSharedLinkOnLoad: false,
sharedLink: {
isNewSharedLink: false,
},
sharedLinkLoaded: false,
});
expect(wrapper.instance().shouldAutoFocusSharedLink()).toBe(false);
});
test('should return false if shared link is not yet loaded', () => {
const wrapper = getWrapper({
focusSharedLinkOnLoad: true,
sharedLink: {
isNewSharedLink: false,
},
sharedLinkLoaded: false,
});
expect(wrapper.instance().shouldAutoFocusSharedLink()).toBe(false);
});
test('should return true if forced focus and link is loaded', () => {
const wrapper = getWrapper({
focusSharedLinkOnLoad: true,
sharedLink: {
isNewSharedLink: false,
},
sharedLinkLoaded: true,
});
expect(wrapper.instance().shouldAutoFocusSharedLink()).toBe(true);
});
test('should return true if forced focus and link is loaded and createSharedLinkOnLoad is true', () => {
const wrapper = getWrapper({
createSharedLinkOnLoad: true,
focusSharedLinkOnLoad: true,
sharedLink: {
isNewSharedLink: false,
},
sharedLinkLoaded: true,
});
expect(wrapper.instance().shouldAutoFocusSharedLink()).toBe(true);
});
test('should return true if new shared link and link is loaded', () => {
const wrapper = getWrapper({
createSharedLinkOnLoad: true,
focusSharedLinkOnLoad: false,
sharedLink: {
isNewSharedLink: true,
},
sharedLinkLoaded: true,
});
expect(wrapper.instance().shouldAutoFocusSharedLink()).toBe(true);
});
});
describe('componentDidUpdate()', () => {
test.each`
isCollabRestrictionJustificationAllowed | restrictedCollabEmails | restrictedGroups | conditionDescription
${false} | ${[]} | ${[]} | ${'collab restrictions do not change'}
${false} | ${defaultUserContacts.map(({ email }) => email)} | ${[]} | ${'collab restrictions change but justification is not allowed'}
${true} | ${['unmatched_email@example.com']} | ${[]} | ${'collab restrictions change but no restricted collabs are present'}
`(
'should not fetch justification reasons when $conditionDescription',
({ isCollabRestrictionJustificationAllowed, restrictedCollabEmails, restrictedGroups }) => {
const getJustificationReasons = jest.fn().mockResolvedValue({});
const wrapper = getWrapper({
getJustificationReasons,
isCollabRestrictionJustificationAllowed: false,
item: defaultItem,
restrictedCollabEmails: [],
restrictedGroups: [],
});
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
wrapper.setProps({
isCollabRestrictionJustificationAllowed,
restrictedCollabEmails,
restrictedGroups,
});
expect(getJustificationReasons).toHaveBeenCalledTimes(0);
},
);
test.each`
isCollabRestrictionJustificationAllowed | restrictedCollabEmails | restrictedGroups | conditionDescription
${true} | ${defaultUserContacts.map(({ email }) => email)} | ${[]} | ${'collab restrictions change, justification is allowed and restricted collabs are present'}
${true} | ${[]} | ${[12345]} | ${'collab group restrictions change, justification is allowed and restricted collabs are present'}
`(
'should fetch justification reasons when $conditionDescription',
({ isCollabRestrictionJustificationAllowed, restrictedCollabEmails, restrictedGroups }) => {
const getJustificationReasons = jest.fn().mockResolvedValue({});
const wrapper = getWrapper({
getJustificationReasons,
isCollabRestrictionJustificationAllowed: false,
item: defaultItem,
restrictedCollabEmails: [],
restrictedGroups: [],
});
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
wrapper.setProps({
isCollabRestrictionJustificationAllowed,
restrictedCollabEmails,
restrictedGroups,
});
expect(getJustificationReasons).toHaveBeenCalledTimes(1);
expect(getJustificationReasons).toHaveBeenCalledWith(
defaultItem.typedID,
JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB,
);
expect(wrapper.state('justificationReasons')).toEqual([]);
},
);
});
describe('fetchJustificationReasons()', () => {
const justificationReasons = [
{ id: '123', title: 'Reason A' },
{ id: '234', title: 'Reason B' },
{ id: '345', title: 'Reason C' },
];
const justificationReasonOptions = justificationReasons.map(({ id, title }) => ({
value: id,
displayText: title,
}));
test('should fetch justification reasons, pass them on to collab email form and store classification label id', async () => {
const classificationLabelId = '123';
const getJustificationReasons = jest.fn().mockResolvedValue({
classificationLabelId,
options: justificationReasons,
});
const wrapper = getWrapper({
getJustificationReasons,
isCollabRestrictionJustificationAllowed: false,
item: defaultItem,
restrictedCollabEmails: [],
});
await wrapper.instance().fetchJustificationReasons(defaultItem, JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB);
const collabEmailForm = wrapper.find('[data-testid="invite-collaborator-container"] EmailForm');
expect(collabEmailForm).toHaveLength(1);
expect(collabEmailForm.props().justificationReasons).toEqual(justificationReasonOptions);
expect(collabEmailForm.props().isFetchingJustificationReasons).toBe(false);
expect(wrapper.state().classificationLabelId).toBe(classificationLabelId);
expect(getJustificationReasons).toHaveBeenCalledTimes(1);
expect(getJustificationReasons).toHaveBeenCalledWith(
defaultItem.typedID,
JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB,
);
});
test('should set isFetchingJustificationReasons to false when fetching justification reasons fails', async () => {
const getJustificationReasons = jest.fn().mockRejectedValue('Error');
const wrapper = getWrapper({
getJustificationReasons,
isCollabRestrictionJustificationAllowed: false,
item: defaultItem,
restrictedCollabEmails: [],
});
wrapper.setState({ isFetchingJustificationReasons: true });
try {
await wrapper
.instance()
.fetchJustificationReasons(defaultItem, JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB);
} catch (e) {
// no-op
}
expect(wrapper.state().isFetchingJustificationReasons).toBe(false);
});
});
describe('updateInviteCollabsContacts()', () => {
test('should store updated contacts and call setUpdatedContacts', () => {
const setUpdatedContacts = jest.fn();
const wrapper = getWrapper({ setUpdatedContacts });
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
const collabEmailForm = wrapper.find('[data-testid="invite-collaborator-container"] EmailForm');
expect(collabEmailForm).toHaveLength(1);
expect(collabEmailForm.props().selectedContacts).toEqual(defaultContacts);
expect(setUpdatedContacts).toHaveBeenCalledTimes(1);
expect(setUpdatedContacts).toHaveBeenCalledWith(defaultContacts);
});
test('should call onRemoveAllRestrictedCollabs when update results in all restricted contacts being removed', () => {
const onRemoveAllRestrictedCollabs = jest.fn();
const restrictedCollabEmails = ['y@example.com', 'z@example.com'];
const contactsMinusOneRestriction = defaultContacts.filter(value => value !== 'y@example.com');
const contactsMinusAllRestrictions = defaultContacts.filter(value =>
restrictedCollabEmails.includes(value),
);
const wrapper = getWrapper({
onRemoveAllRestrictedCollabs,
restrictedCollabEmails,
});
// Adding new contacts, no call expected
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(0);
// Minus one restricted contact
wrapper.instance().updateInviteCollabsContacts(contactsMinusOneRestriction);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(0);
// Minus all restricted contacts
wrapper.instance().updateInviteCollabsContacts(contactsMinusAllRestrictions);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(1);
});
test('should call onRemoveAllRestrictedCollabs when update results in all restricted contacts including groups being removed', () => {
const onRemoveAllRestrictedCollabs = jest.fn();
const restrictedCollabEmails = ['y@example.com'];
const restrictedGroups = ['12345'];
const contactsMinusOneRestriction = defaultContacts.filter(value => value !== 'y@example.com');
const contactsMinusAllRestrictions = defaultContacts.filter(
(id, value) => restrictedGroups.includes(id) || restrictedCollabEmails.includes(value),
);
const wrapper = getWrapper({
onRemoveAllRestrictedCollabs,
restrictedCollabEmails,
});
// Adding new contacts, no call expected
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(0);
// Minus one restricted contact, group still remains
wrapper.instance().updateInviteCollabsContacts(contactsMinusOneRestriction);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(0);
// Minus all restricted contacts, including the group
wrapper.instance().updateInviteCollabsContacts(contactsMinusAllRestrictions);
expect(onRemoveAllRestrictedCollabs).toHaveBeenCalledTimes(1);
});
});
describe('shouldRequireCollabJustification()', () => {
test.each`
isCollabRestrictionJustificationAllowed | restrictedCollabEmails | restrictedGroups | expectedResult
${false} | ${[]} | ${[]} | ${false}
${true} | ${[]} | ${[]} | ${false}
${true} | ${[defaultUserContacts[0].value]} | ${[]} | ${true}
${true} | ${defaultUserContacts.map(({ value }) => value)} | ${[]} | ${true}
${true} | ${[]} | ${[12345]} | ${true}
`(
'should return $expectedResult when isCollabRestrictionJustificationAllowed is $isCollabRestrictionJustificationAllowed, restrictedCollabEmails is $restrictedCollabEmails and restrictedGroups is $restrictedGroups',
({ isCollabRestrictionJustificationAllowed, restrictedCollabEmails, restrictedGroups, expectedResult }) => {
const wrapper = getWrapper({
isCollabRestrictionJustificationAllowed,
item: defaultItem,
restrictedCollabEmails,
restrictedGroups,
});
wrapper.instance().updateInviteCollabsContacts(defaultContacts);
const collabEmailForm = wrapper.find('[data-testid="invite-collaborator-container"] EmailForm');
expect(collabEmailForm.props().isRestrictionJustificationEnabled).toBe(expectedResult);
},
);
});
describe('onPillCreate()', () => {
const email = 'dev@box.com';
const displayText = email;
const name = 'dev';
const text = name;
const id = 123;
const type = 'user';
const isExternalUser = true;
const value = email;
const inviteCollabsContacts = [
{
displayText: email,
value: email,
},
];
const emailSharedLinkContacts = [
{
displayText: email,
value: email,
},
];
test('should not retrieve emails if all the pills are select type', async () => {
const pills = [{ id: 123 }, { id: 456 }];
const getContactsByEmail = jest.fn();
const wrapper = getWrapper({ getContactsByEmail });
await wrapper.instance().onPillCreate('test', pills);
expect(getContactsByEmail).not.toHaveBeenCalled();
});
test('should retrieve emails and set the state for invite collabs contacts when the pills are mixed of selectType and contactType', async () => {
const pills = [{ displayText, text, value }, { id: 123 }];
const state = {
inviteCollabsContacts,
};
const getContactsByEmail = jest.fn().mockResolvedValue({
[email]: {
email,
id,
isExternalUser,
name,
type,
},
});
const expectedSelectedContacts = [
{
email,
id,
isExternalUser,
name,
text,
type,
value,
},
];
const wrapper = getWrapper({ getContactsByEmail });
wrapper.setState(state);
await wrapper.instance().onPillCreate('inviteCollabsContacts', pills);
const newSelectedContacts = wrapper.state('inviteCollabsContacts');
expect(newSelectedContacts).toEqual(expectedSelectedContacts);
});
test('should retrieve emails and set the state for email shared link contacts', async () => {
const pills = [{ displayText, text, value }];
const state = {
emailSharedLinkContacts,
};
const getContactsByEmail = jest.fn().mockResolvedValue({
[email]: {
email,
id,
isExternalUser,
name,
type,
},
});
const expectedSelectedContacts = [
{
email,
id,
isExternalUser,
name,
text,
type,
value,
},
];
const wrapper = getWrapper({ getContactsByEmail });
wrapper.setState(state);
await wrapper.instance().onPillCreate('emailSharedLinkContacts', pills);
const newSelectedContacts = wrapper.state('emailSharedLinkContacts');
expect(newSelectedContacts).toEqual(expectedSelectedContacts);
});
});
describe('hasExternalContact()', () => {
test('should return true if the invited collabs include at least one external user', () => {
const wrapper = getWrapper();
wrapper.setState({ inviteCollabsContacts: defaultContacts });
expect(wrapper.instance().hasExternalContact('inviteCollabsContacts')).toBe(true);
});
test('should return false if the invited collabs does not include any external user', () => {
const contacts = [
{
email: 'x@example.com',
id: '12345',
isExternalUser: false,
name: 'X User',
type: 'group',
},
{
email: 'z@example.com',
id: '34567',
isExternalUser: false,
name: 'Z User',
type: 'user',
},
];
const wrapper = getWrapper();
wrapper.setState({ inviteCollabsContacts: contacts });
expect(wrapper.instance().hasExternalContact('inviteCollabsContacts')).toBe(false);
});
test('should return true if the "Email Shared Link" contacts include at least one external user', () => {
const wrapper = getWrapper();
wrapper.setState({ emailSharedLinkContacts: defaultContacts });
expect(wrapper.instance().hasExternalContact('emailSharedLinkContacts')).toBe(true);
});
test('should not set isExternalUserInEmailSharedLinkContacts to true if the "Email Shared Link" contacts does not include any external user', () => {
const contacts = [
{
email: 'x@example.com',
id: '12345',
isExternalUser: false,
name: 'X User',
type: 'group',
},
{
email: 'z@example.com',
id: '34567',
isExternalUser: false,
name: 'Z User',
type: 'user',
},
];
const wrapper = getWrapper();
wrapper.setState({ emailSharedLinkContacts: contacts });
expect(wrapper.instance().hasExternalContact('emailSharedLinkContacts')).toBe(false);
});
test('should set isInviteSectionExpanded and inviteCollabsContacts correctly if there are initiallySelectedContacts', () => {
const initiallySelectedContacts = [
{
email: 'x@example.com',
id: '12345',
isExternalUser: false,
name: 'X User',
type: 'group',
},
];
const wrapper = getWrapper({ initiallySelectedContacts });
expect(wrapper.state('inviteCollabsContacts')).toEqual(initiallySelectedContacts);
expect(wrapper.state('isInviteSectionExpanded')).toEqual(true);
});
test('should set isInviteSectionExpanded and inviteCollabsContacts correctly if there are NO initiallySelectedContacts', () => {
const wrapper = getWrapper();
expect(wrapper.state('inviteCollabsContacts')).toEqual([]);
expect(wrapper.state('isInviteSectionExpanded')).toEqual(false);
});
});
describe('renderCollaboratorAvatars()', () => {
test('should not render if hideCollaborators is true and canInvite is false', () => {
const wrapper = getWrapper({
canInvite: false,
item: { hideCollaborators: true },
});
const emailForm = wrapper.find('EmailForm');
const contactsFieldAvatars = emailForm.prop('contactsFieldAvatars');
expect(contactsFieldAvatars).toMatchSnapshot();
});
test('should filter out current user', () => {
const wrapper = getWrapper({
currentUserID: '1234',
collaboratorsList: {
collaborators: [{ userID: 1234 }, { userID: 5678 }],
},
});
const emailForm = wrapper.find('EmailForm');
const contactsFieldAvatars = emailForm.prop('contactsFieldAvatars');
expect(contactsFieldAvatars).toMatchSnapshot();
});
});
describe('renderInviteSection()', () => {
test('should pass the config object into EmailForm', () => {
const config = {
showEmailSharedLinkForm: true,
showInviteCollaboratorMessageSection: true,
};
const wrapper = getWrapper({
config,
});
expect(wrapper.find('EmailForm').prop('config')).toBe(config);
});
});
});