diff --git a/webapp/channels/src/components/file_preview_modal/__snapshots__/image_preview.test.jsx.snap b/webapp/channels/src/components/file_preview_modal/__snapshots__/image_preview.test.tsx.snap
similarity index 100%
rename from webapp/channels/src/components/file_preview_modal/__snapshots__/image_preview.test.jsx.snap
rename to webapp/channels/src/components/file_preview_modal/__snapshots__/image_preview.test.tsx.snap
diff --git a/webapp/channels/src/components/file_preview_modal/image_preview.test.jsx b/webapp/channels/src/components/file_preview_modal/image_preview.test.tsx
similarity index 85%
rename from webapp/channels/src/components/file_preview_modal/image_preview.test.jsx
rename to webapp/channels/src/components/file_preview_modal/image_preview.test.tsx
index 8adfbf3493..98b9fb61f7 100644
--- a/webapp/channels/src/components/file_preview_modal/image_preview.test.jsx
+++ b/webapp/channels/src/components/file_preview_modal/image_preview.test.tsx
@@ -5,13 +5,13 @@ import React from 'react';
 import {shallow} from 'enzyme';
 
 import ImagePreview from 'components/file_preview_modal/image_preview';
+import {TestHelper} from 'utils/test_helper';
 
 describe('components/view_image/ImagePreview', () => {
+    const fileInfo1 = TestHelper.getFileInfoMock({id: 'file_id', extension: 'm4a', has_preview_image: false});
     const baseProps = {
         canDownloadFiles: true,
-        fileInfo: {
-            id: 'file_id',
-        },
+        fileInfo: fileInfo1,
     };
 
     test('should match snapshot, without preview', () => {
@@ -26,6 +26,7 @@ describe('components/view_image/ImagePreview', () => {
         const props = {
             ...baseProps,
             fileInfo: {
+                ...fileInfo1,
                 id: 'file_id_1',
                 has_preview_image: true,
             },
@@ -56,6 +57,7 @@ describe('components/view_image/ImagePreview', () => {
             ...baseProps,
             canDownloadFiles: false,
             fileInfo: {
+                ...fileInfo1,
                 id: 'file_id_1',
                 has_preview_image: true,
             },
@@ -69,10 +71,13 @@ describe('components/view_image/ImagePreview', () => {
     });
 
     test('should not download link for external file', () => {
+        fileInfo1.link = 'https://example.com/image.png';
         const props = {
             ...baseProps,
             fileInfo: {
+                ...fileInfo1,
                 link: 'https://example.com/image.png',
+                id: '',
             },
         };