Merge pull request #94 from internxt/feat/update-test-coverage

[PB-3528]:feat/update coverage for components

Author: jaaaaavier

src/components/avatar/__test__/Avatar.test.tsx

@@ -1,50 +1,72 @@
 import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { describe, expect, it, test } from 'vitest';
 import { Avatar } from '../';
+import DefaultAvatar from '../components/DefaultAvatar';
+import PictureAvatar from '../components/PictureAvatar';
 
 const FULL_NAME = 'My Internxt';
 const IMAGE_SRC = 'https://internxt.com/favicon.ico';
 
 describe('Avatar component', () => {
-  it('Avatar with full name (first letters) should render correctly', () => {
+  test('Avatar with full name (first letters) should render correctly', () => {
     const avatarComponent = render(<Avatar diameter={80} fullName={FULL_NAME} />);
     expect(avatarComponent).toMatchSnapshot();
   });
 
-  it('Avatar with fullname as null should render correctly with empty letters', () => {
+  test('Avatar with single word name should render correctly', () => {
+    const avatarComponent = render(<Avatar diameter={80} fullName="Javi" />);
+    expect(avatarComponent).toMatchSnapshot();
+  });
+
+  test('Avatar with empty spaces name should return empty content', () => {
+    const avatarComponent = render(<Avatar diameter={80} fullName="   " />);
+    expect(avatarComponent).toMatchSnapshot();
+  });
+
+  test('Avatar with fullname as null should render correctly with empty letters', () => {
     const avatarComponent = render(<Avatar diameter={80} fullName={null as any} />);
     expect(avatarComponent).toMatchSnapshot();
   });
 
-  it('Avatar with avatar (user image profile) should render correctly', () => {
+  test('Avatar with avatar (user image profile) should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} diameter={80} src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
 
-  it('XXS Avatar should render correctly', () => {
+  test('XXS Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="xxs" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
-  it('XS Avatar should render correctly', () => {
+  test('XS Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="xs" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
 
-  it('SM Avatar should render correctly', () => {
+  test('SM Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="sm" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
 
-  it('Base Avatar should render correctly', () => {
+  test('Base Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="base" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
-  it('LG Avatar should render correctly', () => {
+  test('LG Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="lg" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
-  it('XL Avatar should render correctly', () => {
+  test('XL Avatar should render correctly', () => {
     const avatarComponent = render(<Avatar fullName={FULL_NAME} size="xl" src={IMAGE_SRC} />);
     expect(avatarComponent).toMatchSnapshot();
   });
+
+  test('DefaultAvatar handles default parameters', () => {
+    const avatarComponent = render(<DefaultAvatar fullName="John Doe" diameter={80} />);
+    expect(avatarComponent).toMatchSnapshot();
+  });
+
+  test('PictureAvatar handles default parameters', () => {
+    const avatarComponent = render(<PictureAvatar src={IMAGE_SRC} diameter={80} />);
+    expect(avatarComponent).toMatchSnapshot();
+  });
 });