ui phase 9

2026-07-19 15:14:44 +03:30
parent 1ef4feb911
commit b638e25a0e
47 changed files with 2628 additions and 666 deletions
@@ -0,0 +1,37 @@
+import { render, screen } from '@testing-library/react';
+import { ThemeProvider } from '../../../theme';
+import InitialsAvatar from './InitialsAvatar';
+
+describe('<InitialsAvatar/>', () => {
+  const wrap = (ui: React.ReactNode) => render(<ThemeProvider>{ui}</ThemeProvider>);
+
+  it('renders initials from the first two words of the name', () => {
+    wrap(<InitialsAvatar name="مریم رضایی" />);
+    expect(screen.getByText('مر')).toBeInTheDocument();
+  });
+
+  it('renders a single-word name as one initial', () => {
+    wrap(<InitialsAvatar name="مریم" />);
+    expect(screen.getByText('م')).toBeInTheDocument();
+  });
+
+  it('is hidden from assistive tech (decorative next to a visible name)', () => {
+    wrap(<InitialsAvatar name="مریم رضایی" />);
+    expect(screen.getByText('مر')).toHaveAttribute('aria-hidden', 'true');
+  });
+
+  it('picks the same color index for the same name every render', () => {
+    const { container: first } = render(
+      <ThemeProvider>
+        <InitialsAvatar name="سارا محمدی" />
+      </ThemeProvider>,
+    );
+    const { container: second } = render(
+      <ThemeProvider>
+        <InitialsAvatar name="سارا محمدی" />
+      </ThemeProvider>,
+    );
+    const bg = (el: HTMLElement) => el.querySelector('.MuiAvatar-root')?.getAttribute('style');
+    expect(bg(first.firstChild as HTMLElement)).toEqual(bg(second.firstChild as HTMLElement));
+  });
+});