Dima/element-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Refactor className and children to component properties instead och view model snapshots in shared components (#32711)

Browse Source 
* Refactor className? to component property in EncryptionEventView

* Refactor extraClassNames to default react className as component property for DecryptionFailureBodyView

* Refactor className to component property for MessageTimestampView

* Refactor className and children to component properties for ReactionsRowButton

* Refactor className to component property for DisambiguatedProfile

* Refactor className to a component property in DateSeparatorView

* Fix for lint errors and EncryptionEventView unsupported icon color

* EncryptionEventView fix for icon color css specificity/order
This commit is contained in:
rbondesson
2026-03-05 09:36:45 +01:00
committed by GitHub
parent 1963f268aa
commit 83d732d60e
61 changed files with 232 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/shared-components/src/message-body/MessageTimestampView/MessageTimestampView.test.tsx
+11 -4
View File
@@ -21,7 +21,7 @@ import { MockViewModel } from "../../viewmodel/MockViewModel.ts";
import { I18nContext } from "../../utils/i18nContext.ts";
import { I18nApi } from "../../index.ts";
const { Default, HasHref, HasExtraClassNames } = composeStories(stories);
const { Default, HasHref } = composeStories(stories);
const renderWithI18n = (ui: React.ReactElement): ReturnType<typeof render> =>
render(ui, {
@@ -38,9 +38,16 @@ describe("MessageTimestampView", () => {
expect(container).toMatchSnapshot();
});
it("renders the message timestamp with extra class names", async () => {
const { container } = render(<HasExtraClassNames />);
expect(container).toMatchSnapshot();
it("applies custom className to the timestamp element", async () => {
const vm = new MockViewModel<MessageTimestampViewSnapshot>({
ts: "04:58",
tsSentAt: "Thu, 17 Nov 2022, 4:58:32 pm",
});
renderWithI18n(<MessageTimestampView vm={vm} className="extra_class_1 extra_class_2" />);
const target = screen.getByText("04:58");
expect(target).toHaveClass("extra_class_1", "extra_class_2");
});
it("renders the message timestamp with href", async () => {