snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/room/Header/RoomTopic.spec.tsx

@@ -0,0 +1,153 @@
+import { UserStatus } from '@rocket.chat/core-typings';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
+import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts';
+import { render, screen } from '@testing-library/react';
+
+import RoomTopic from './RoomTopic';
+import FakeRoomProvider from '../../../../tests/mocks/client/FakeRoomProvider';
+import { createFakeRoom, createFakeSubscription, createFakeUser } from '../../../../tests/mocks/data';
+
+const user = createFakeUser({
+	active: true,
+	roles: ['admin'],
+	type: 'user',
+	status: UserStatus.ONLINE,
+});
+
+const user2 = createFakeUser({
+	active: true,
+	roles: ['admin'],
+	type: 'user',
+	statusText: 'Sample Status',
+	status: UserStatus.ONLINE,
+});
+
+const user3 = createFakeUser({
+	active: true,
+	roles: ['admin'],
+	type: 'user',
+	status: UserStatus.ONLINE,
+});
+
+describe('RoomTopic', () => {
+	it('should render Add Topic when no topic is present and user can edit room', () => {
+		const room = createFakeRoom({ topic: '', t: 'c', u: { _id: user._id, username: user.username, name: user.name } });
+		const subscription = createFakeSubscription({ t: 'c', rid: room._id, u: room.u, roles: ['owner'] });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withPermission('edit-room')
+					.withUser(user)
+					.build(),
+			},
+		);
+
+		expect(screen.getByText('Add_topic')).toBeInTheDocument();
+	});
+
+	it('should not render Add Topic when no topic is present and user cannot edit room', () => {
+		const room = createFakeRoom({ topic: '', t: 'c' });
+		const subscription = createFakeSubscription({ t: 'c', rid: room._id });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withUser(user)
+					.build(),
+			},
+		);
+
+		expect(screen.queryByText('Add_topic')).not.toBeInTheDocument();
+	});
+
+	it('should not render Add Topic when no statusText is present, user can edit room and room is a direct message room', () => {
+		const room = createFakeRoom({ topic: '', t: 'd', uids: [user._id, user3._id] });
+		const subscription = createFakeSubscription({ t: 'd', rid: room._id });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withUser(user)
+					.withUsers([user3])
+					.withPermission('edit-room')
+					.build(),
+			},
+		);
+
+		expect(screen.queryByText('Add_topic')).not.toBeInTheDocument();
+	});
+
+	it('should render topic when topic is present for rooms', () => {
+		const room = createFakeRoom({ topic: 'Sample Topic', t: 'c' });
+		const subscription = createFakeSubscription({ t: 'c', rid: room._id });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withUser(user)
+					.build(),
+			},
+		);
+
+		expect(screen.getByText('Sample Topic')).toBeInTheDocument();
+	});
+
+	it('should not render the DM partner statusText (handled by RoomMemberStatus)', () => {
+		const room = createFakeRoom({ topic: '', t: 'd', uids: [user._id, user2._id] });
+		const subscription = createFakeSubscription({ t: 'd', rid: room._id });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withPermission('edit-room')
+					.withUser(user)
+					.withUsers([user2])
+					.build(),
+			},
+		);
+
+		expect(screen.queryByText('Add_topic')).not.toBeInTheDocument();
+		expect(screen.queryByText('Sample Status')).not.toBeInTheDocument();
+	});
+
+	it('should not render Add Topic for livechat rooms', () => {
+		const room = createFakeRoom({ topic: '', t: 'l' });
+		const subscription = createFakeSubscription({ t: 'l', rid: room._id });
+
+		render(
+			<FakeRoomProvider roomOverrides={room} subscriptionOverrides={subscription}>
+				<RoomTopic room={room} />
+			</FakeRoomProvider>,
+			{
+				wrapper: mockAppRoot()
+					.withSubscriptions([{ ...subscription, ...room }] as unknown as SubscriptionWithRoom[])
+					.withUser(user)
+					.withPermission('edit-room')
+					.build(),
+			},
+		);
+
+		expect(screen.queryByText('Add_topic')).not.toBeInTheDocument();
+	});
+});