imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

A lot of linting

Browse source
This commit is contained in:
Luke Barnard 2017-01-25 10:52:55 +00:00
parent d5edf26371
commit 24e94787dd
1 changed files with 415 additions and 229 deletions
Download patch file Download diff file Expand all files Collapse all files

642
test/components/views/elements/MemberEventListSummary-test.js
View file

@ -4,8 +4,6 @@ const ReactDOM = require("react-dom");
const ReactTestUtils = require('react-addons-test-utils'); const ReactTestUtils = require('react-addons-test-utils');
const sdk = require('matrix-react-sdk'); const sdk = require('matrix-react-sdk');
const MemberEventListSummary = sdk.getComponent('views.elements.MemberEventListSummary'); const MemberEventListSummary = sdk.getComponent('views.elements.MemberEventListSummary');
const jssdk = require('matrix-js-sdk');
const MatrixEvent = jssdk.MatrixEvent;
const testUtils = require('../../../test-utils'); const testUtils = require('../../../test-utils');
describe('MemberEventListSummary', function() { describe('MemberEventListSummary', function() {
@ -23,35 +21,38 @@ describe('MemberEventListSummary', function() {
}; };
/** /**
* Generates a membership event with the target of the event set as a mocked RoomMember based * Generates a membership event with the target of the event set as a mocked
* on `parameters.userId`. * RoomMember based on `parameters.userId`.
* @param {string} eventId the ID of the event. * @param {string} eventId the ID of the event.
* @param {object} parameters the parameters to use to create 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.membership the membership to assign to
* `content.membership`
* @param {string} parameters.userId the state key and target userId of the event. If * @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. * `parameters.senderId` is not specified, this is also used as the event sender.
* @param {string} parameters.prevMembership the membership to assign to * @param {string} parameters.prevMembership the membership to assign to
* `prev_content.membership`. * `prev_content.membership`.
* @param {string} parameters.senderId the user ID of the sender of the event. Optional. * @param {string} parameters.senderId the user ID of the sender of the event.
* Defaults to `parameters.userId`. * Optional. Defaults to `parameters.userId`.
* @returns {MatrixEvent} the event created. * @returns {MatrixEvent} the event created.
*/ */
const generateMembershipEvent = (eventId, parameters) => { const generateMembershipEvent = (eventId, parameters) => {
let e = testUtils.mkMembership({ const e = testUtils.mkMembership({
event: true, event: true,
user: parameters.senderId || parameters.userId, user: parameters.senderId || parameters.userId,
skey: parameters.userId, skey: parameters.userId,
mship: parameters.membership, mship: parameters.membership,
prevMship: parameters.prevMembership, prevMship: parameters.prevMembership,
target : { target: {
name: parameters.userId.match(/@([^:]*):/)[1], // Use localpart as display name // Use localpart as display name
name: parameters.userId.match(/@([^:]*):/)[1],
userId: parameters.userId, userId: parameters.userId,
getAvatarUrl: () => { getAvatarUrl: () => {
return "avatar.jpeg"; return "avatar.jpeg";
}, },
}, },
}); });
// Override random event ID to allow for equality tests against tiles from generateTiles // Override random event ID to allow for equality tests against tiles from
// generateTiles
e.event.event_id = eventId; e.event.event_id = eventId;
return e; return e;
}; };
@ -92,14 +93,14 @@ describe('MemberEventListSummary', function() {
it('renders expanded events if there are less than props.threshold', function() { it('renders expanded events if there are less than props.threshold', function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const renderer = ReactTestUtils.createRenderer(); const renderer = ReactTestUtils.createRenderer();
@ -114,15 +115,15 @@ describe('MemberEventListSummary', function() {
it('renders expanded events if there are less than props.threshold', function() { it('renders expanded events if there are less than props.threshold', function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const renderer = ReactTestUtils.createRenderer(); const renderer = ReactTestUtils.createRenderer();
@ -138,20 +139,24 @@ describe('MemberEventListSummary', function() {
it('renders collapsed events if events.length = props.threshold', function() { it('renders collapsed events if events.length = props.threshold', function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe("user_1 joined and left and joined"); expect(summaryText).toBe("user_1 joined and left and joined");
@ -159,265 +164,434 @@ describe('MemberEventListSummary', function() {
it('truncates long join,leave repetitions', function() { it('truncates long join,leave repetitions', function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe("user_1 joined and left 7 times"); expect(summaryText).toBe("user_1 joined and left 7 times");
}); });
it('truncates long join,leave repetitions inbetween other events', function() { it('truncates long join,leave repetitions between other events', function() {
const events = generateEvents([ 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",
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, prevMembership: "ban",
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, membership: "leave",
{userId : "@user_1:some.domain", prevMembership: "join", 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: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "invite", senderId: "@some_other_user:some.domain"}, {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 = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe("user_1 was unbanned, joined and left 7 times and was invited"); expect(summaryText).toBe(
"user_1 was unbanned, joined and left 7 times and was invited"
);
}); });
it('truncates multiple sequences of repetitions with other events inbetween', function() { it('truncates multiple sequences of repetitions with other events between',
function() {
const events = generateEvents([ 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",
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, prevMembership: "ban",
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, membership: "leave",
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, senderId: "@some_other_user:some.domain",
{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: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, {userId: "@user_1:some.domain", prevMembership: "leave", membership: "join"},
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {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",
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "invite", senderId: "@some_other_user: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 = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe("user_1 was unbanned, joined and left 2 times, was banned, joined and left 3 times and was invited"); 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() { it('handles multiple users following the same sequence of memberships', function() {
const events = generateEvents([ const events = generateEvents([
// user_1 // 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",
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, prevMembership: "ban",
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "join"}, membership: "leave",
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, senderId: "@some_other_user:some.domain",
{userId : "@user_1:some.domain", prevMembership: "leave", membership: "ban", 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 // 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",
{userId : "@user_2:some.domain", prevMembership: "join", membership: "leave"}, prevMembership: "ban",
{userId : "@user_2:some.domain", prevMembership: "leave", membership: "join"}, membership: "leave",
{userId : "@user_2:some.domain", prevMembership: "join", membership: "leave"}, senderId: "@some_other_user:some.domain",
{userId : "@user_2: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"},
{
userId: "@user_2:some.domain",
prevMembership: "leave",
membership: "ban",
senderId: "@some_other_user:some.domain",
},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe("user_1 and 1 other were unbanned, joined and left 2 times and were banned"); expect(summaryText).toBe(
"user_1 and 1 other were unbanned, joined and left 2 times and were banned"
);
}); });
it('handles many users following the same sequence of memberships', function() { it('handles many users following the same sequence of memberships', function() {
const events = generateEventsForUsers("@user_$:some.domain", 20, [ const events = generateEventsForUsers("@user_$:some.domain", 20, [
{prevMembership: "ban", membership: "leave", senderId: "@some_other_user:some.domain"}, {
prevMembership: "ban",
membership: "leave",
senderId: "@some_other_user:some.domain",
},
{prevMembership: "leave", membership: "join"}, {prevMembership: "leave", membership: "join"},
{prevMembership: "join", membership: "leave"}, {prevMembership: "join", membership: "leave"},
{prevMembership: "leave", membership: "join"}, {prevMembership: "leave", membership: "join"},
{prevMembership: "join", membership: "leave"}, {prevMembership: "join", membership: "leave"},
{prevMembership: "leave", membership: "ban", senderId: "@some_other_user:some.domain"}, {
prevMembership: "leave",
membership: "ban",
senderId: "@some_other_user:some.domain",
},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
const summaryText = summary.innerText; );
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
expect(summaryText).toBe("user_0 and 19 others were unbanned, joined and left 2 times and were banned"); instance, "mx_MemberEventListSummary_summary"
}); );
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 instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary");
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( 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" "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 instance = ReactTestUtils.renderIntoDocument(
<MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText;
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() { it('correctly identifies transitions', function() {
const events = generateEvents([ const events = generateEvents([
// invited // invited
{userId : "@user_1:some.domain", membership: "invite"}, {userId: "@user_1:some.domain", membership: "invite"},
// banned // banned
{userId : "@user_1:some.domain", membership: "ban"}, {userId: "@user_1:some.domain", membership: "ban"},
// joined // joined
{userId : "@user_1:some.domain", membership: "join"}, {userId: "@user_1:some.domain", membership: "join"},
// invite_reject // invite_reject
{userId : "@user_1:some.domain", prevMembership: "invite", membership: "leave"}, {
userId: "@user_1:some.domain",
prevMembership: "invite",
membership: "leave",
},
// left // left
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave"}, {userId: "@user_1:some.domain", prevMembership: "join", membership: "leave"},
// invite_withdrawal // invite_withdrawal
{userId : "@user_1:some.domain", prevMembership: "invite", membership: "leave", senderId: "@some_other_user:some.domain"}, {
userId: "@user_1:some.domain",
prevMembership: "invite",
membership: "leave",
senderId: "@some_other_user:some.domain",
},
// unbanned // unbanned
{userId : "@user_1: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",
},
// kicked // kicked
{userId : "@user_1:some.domain", prevMembership: "join", membership: "leave", senderId: "@some_other_user:some.domain"}, {
userId: "@user_1:some.domain",
prevMembership: "join",
membership: "leave",
senderId: "@some_other_user:some.domain",
},
// default = left // default = left
{userId : "@user_1:some.domain", prevMembership: "????", membership: "leave", senderId: "@some_other_user:some.domain"}, {
userId: "@user_1:some.domain",
prevMembership: "????",
membership: "leave",
senderId: "@some_other_user:some.domain",
},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(
"user_1 was invited, was banned, joined, rejected their invitation, left, had their invitation withdrawn, was unbanned, was kicked and left" "user_1 was invited, was banned, joined, rejected their invitation, left, " +
"had their invitation withdrawn, was unbanned, was kicked and left"
); );
}); });
it('handles invitation plurals correctly when there are multiple users', function() { it('handles invitation plurals correctly when there are multiple users', function() {
const events = generateEvents([ 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_1:some.domain",
{userId : "@user_2:some.domain", prevMembership: "invite", membership: "leave"}, prevMembership: "invite",
{userId : "@user_2:some.domain", prevMembership: "invite", membership: "leave", senderId: "@some_other_user:some.domain"}, 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 = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(
"user_1 and 1 other rejected their invitations and had their invitations withdrawn" "user_1 and 1 other rejected their invitations and " +
"had their invitations withdrawn"
); );
}); });
it('handles invitation plurals correctly when there are multiple invites', function() { it('handles invitation plurals correctly when there are multiple invites',
function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", prevMembership: "invite", membership: "leave"}, {
{userId : "@user_1:some.domain", prevMembership: "invite", membership: "leave"}, userId: "@user_1:some.domain",
prevMembership: "invite",
membership: "leave",
},
{
userId: "@user_1:some.domain",
prevMembership: "invite",
membership: "leave",
},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 1, summaryLength: 1,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 1, // threshold = 1 to force collapse threshold: 1, // threshold = 1 to force collapse
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(
@ -427,21 +601,25 @@ describe('MemberEventListSummary', function() {
it('handles a summary length = 2, with no "others"', function() { it('handles a summary length = 2, with no "others"', function() {
const events = generateEvents([ const events = generateEvents([
{userId : "@user_1:some.domain", membership: "join"}, {userId: "@user_1:some.domain", membership: "join"},
{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"},
{userId : "@user_2:some.domain", membership: "join"}, {userId: "@user_2:some.domain", membership: "join"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 2, summaryLength: 2,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(
@ -451,20 +629,24 @@ describe('MemberEventListSummary', function() {
it('handles a summary length = 2, with 1 "other"', function() { it('handles a summary length = 2, with 1 "other"', function() {
const events = generateEvents([ 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"},
{userId : "@user_3:some.domain", membership: "join"}, {userId: "@user_3:some.domain", membership: "join"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 2, summaryLength: 2,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(
@ -477,15 +659,19 @@ describe('MemberEventListSummary', function() {
{membership: "join"}, {membership: "join"},
]); ]);
const props = { const props = {
events : events, events: events,
children : generateTiles(events), children: generateTiles(events),
summaryLength : 2, summaryLength: 2,
avatarsMaxLength : 5, avatarsMaxLength: 5,
threshold : 3, threshold: 3,
}; };
const instance = ReactTestUtils.renderIntoDocument(<MemberEventListSummary {...props} />); const instance = ReactTestUtils.renderIntoDocument(
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(instance, "mx_MemberEventListSummary_summary"); <MemberEventListSummary {...props} />
);
const summary = ReactTestUtils.findRenderedDOMComponentWithClass(
instance, "mx_MemberEventListSummary_summary"
);
const summaryText = summary.innerText; const summaryText = summary.innerText;
expect(summaryText).toBe( expect(summaryText).toBe(