chore: improve tests for sidebar (#590)

Author: afonsojramos

src/components/Logo.tsx

@@ -12,14 +12,15 @@ const LIGHT_GRADIENT_END = '#FFFFFF';
 const DARK_GRADIENT_START = '#22283B';
 const DARK_GRADIENT_END = '#555B6E';
 
-export const Logo = ({ isDark, onClick, className = '' }: IProps) => (
+export const Logo = ({ isDark, onClick, className = '', ...props }: IProps) => (
   <svg
     className={className}
     onClick={() => onClick && onClick()}
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 500 500"
     role="logo"
+    {...props}
   >
     <defs>
       <linearGradient

src/components/Sidebar.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { createMemoryHistory } from 'history';
 import * as React from 'react';
 import { Router } from 'react-router';
@@ -102,6 +102,34 @@ describe('components/Sidebar.tsx', () => {
     );
   });
 
+  it('should quit the app', () => {
+    const { getByLabelText } = render(
+      <AppContext.Provider value={{ isLoggedIn: false, notifications: [] }}>
+        <MemoryRouter>
+          <Sidebar />
+        </MemoryRouter>
+      </AppContext.Provider>
+    );
+    fireEvent.click(getByLabelText('Quit App'));
+    expect(ipcRenderer.send).toHaveBeenCalledTimes(1);
+    expect(ipcRenderer.send).toHaveBeenCalledWith('app-quit');
+  });
+
+  it('should open the gitify repository', () => {
+    render(
+      <AppContext.Provider value={{ isLoggedIn: false, notifications: [] }}>
+        <MemoryRouter>
+          <Sidebar />
+        </MemoryRouter>
+      </AppContext.Provider>
+    );
+    fireEvent.click(screen.getByTestId('gitify-logo'));
+    expect(shell.openExternal).toHaveBeenCalledTimes(1);
+    expect(shell.openExternal).toHaveBeenCalledWith(
+      'https://github.com/gitify-app/gitify'
+    );
+  });
+
   describe('should render the notifications icon', () => {
     it('when there are 0 notifications', () => {
       const { getByLabelText } = render(

src/components/Sidebar.tsx

@@ -43,6 +43,7 @@ export const Sidebar: React.FC = () => {
       <div className="flex flex-col flex-1 items-center py-4">
         <Logo
           className="w-5 my-3 mx-auto cursor-pointer"
+          data-testid="gitify-logo"
           onClick={onOpenBrowser}
         />
 

src/components/__snapshots__/Sidebar.test.tsx.snap

@@ -9,6 +9,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged in)
   >
     <svg
       className="w-5 my-3 mx-auto cursor-pointer"
+      data-testid="gitify-logo"
       onClick={[Function]}
       role="logo"
       viewBox="0 0 500 500"
@@ -127,6 +128,7 @@ exports[`components/Sidebar.tsx should render itself & its children (logged out)
   >
     <svg
       className="w-5 my-3 mx-auto cursor-pointer"
+      data-testid="gitify-logo"
       onClick={[Function]}
       role="logo"
       viewBox="0 0 500 500"

src/utils/constants.ts

@@ -8,7 +8,7 @@ export const Constants = {
     clientSecret: process.env.OAUTH_CLIENT_SECRET,
   },
 
-  REPO_SLUG: 'manosim/gitify',
+  REPO_SLUG: 'gitify-app/gitify',
 
   // Storage
   STORAGE_KEY: 'gitify-storage',