element-web-Github/test/components/views/right_panel/BaseCard-test.tsx
Michael Telatynski 2dbaf00e71
Ditch right panel tabs and re-add close button (#99)
* Add extra buttons to room summary card

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove right panel tabs in favour of X button on each panel

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update room summary card header to align close button correctly

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix typo in pinned messages heading

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Improve coverage

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* i18n

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix base card title colours

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-10-03 08:59:41 +00:00

36 lines
1.1 KiB
TypeScript

/*
Copyright 2024 New Vector Ltd.
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 { fireEvent, render, screen } from "@testing-library/react";
import BaseCard from "../../../../src/components/views/right_panel/BaseCard.tsx";
import RightPanelStore from "../../../../src/stores/right-panel/RightPanelStore.ts";
jest.mock("../../../../src/stores/right-panel/RightPanelStore", () => ({
instance: {
popCard: jest.fn(),
roomPhaseHistory: [],
},
}));
describe("<BaseCard />", () => {
it("should close when clicking X button", async () => {
const { asFragment } = render(
<BaseCard header="Heading text">
<div>Content</div>
</BaseCard>,
);
expect(screen.getByRole("heading")).toHaveTextContent("Heading text");
expect(asFragment()).toMatchSnapshot();
fireEvent.click(screen.getByTestId("base-card-close-button"));
expect(RightPanelStore.instance.popCard).toHaveBeenCalled();
});
});