element-web/test/components/views/messages/LegacyCallEvent-test.tsx
R Midhun Suresh 91e84f7951
Upgrade to latest compound-web package (#84)
* Upgrade to latest compound-web package

* Use a custom render function for jest tests

This way we don't need to manually wrap our components with
<TooltipProvider>

* Pin wrap-ansi to fix broken yarn install

* Add playwright helper to find tooltip from element

and use it in the failing test

* Exclude floating-ui divs/spans from axe testing

This is rendered outside .MatrixChat by compound and contains all the
tooltips.

* Wrap outermost components with TooltipProvider

* Remove onChange and use onSelect for toggle

* Fix jest tests and update snapshots

* Use vector-im/matrix-wysiwig

---------

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2024-10-14 16:11:58 +00:00

97 lines
2.7 KiB
TypeScript

/*
Copyright 2024 New Vector Ltd.
Copyright 2023 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
import React from "react";
import { render, screen } from "jest-matrix-react";
import { CallErrorCode, CallState } from "matrix-js-sdk/src/webrtc/call";
import { MatrixEvent } from "matrix-js-sdk/src/matrix";
import LegacyCallEvent from "../../../../src/components/views/messages/LegacyCallEvent";
import LegacyCallEventGrouper from "../../../../src/components/structures/LegacyCallEventGrouper";
const THEIR_USER_ID = "@them:here";
describe("LegacyCallEvent", () => {
let callInviteEvent: Record<string, any>;
let callEventGrouper: Record<string, any>;
beforeEach(() => {
callInviteEvent = {
sender: {
userId: THEIR_USER_ID,
},
};
callEventGrouper = {
addListener: jest.fn(),
removeListener: jest.fn(),
invite: jest.fn().mockReturnValue(callInviteEvent),
};
});
const renderEvent = () => {
render(
<LegacyCallEvent
mxEvent={callInviteEvent as unknown as MatrixEvent}
callEventGrouper={callEventGrouper as unknown as LegacyCallEventGrouper}
/>,
);
};
it("shows if the call was ended", () => {
callEventGrouper.state = CallState.Ended;
callEventGrouper.gotRejected = jest.fn().mockReturnValue(true);
renderEvent();
screen.getByText("Call declined");
});
it("shows if the call was answered elsewhere", () => {
callEventGrouper.state = CallState.Ended;
callEventGrouper.hangupReason = CallErrorCode.AnsweredElsewhere;
renderEvent();
screen.getByText("Answered elsewhere");
});
it("shows if the call was missed", () => {
callEventGrouper.state = CallState.Ended;
callEventGrouper.callWasMissed = jest.fn().mockReturnValue(true);
renderEvent();
screen.getByText("Missed call");
});
it("shows if the call ended cleanly", () => {
callEventGrouper.state = CallState.Ended;
callEventGrouper.hangupReason = CallErrorCode.UserHangup;
renderEvent();
screen.getByText("Call ended");
});
it("shows if the call is connecting", () => {
callEventGrouper.state = CallState.Connecting;
renderEvent();
screen.getByText("Connecting");
});
it("shows timer if the call is connected", () => {
callEventGrouper.state = CallState.Connected;
renderEvent();
screen.getByText("00:00");
});
});