mock global.__dirname

Signed-off-by: Adam Setch <adam.setch@outlook.com>

src/__mocks__/utils.ts

@@ -1,5 +1,5 @@
-export function setPlatform(platform: NodeJS.Platform) {
-  Object.defineProperty(process, 'platform', {
-    value: platform,
-  });
+import * as helpers from '../utils/helpers';
+
+export function mockDirectoryPath() {
+  jest.spyOn(helpers, 'getDirectoryPath').mockReturnValue('/mocked/dir/name');
 }

src/components/AccountNotifications.test.tsx

@@ -1,5 +1,6 @@
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import { mockGitHubCloudAccount, mockSettings } from '../__mocks__/state-mocks';
+import { mockDirectoryPath } from '../__mocks__/utils';
 import { AppContext } from '../context/App';
 import { GroupBy } from '../types';
 import { mockGitHubNotifications } from '../utils/api/__mocks__/response-mocks';
@@ -15,6 +16,8 @@ describe('components/AccountNotifications.tsx', () => {
   // Have to make it consistent so the emojis are always the same
   beforeEach(() => {
     global.Math.random = jest.fn(() => 0.1);
+
+    mockDirectoryPath();
   });
 
   it('should render itself - group notifications by repositories', () => {

src/components/AllRead.test.tsx

@@ -1,11 +1,14 @@
 import { render } from '@testing-library/react';
+import { mockDirectoryPath } from '../__mocks__/utils';
 import { AllRead } from './AllRead';
 
 describe('components/AllRead.tsx', () => {
   // The read emoji randomly rotates, but then the snapshots would never match
   // Have to make it consistent so the emojis are always the same
   beforeEach(() => {
     global.Math.random = jest.fn(() => 0.1);
+
+    mockDirectoryPath();
   });
 
   it('should render itself & its children', () => {

src/components/Oops.test.tsx

@@ -1,7 +1,12 @@
 import { render } from '@testing-library/react';
+import { mockDirectoryPath } from '../__mocks__/utils';
 import { Oops } from './Oops';
 
 describe('components/Oops.tsx', () => {
+  beforeEach(() => {
+    mockDirectoryPath();
+  });
+
   it('should render itself & its children', () => {
     const mockError = {
       title: 'Error title',

src/components/icons/Emoji.test.tsx

@@ -1,7 +1,12 @@
 import { render } from '@testing-library/react';
+import { mockDirectoryPath } from '../../__mocks__/utils';
 import { Emoji, type IEmoji } from './Emoji';
 
 describe('components/icons/Emoji.tsx', () => {
+  beforeEach(() => {
+    mockDirectoryPath();
+  });
+
   it('should render', () => {
     const props: IEmoji = {
       emoji: '🍺',

src/components/icons/Emoji.tsx

@@ -1,6 +1,7 @@
 import path from 'node:path';
 import twemoji from '@discordapp/twemoji';
 import type { FC } from 'react';
+import { getDirectoryPath } from '../../utils/helpers';
 
 export interface IEmoji {
   emoji: string;
@@ -19,7 +20,8 @@ export const Emoji: FC<IEmoji> = (props: IEmoji) => {
     ext: '.svg',
     callback: (icon: string, options: TwemojiOptions, _variant: string) => {
       const source = path.resolve(
-        `${__dirname}/../../node_modules/@discordapp/twemoji/dist`,
+        getDirectoryPath(),
+        '../../node_modules/@discordapp/twemoji/dist',
       );
 
       return ''.concat(source, '/', options.size, '/', icon, options.ext);

src/utils/helpers.ts

@@ -201,3 +201,7 @@ export function getFilterCount(settings: SettingsState): number {
 
   return count;
 }
+
+export function getDirectoryPath(): string {
+  return `${__dirname}`;
+}