diff --git a/src/renderer/components/avatars/AvatarWithFallback.test.tsx b/src/renderer/components/avatars/AvatarWithFallback.test.tsx index b94762e47..e358c048a 100644 --- a/src/renderer/components/avatars/AvatarWithFallback.test.tsx +++ b/src/renderer/components/avatars/AvatarWithFallback.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { type Link, Size } from '../../types'; import { @@ -47,8 +47,8 @@ describe('renderer/components/avatars/AvatarWithFallback.tsx', () => { // Find the avatar element by its alt text const avatar = screen.getByAltText('gitify-app') as HTMLImageElement; - // Simulate an error event on the image element - avatar.dispatchEvent(new Event('error')); + // Simulate image load error (wrapped in act via fireEvent) + fireEvent.error(avatar); expect(screen.getByTestId('avatar')).toMatchSnapshot(); }); @@ -59,8 +59,8 @@ describe('renderer/components/avatars/AvatarWithFallback.tsx', () => { // Find the avatar element by its alt text const avatar = screen.getByAltText('gitify-app') as HTMLImageElement; - // Simulate an error event on the image element - avatar.dispatchEvent(new Event('error')); + // Simulate image load error (wrapped in act via fireEvent) + fireEvent.error(avatar); expect(screen.getByTestId('avatar')).toMatchSnapshot(); }); diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap index d7a5d4110..d02e07b1d 100644 --- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap +++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap @@ -273,16 +273,22 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback data-testid="avatar" data-wrap="nowrap" > - + > + +
- + > + +