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

apps/meteor/client/views/notFound/NotFoundPage.spec.tsx

@@ -0,0 +1,47 @@
+import { render, waitFor, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import type { MutableRefObject } from 'react';
+
+import NotFoundPage from './NotFoundPage';
+import RouterContextMock from '../../../tests/mocks/client/RouterContextMock';
+
+it('should look good', async () => {
+	render(<NotFoundPage />);
+
+	await expect(screen.findByRole('heading')).resolves.toHaveTextContent('Page_not_found');
+
+	expect(screen.getByRole('button', { name: 'Homepage' })).not.toBeDisabled();
+});
+
+it('should have correct tab order', async () => {
+	render(<NotFoundPage />);
+
+	expect(document.body).toHaveFocus();
+
+	await userEvent.tab();
+
+	expect(screen.getByRole('button', { name: 'Homepage' })).toHaveFocus();
+
+	await userEvent.tab();
+
+	expect(document.body).toHaveFocus();
+});
+
+describe('"Return to home" button', () => {
+	describe('when clicked', () => {
+		it('should go back on history', async () => {
+			const currentPath: MutableRefObject<string | undefined> = { current: undefined };
+
+			render(
+				<RouterContextMock currentPath={currentPath}>
+					<NotFoundPage />
+				</RouterContextMock>,
+			);
+			const button = screen.getByRole('button', { name: 'Homepage' });
+
+			await userEvent.click(button);
+
+			await waitFor(() => expect(currentPath.current).toBe('/home'));
+		});
+	});
+});

apps/meteor/client/views/notFound/NotFoundPage.stories.tsx

@@ -0,0 +1,7 @@
+import NotFoundPage from './NotFoundPage';
+
+export default {
+	component: NotFoundPage,
+};
+
+export const Default = () => <NotFoundPage />;

apps/meteor/client/views/notFound/NotFoundPage.tsx

@@ -0,0 +1,10 @@
+import { useTranslation } from 'react-i18next';
+
+import NotFoundState from '../../components/NotFoundState';
+
+const NotFoundPage = () => {
+	const { t } = useTranslation();
+	return <NotFoundState title={t('Page_not_found')} subtitle={t('Page_not_exist_or_not_permission')} />;
+};
+
+export default NotFoundPage;