mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-16 21:24:59 +08:00
672 lines
26 KiB
TypeScript
672 lines
26 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React from 'react';
|
|
// eslint-disable-next-line deprecate/import
|
|
import { mount, ReactWrapper } from 'enzyme';
|
|
import { MatrixEvent, RoomMember } from 'matrix-js-sdk/src/matrix';
|
|
|
|
import {
|
|
getMockClientWithEventEmitter,
|
|
mkMembership,
|
|
mockClientMethodsUser,
|
|
unmockClientPeg,
|
|
} from '../../../test-utils';
|
|
import EventListSummary from "../../../../src/components/views/elements/EventListSummary";
|
|
import { Layout } from '../../../../src/settings/enums/Layout';
|
|
import MatrixClientContext from '../../../../src/contexts/MatrixClientContext';
|
|
|
|
describe('EventListSummary', function() {
|
|
const roomId = '!room:server.org';
|
|
// Generate dummy event tiles for use in simulating an expanded MELS
|
|
const generateTiles = (events: MatrixEvent[]) => {
|
|
return events.map((e) => {
|
|
return (
|
|
<div key={e.getId()} className="event_tile">
|
|
Expanded membership
|
|
</div>
|
|
);
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Generates a membership event with the target of the event set as a mocked
|
|
* RoomMember based on `parameters.userId`.
|
|
* @param {string} eventId the ID of the event.
|
|
* @param {object} parameters the parameters to use to create the event.
|
|
* @param {string} parameters.membership the membership to assign to
|
|
* `content.membership`
|
|
* @param {string} parameters.userId the state key and target userId of the event. If
|
|
* `parameters.senderId` is not specified, this is also used as the event sender.
|
|
* @param {string} parameters.prevMembership the membership to assign to
|
|
* `prev_content.membership`.
|
|
* @param {string} parameters.senderId the user ID of the sender of the event.
|
|
* Optional. Defaults to `parameters.userId`.
|
|
* @returns {MatrixEvent} the event created.
|
|
*/
|
|
interface MembershipEventParams {
|
|
senderId?: string;
|
|
userId: string;
|
|
membership: string;
|
|
prevMembership?: string;
|
|
}
|
|
const generateMembershipEvent = (
|
|
eventId: string, { senderId, userId, membership, prevMembership }: MembershipEventParams,
|
|
): MatrixEvent => {
|
|
const member = new RoomMember(roomId, userId);
|
|
// Use localpart as display name;
|
|
member.name = userId.match(/@([^:]*):/)[1];
|
|
jest.spyOn(member, 'getAvatarUrl').mockReturnValue('avatar.jpeg');
|
|
jest.spyOn(member, 'getMxcAvatarUrl').mockReturnValue('mxc://avatar.url/image.png');
|
|
const e = mkMembership({
|
|
event: true,
|
|
room: roomId,
|
|
user: senderId || userId,
|
|
skey: userId,
|
|
mship: membership,
|
|
prevMship: prevMembership,
|
|
target: member,
|
|
});
|
|
// Override random event ID to allow for equality tests against tiles from
|
|
// generateTiles
|
|
e.event.event_id = eventId;
|
|
return e;
|
|
};
|
|
|
|
// Generate mock MatrixEvents from the array of parameters
|
|
const generateEvents = (parameters: MembershipEventParams[]) => {
|
|
const res = [];
|
|
for (let i = 0; i < parameters.length; i++) {
|
|
res.push(generateMembershipEvent(`event${i}`, parameters[i]));
|
|
}
|
|
return res;
|
|
};
|
|
|
|
// Generate the same sequence of `events` for `n` users, where each user ID
|
|
// is created by replacing the first "$" in userIdTemplate with `i` for
|
|
// `i = 0 .. n`.
|
|
const generateEventsForUsers = (userIdTemplate, n, events) => {
|
|
let eventsForUsers = [];
|
|
let userId = "";
|
|
for (let i = 0; i < n; i++) {
|
|
userId = userIdTemplate.replace('$', i);
|
|
events.forEach((e) => {
|
|
e.userId = userId;
|
|
});
|
|
eventsForUsers = eventsForUsers.concat(generateEvents(events));
|
|
}
|
|
return eventsForUsers;
|
|
};
|
|
|
|
const mockClient = getMockClientWithEventEmitter({
|
|
...mockClientMethodsUser(),
|
|
});
|
|
|
|
const defaultProps = {
|
|
layout: Layout.Bubble,
|
|
events: [],
|
|
children: [],
|
|
};
|
|
const renderComponent = (props = {}): ReactWrapper => {
|
|
return mount(<MatrixClientContext.Provider value={mockClient}>
|
|
<EventListSummary {...defaultProps} {...props} />
|
|
</MatrixClientContext.Provider>,
|
|
);
|
|
};
|
|
|
|
beforeEach(function() {
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
afterAll(() => {
|
|
unmockClientPeg();
|
|
});
|
|
|
|
it('renders expanded events if there are less than props.threshold', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props); // matrix cli context wrapper
|
|
|
|
expect(wrapper.find('GenericEventListSummary').props().children).toEqual([
|
|
<div className="event_tile" key="event0">Expanded membership</div>,
|
|
]);
|
|
});
|
|
|
|
it('renders expanded events if there are less than props.threshold', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props); // matrix cli context wrapper
|
|
|
|
expect(wrapper.find('GenericEventListSummary').props().children).toEqual([
|
|
<div className="event_tile" key="event0">Expanded membership</div>,
|
|
<div className="event_tile" key="event1">Expanded membership</div>,
|
|
]);
|
|
});
|
|
|
|
it('renders collapsed events if events.length = props.threshold', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe("user_1 joined and left and joined");
|
|
});
|
|
|
|
it('truncates long join,leave repetitions', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe("user_1 joined and left 7 times");
|
|
});
|
|
|
|
it('truncates long join,leave repetitions between other events', function() {
|
|
const events = generateEvents([
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "invite",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 was unbanned, joined and left 7 times and was invited",
|
|
);
|
|
});
|
|
|
|
it('truncates multiple sequences of repetitions with other events between', function() {
|
|
const events = generateEvents([
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "ban",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_1:some.domain", prevMembership: "ban", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "invite",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 was unbanned, joined and left 2 times, was banned, " +
|
|
"joined and left 3 times and was invited",
|
|
);
|
|
});
|
|
|
|
it('handles multiple users following the same sequence of memberships', function() {
|
|
const events = generateEvents([
|
|
// user_1
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "ban",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
// user_2
|
|
{
|
|
userId: "@user_2:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_2:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_2:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "ban",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 and one other were unbanned, joined and left 2 times and were banned",
|
|
);
|
|
});
|
|
|
|
it('handles many users following the same sequence of memberships', function() {
|
|
const events = generateEventsForUsers("@user_$:some.domain", 20, [
|
|
{
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ prevMembership: "leave", membership: "join" },
|
|
{ prevMembership: "join", membership: "leave" },
|
|
{ prevMembership: "leave", membership: "join" },
|
|
{ prevMembership: "join", membership: "leave" },
|
|
{
|
|
prevMembership: "leave",
|
|
membership: "ban",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_0 and 19 others were unbanned, joined and left 2 times and were banned",
|
|
);
|
|
});
|
|
|
|
it('correctly orders sequences of transitions by the order of their first event', function() {
|
|
const events = generateEvents([
|
|
{
|
|
userId: "@user_2:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "leave",
|
|
membership: "ban",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{ userId: "@user_2:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "join", membership: "leave" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "leave", membership: "join" },
|
|
{ userId: "@user_2:some.domain", prevMembership: "join", membership: "leave" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_2 was unbanned and joined and left 2 times, user_1 was unbanned, " +
|
|
"joined and left 2 times and was banned",
|
|
);
|
|
});
|
|
|
|
it('correctly identifies transitions', function() {
|
|
const events = generateEvents([
|
|
// invited
|
|
{ userId: "@user_1:some.domain", membership: "invite" },
|
|
// banned
|
|
{ userId: "@user_1:some.domain", membership: "ban" },
|
|
// joined
|
|
{ userId: "@user_1:some.domain", membership: "join" },
|
|
// invite_reject
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
},
|
|
// left
|
|
{ userId: "@user_1:some.domain", prevMembership: "join", membership: "leave" },
|
|
// invite_withdrawal
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
// unbanned
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "ban",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
// kicked
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "join",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
// default for sender=target (leave)
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "????",
|
|
membership: "leave",
|
|
senderId: "@user_1:some.domain",
|
|
},
|
|
// default for sender<>target (kicked)
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "????",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 was invited, was banned, joined, rejected their invitation, left, " +
|
|
"had their invitation withdrawn, was unbanned, was removed, left and was removed",
|
|
);
|
|
});
|
|
|
|
it('handles invitation plurals correctly when there are multiple users', function() {
|
|
const events = generateEvents([
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
},
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
{
|
|
userId: "@user_2:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
},
|
|
{
|
|
userId: "@user_2:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
senderId: "@some_other_user:some.domain",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 and one other rejected their invitations and " +
|
|
"had their invitations withdrawn",
|
|
);
|
|
});
|
|
|
|
it('handles invitation plurals correctly when there are multiple invites', function() {
|
|
const events = generateEvents([
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
},
|
|
{
|
|
userId: "@user_1:some.domain",
|
|
prevMembership: "invite",
|
|
membership: "leave",
|
|
},
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 1,
|
|
avatarsMaxLength: 5,
|
|
threshold: 1, // threshold = 1 to force collapse
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 rejected their invitation 2 times",
|
|
);
|
|
});
|
|
|
|
it('handles a summary length = 2, with no "others"', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", membership: "join" },
|
|
{ userId: "@user_1:some.domain", membership: "join" },
|
|
{ userId: "@user_2:some.domain", membership: "join" },
|
|
{ userId: "@user_2:some.domain", membership: "join" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 2,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1 and user_2 joined 2 times",
|
|
);
|
|
});
|
|
|
|
it('handles a summary length = 2, with 1 "other"', function() {
|
|
const events = generateEvents([
|
|
{ userId: "@user_1:some.domain", membership: "join" },
|
|
{ userId: "@user_2:some.domain", membership: "join" },
|
|
{ userId: "@user_3:some.domain", membership: "join" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 2,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_1, user_2 and one other joined",
|
|
);
|
|
});
|
|
|
|
it('handles a summary length = 2, with many "others"', function() {
|
|
const events = generateEventsForUsers("@user_$:some.domain", 20, [
|
|
{ membership: "join" },
|
|
]);
|
|
const props = {
|
|
events: events,
|
|
children: generateTiles(events),
|
|
summaryLength: 2,
|
|
avatarsMaxLength: 5,
|
|
threshold: 3,
|
|
};
|
|
|
|
const wrapper = renderComponent(props);
|
|
const summary = wrapper.find(".mx_GenericEventListSummary_summary");
|
|
const summaryText = summary.text();
|
|
|
|
expect(summaryText).toBe(
|
|
"user_0, user_1 and 18 others joined",
|
|
);
|
|
});
|
|
});
|