test: fix test

Author: bang9

jest.config.js

@@ -140,7 +140,7 @@ module.exports = {
   // snapshotSerializers: [],
 
   // The test environment that will be used for testing
-  testEnvironment: "node",
+  testEnvironment: "jest-fixed-jsdom",
 
   // Options that will be passed to the testEnvironment
   // testEnvironmentOptions: {},

package.json

@@ -128,6 +128,7 @@
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-extended": "^3.2.4",
+    "jest-fixed-jsdom": "^0.0.10",
     "jsdom": "^20.0.0",
     "plop": "^2.5.3",
     "postcss": "^8.3.5",

src/hooks/VoicePlayer/__tests__/utils.spec.ts

@@ -7,39 +7,25 @@ import {
 import { isSafari } from '../../../utils/browser';
 import { getParsedVoiceAudioFileInfo } from '../utils';
 
-describe('getParsedVoiceAudioFileInfo', () => {
-  const originalUserAgent = navigator.userAgent;
+jest.mock('../../../utils/browser');
 
+describe('getParsedVoiceAudioFileInfo', () => {
   afterEach(() => {
-    Object.defineProperty(navigator, 'userAgent', {
-      value: originalUserAgent,
-      writable: false,
-    });
+    jest.clearAllMocks();
   });
 
   it('should return VOICE_MESSAGE_MIME_TYPE__XM4A for Safari and m4a MIME type', () => {
-    const safariUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15';
-
-    Object.defineProperty(navigator, 'userAgent', {
-      value: safariUserAgent,
-      writable: true,
-    });
+    (isSafari as jest.Mock).mockReturnValue(true);
 
-    expect(isSafari(safariUserAgent)).toBe(true);
     expect(getParsedVoiceAudioFileInfo('audio/mp3').mimeType).toBe(VOICE_MESSAGE_MIME_TYPE);
     expect(getParsedVoiceAudioFileInfo('audio/m4a').mimeType).toBe(VOICE_MESSAGE_MIME_TYPE__XM4A);
     expect(getParsedVoiceAudioFileInfo('audio/mp3').name).toBe(VOICE_MESSAGE_FILE_NAME);
     expect(getParsedVoiceAudioFileInfo('audio/m4a').name).toBe(VOICE_MESSAGE_FILE_NAME__XM4A);
   });
 
   it('should return VOICE_MESSAGE_MIME_TYPE for non-Safari browser and m4a MIME type', () => {
-    const chromeUserAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36';
-    Object.defineProperty(navigator, 'userAgent', {
-      value: chromeUserAgent,
-      writable: true,
-    });
+    (isSafari as jest.Mock).mockReturnValue(false);
 
-    expect(isSafari(chromeUserAgent)).toBe(false);
     expect(getParsedVoiceAudioFileInfo('audio/mp3').mimeType).toBe(VOICE_MESSAGE_MIME_TYPE);
     expect(getParsedVoiceAudioFileInfo('audio/m4a').mimeType).toBe(VOICE_MESSAGE_MIME_TYPE);
     expect(getParsedVoiceAudioFileInfo('audio/mp3').name).toBe(VOICE_MESSAGE_FILE_NAME);