From 6a4431beac68cccb8d482caab84c1b754d084174 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 10 Jul 2024 06:08:40 -0700
Subject: [PATCH 1/4] feat: add support for RepositoryDependabotAlertsThread

---
 src/components/notification/NotificationFooter.tsx | 9 +++++++--
 src/typesGitHub.ts                                 | 1 +
 src/utils/helpers.ts                               | 3 +++
 src/utils/icons.ts                                 | 2 ++
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/notification/NotificationFooter.tsx b/src/components/notification/NotificationFooter.tsx
index fa883512e..ae075d473 100644
--- a/src/components/notification/NotificationFooter.tsx
+++ b/src/components/notification/NotificationFooter.tsx
@@ -1,4 +1,4 @@
-import { FeedPersonIcon } from '@primer/octicons-react';
+import { FeedPersonIcon, MarkGithubIcon } from '@primer/octicons-react';
 import type { FC, MouseEvent } from 'react';
 import { IconColor, Opacity, Size } from '../../types';
 import type { Notification } from '../../typesGitHub';
@@ -50,7 +50,12 @@ export const NotificationFooter: FC<INotificationFooter> = ({
         </button>
       ) : (
         <div>
-          <FeedPersonIcon size={Size.MEDIUM} className={IconColor.GRAY} />
+          {notification.subject.type === 'RepositoryDependabotAlertsThread' ||
+          notification.subject.type === 'RepositoryVulnerabilityAlert' ? (
+            <MarkGithubIcon size={Size.MEDIUM} />
+          ) : (
+            <FeedPersonIcon size={Size.MEDIUM} className={IconColor.GRAY} />
+          )}
         </div>
       )}
       <div title={reason.description}>{reason.title}</div>
diff --git a/src/typesGitHub.ts b/src/typesGitHub.ts
index 39e567236..a9ebf20fc 100644
--- a/src/typesGitHub.ts
+++ b/src/typesGitHub.ts
@@ -33,6 +33,7 @@ export type SubjectType =
   | 'Issue'
   | 'PullRequest'
   | 'Release'
+  | 'RepositoryDependabotAlertsThread'
   | 'RepositoryInvitation'
   | 'RepositoryVulnerabilityAlert'
   | 'WorkflowRun';
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
index cab914a54..31f047f0b 100644
--- a/src/utils/helpers.ts
+++ b/src/utils/helpers.ts
@@ -125,6 +125,9 @@ export async function generateGitHubWebUrl(
       case 'RepositoryInvitation':
         url.pathname += '/invitations';
         break;
+      case 'RepositoryDependabotAlertsThread':
+        url.pathname += '/security/dependabot';
+        break;
       case 'WorkflowRun':
         url.href = getWorkflowRunUrl(notification);
         break;
diff --git a/src/utils/icons.ts b/src/utils/icons.ts
index b85864e2c..f6ae990bd 100644
--- a/src/utils/icons.ts
+++ b/src/utils/icons.ts
@@ -84,6 +84,8 @@ export function getNotificationTypeIcon(subject: Subject): FC<OcticonProps> {
       }
     case 'Release':
       return TagIcon;
+    case 'RepositoryDependabotAlertsThread':
+      return AlertIcon;
     case 'RepositoryInvitation':
       return MailIcon;
     case 'RepositoryVulnerabilityAlert':

From 622f85479b0b1a398019f4ae2d46b8a304cb019f Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 10 Jul 2024 06:20:38 -0700
Subject: [PATCH 2/4] add unit tests

---
 src/utils/helpers.test.ts | 19 +++++++++++++++++++
 src/utils/icons.test.ts   |  7 +++++++
 2 files changed, 26 insertions(+)

diff --git a/src/utils/helpers.test.ts b/src/utils/helpers.test.ts
index 2dd653150..49c83bfea 100644
--- a/src/utils/helpers.test.ts
+++ b/src/utils/helpers.test.ts
@@ -375,6 +375,25 @@ describe('utils/helpers.ts', () => {
       );
     });
 
+    it('Repository Dependabot Alerts Thread url', async () => {
+      const subject = {
+        title: 'Your repository has dependencies with security vulnerabilities',
+        url: null,
+        latest_comment_url: null,
+        type: 'RepositoryDependabotAlertsThread' as SubjectType,
+      };
+
+      const result = await generateGitHubWebUrl({
+        ...mockSingleNotification,
+        subject: subject,
+      });
+
+      expect(apiRequestAuthMock).toHaveBeenCalledTimes(0);
+      expect(result).toBe(
+        `https://github.com/gitify-app/notifications-test/security/dependabot?${mockNotificationReferrer}`,
+      );
+    });
+
     describe('Workflow Run URLs', () => {
       it('approval requested', async () => {
         const subject = {
diff --git a/src/utils/icons.test.ts b/src/utils/icons.test.ts
index 9e991f512..20d9d8aa2 100644
--- a/src/utils/icons.test.ts
+++ b/src/utils/icons.test.ts
@@ -149,6 +149,13 @@ describe('utils/icons.ts', () => {
         }),
       ).displayName,
     ).toBe('TagIcon');
+    expect(
+      getNotificationTypeIcon(
+        createSubjectMock({
+          type: 'RepositoryDependabotAlertsThread',
+        }),
+      ).displayName,
+    ).toBe('AlertIcon');
     expect(
       getNotificationTypeIcon(
         createSubjectMock({

From 4377285d9535b831d134eec5d86831740b1a2349 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 10 Jul 2024 06:23:24 -0700
Subject: [PATCH 3/4] add unit tests

---
 .../notification/NotificationFooter.test.tsx  |  44 +-
 .../NotificationFooter.test.tsx.snap          | 418 ++++++++++++++++++
 2 files changed, 461 insertions(+), 1 deletion(-)

diff --git a/src/components/notification/NotificationFooter.test.tsx b/src/components/notification/NotificationFooter.test.tsx
index 200b919bd..fd01cc043 100644
--- a/src/components/notification/NotificationFooter.test.tsx
+++ b/src/components/notification/NotificationFooter.test.tsx
@@ -59,7 +59,49 @@ describe('components/notification/NotificationFooter.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('should render itself & its children without avatar', async () => {
+  describe('security alerts should use github icon for avatar', () => {
+    it('Repository Dependabot Alerts Thread', async () => {
+      jest
+        .spyOn(global.Date, 'now')
+        .mockImplementation(() => new Date('2024').valueOf());
+
+      const mockNotification = mockSingleNotification;
+      mockNotification.subject.type = 'RepositoryDependabotAlertsThread';
+
+      const props = {
+        notification: mockNotification,
+      };
+
+      const tree = render(
+        <AppContext.Provider value={{ settings: mockSettings }}>
+          <NotificationFooter {...props} />
+        </AppContext.Provider>,
+      );
+      expect(tree).toMatchSnapshot();
+    });
+
+    it('Repository Vulnerability Alert', async () => {
+      jest
+        .spyOn(global.Date, 'now')
+        .mockImplementation(() => new Date('2024').valueOf());
+
+      const mockNotification = mockSingleNotification;
+      mockNotification.subject.type = 'RepositoryVulnerabilityAlert';
+
+      const props = {
+        notification: mockNotification,
+      };
+
+      const tree = render(
+        <AppContext.Provider value={{ settings: mockSettings }}>
+          <NotificationFooter {...props} />
+        </AppContext.Provider>,
+      );
+      expect(tree).toMatchSnapshot();
+    });
+  });
+
+  it('should default to known avatar if no user found', async () => {
     jest
       .spyOn(global.Date, 'now')
       .mockImplementation(() => new Date('2024').valueOf());
diff --git a/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap b/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
index 5d59c1f55..8429bf33e 100644
--- a/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
+++ b/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
@@ -1,5 +1,423 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`components/notification/NotificationFooter.tsx security alerts should use github icon for avatar Repository Dependabot Alerts Thread 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
+      >
+        <button
+          class="flex-shrink-0"
+          title="View User Profile"
+          type="button"
+        >
+          <img
+            alt="gitify-app's avatar"
+            class="rounded-full object-cover size-4"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          />
+        </button>
+        <div
+          title="You're watching the repository."
+        >
+          Updated
+        </div>
+        <div
+          title="gitify-app updated 7 years ago"
+        >
+          7 years ago
+        </div>
+        <div
+          class="flex"
+        >
+          <button
+            class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+            title="octocat approved these changes"
+            type="button"
+          >
+            <svg
+              aria-label="octocat approved these changes"
+              class="text-green-500"
+              fill="currentColor"
+              focusable="false"
+              height="12"
+              role="img"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="12"
+            >
+              <path
+                d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
+              />
+            </svg>
+            1
+          </button>
+          <button
+            class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+            title="gitify-app requested changes"
+            type="button"
+          >
+            <svg
+              aria-label="gitify-app requested changes"
+              class="text-red-500"
+              fill="currentColor"
+              focusable="false"
+              height="12"
+              role="img"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="12"
+            >
+              <path
+                d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"
+              />
+            </svg>
+            1
+          </button>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
+    >
+      <button
+        class="flex-shrink-0"
+        title="View User Profile"
+        type="button"
+      >
+        <img
+          alt="gitify-app's avatar"
+          class="rounded-full object-cover size-4"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        />
+      </button>
+      <div
+        title="You're watching the repository."
+      >
+        Updated
+      </div>
+      <div
+        title="gitify-app updated 7 years ago"
+      >
+        7 years ago
+      </div>
+      <div
+        class="flex"
+      >
+        <button
+          class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+          title="octocat approved these changes"
+          type="button"
+        >
+          <svg
+            aria-label="octocat approved these changes"
+            class="text-green-500"
+            fill="currentColor"
+            focusable="false"
+            height="12"
+            role="img"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="12"
+          >
+            <path
+              d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
+            />
+          </svg>
+          1
+        </button>
+        <button
+          class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+          title="gitify-app requested changes"
+          type="button"
+        >
+          <svg
+            aria-label="gitify-app requested changes"
+            class="text-red-500"
+            fill="currentColor"
+            focusable="false"
+            height="12"
+            role="img"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="12"
+          >
+            <path
+              d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"
+            />
+          </svg>
+          1
+        </button>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`components/notification/NotificationFooter.tsx security alerts should use github icon for avatar Repository Vulnerability Alert 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
+      >
+        <button
+          class="flex-shrink-0"
+          title="View User Profile"
+          type="button"
+        >
+          <img
+            alt="gitify-app's avatar"
+            class="rounded-full object-cover size-4"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          />
+        </button>
+        <div
+          title="You're watching the repository."
+        >
+          Updated
+        </div>
+        <div
+          title="gitify-app updated 7 years ago"
+        >
+          7 years ago
+        </div>
+        <div
+          class="flex"
+        >
+          <button
+            class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+            title="octocat approved these changes"
+            type="button"
+          >
+            <svg
+              aria-label="octocat approved these changes"
+              class="text-green-500"
+              fill="currentColor"
+              focusable="false"
+              height="12"
+              role="img"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="12"
+            >
+              <path
+                d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
+              />
+            </svg>
+            1
+          </button>
+          <button
+            class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+            title="gitify-app requested changes"
+            type="button"
+          >
+            <svg
+              aria-label="gitify-app requested changes"
+              class="text-red-500"
+              fill="currentColor"
+              focusable="false"
+              height="12"
+              role="img"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="12"
+            >
+              <path
+                d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"
+              />
+            </svg>
+            1
+          </button>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
+    >
+      <button
+        class="flex-shrink-0"
+        title="View User Profile"
+        type="button"
+      >
+        <img
+          alt="gitify-app's avatar"
+          class="rounded-full object-cover size-4"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        />
+      </button>
+      <div
+        title="You're watching the repository."
+      >
+        Updated
+      </div>
+      <div
+        title="gitify-app updated 7 years ago"
+      >
+        7 years ago
+      </div>
+      <div
+        class="flex"
+      >
+        <button
+          class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+          title="octocat approved these changes"
+          type="button"
+        >
+          <svg
+            aria-label="octocat approved these changes"
+            class="text-green-500"
+            fill="currentColor"
+            focusable="false"
+            height="12"
+            role="img"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="12"
+          >
+            <path
+              d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
+            />
+          </svg>
+          1
+        </button>
+        <button
+          class="flex gap-1 items-center m-0.5 rounded-full bg-gray-100 px-1 text-xxs hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
+          title="gitify-app requested changes"
+          type="button"
+        >
+          <svg
+            aria-label="gitify-app requested changes"
+            class="text-red-500"
+            fill="currentColor"
+            focusable="false"
+            height="12"
+            role="img"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="12"
+          >
+            <path
+              d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"
+            />
+          </svg>
+          1
+        </button>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
 exports[`components/notification/NotificationFooter.tsx should render itself & its children 1`] = `
 {
   "asFragment": [Function],

From 840556d1bc54c1d17b4ad8da18c4abd71a84d9b5 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 10 Jul 2024 06:23:37 -0700
Subject: [PATCH 4/4] add unit tests

---
 .../NotificationFooter.test.tsx.snap          | 122 +++++++++---------
 1 file changed, 61 insertions(+), 61 deletions(-)

diff --git a/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap b/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
index 8429bf33e..7d462c36c 100644
--- a/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
+++ b/src/components/notification/__snapshots__/NotificationFooter.test.tsx.snap
@@ -418,7 +418,7 @@ exports[`components/notification/NotificationFooter.tsx security alerts should u
 }
 `;
 
-exports[`components/notification/NotificationFooter.tsx should render itself & its children 1`] = `
+exports[`components/notification/NotificationFooter.tsx should default to known avatar if no user found 1`] = `
 {
   "asFragment": [Function],
   "baseElement": <body>
@@ -426,24 +426,29 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
       <div
         class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
       >
-        <button
-          class="flex-shrink-0"
-          title="View User Profile"
-          type="button"
-        >
-          <img
-            alt="gitify-app's avatar"
-            class="rounded-full object-cover size-4"
-            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-          />
-        </button>
+        <div>
+          <svg
+            aria-hidden="true"
+            class="octicon octicon-mark-github"
+            fill="currentColor"
+            focusable="false"
+            height="16"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="16"
+          >
+            <path
+              d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+            />
+          </svg>
+        </div>
         <div
           title="You're watching the repository."
         >
           Updated
         </div>
         <div
-          title="gitify-app updated 7 years ago"
+          title="Updated 7 years ago"
         >
           7 years ago
         </div>
@@ -502,24 +507,29 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
     <div
       class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
     >
-      <button
-        class="flex-shrink-0"
-        title="View User Profile"
-        type="button"
-      >
-        <img
-          alt="gitify-app's avatar"
-          class="rounded-full object-cover size-4"
-          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-        />
-      </button>
+      <div>
+        <svg
+          aria-hidden="true"
+          class="octicon octicon-mark-github"
+          fill="currentColor"
+          focusable="false"
+          height="16"
+          style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+          viewBox="0 0 16 16"
+          width="16"
+        >
+          <path
+            d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+          />
+        </svg>
+      </div>
       <div
         title="You're watching the repository."
       >
         Updated
       </div>
       <div
-        title="gitify-app updated 7 years ago"
+        title="Updated 7 years ago"
       >
         7 years ago
       </div>
@@ -627,7 +637,7 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
 }
 `;
 
-exports[`components/notification/NotificationFooter.tsx should render itself & its children when last_read_at is null 1`] = `
+exports[`components/notification/NotificationFooter.tsx should render itself & its children 1`] = `
 {
   "asFragment": [Function],
   "baseElement": <body>
@@ -836,7 +846,7 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
 }
 `;
 
-exports[`components/notification/NotificationFooter.tsx should render itself & its children without avatar 1`] = `
+exports[`components/notification/NotificationFooter.tsx should render itself & its children when last_read_at is null 1`] = `
 {
   "asFragment": [Function],
   "baseElement": <body>
@@ -844,29 +854,24 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
       <div
         class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
       >
-        <div>
-          <svg
-            aria-hidden="true"
-            class="text-gray-500 dark:text-gray-300"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="16"
-          >
-            <path
-              d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
-            />
-          </svg>
-        </div>
+        <button
+          class="flex-shrink-0"
+          title="View User Profile"
+          type="button"
+        >
+          <img
+            alt="gitify-app's avatar"
+            class="rounded-full object-cover size-4"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          />
+        </button>
         <div
           title="You're watching the repository."
         >
           Updated
         </div>
         <div
-          title="Updated 7 years ago"
+          title="gitify-app updated 7 years ago"
         >
           7 years ago
         </div>
@@ -925,29 +930,24 @@ exports[`components/notification/NotificationFooter.tsx should render itself & i
     <div
       class="flex flex-wrap items-center gap-1 text-xs capitalize opacity-80"
     >
-      <div>
-        <svg
-          aria-hidden="true"
-          class="text-gray-500 dark:text-gray-300"
-          fill="currentColor"
-          focusable="false"
-          height="16"
-          style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-          viewBox="0 0 16 16"
-          width="16"
-        >
-          <path
-            d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
-          />
-        </svg>
-      </div>
+      <button
+        class="flex-shrink-0"
+        title="View User Profile"
+        type="button"
+      >
+        <img
+          alt="gitify-app's avatar"
+          class="rounded-full object-cover size-4"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        />
+      </button>
       <div
         title="You're watching the repository."
       >
         Updated
       </div>
       <div
-        title="Updated 7 years ago"
+        title="gitify-app updated 7 years ago"
       >
         7 years ago
       </div>