diff --git a/.changeset/dirty-brooms-double.md b/.changeset/dirty-brooms-double.md
new file mode 100644
index 0000000000..dc04ea1781
--- /dev/null
+++ b/.changeset/dirty-brooms-double.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): MessageSystem time fontScale
diff --git a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.spec.tsx b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.spec.tsx
index ee1f4a240d..f10a3e6272 100644
--- a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.spec.tsx
+++ b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.spec.tsx
@@ -1,34 +1,29 @@
+import { composeStories } from '@storybook/testing-react';
import { render } from '@testing-library/react';
+import { axe } from 'jest-axe';
import React from 'react';
-import {
- MessageSystem,
- MessageSystemLeftContainer,
- MessageSystemContainer,
- MessageSystemBlock,
- MessageSystemName,
- MessageSystemBody,
- MessageSystemTimestamp,
-} from '.';
+import * as stories from './MessageSystem.stories';
-it('renders without crashing', () => {
- render(
-
-
-
-
- Haylie George
-
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Consectetur adipiscing elit, sed do eiusmod tempor
- incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam...
-
- 12:00 PM
-
-
-
- );
-});
+const testCases = Object.values(composeStories(stories)).map((Story) => [
+ Story.storyName || 'Story',
+ Story,
+]);
+
+test.each(testCases)(
+ `renders %s without crashing`,
+ async (_storyname, Story) => {
+ const tree = render();
+ expect(tree.baseElement).toMatchSnapshot();
+ }
+);
+
+test.each(testCases)(
+ '%s should have no a11y violations',
+ async (_storyname, Story) => {
+ const { container } = render();
+
+ const results = await axe(container);
+ expect(results).toHaveNoViolations();
+ }
+);
diff --git a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.stories.tsx b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.stories.tsx
index 2a401389f8..4b1b9a2f3b 100644
--- a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.stories.tsx
+++ b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.stories.tsx
@@ -1,3 +1,4 @@
+import type { ComponentStory } from '@storybook/react';
import React from 'react';
import {
@@ -24,12 +25,13 @@ export default {
},
};
-export const Default = () => (
+export const Default: ComponentStory = () => (
May, 24, 2020