From 23fcb7728f2a5fb441e568cf183b2296cc01ce37 Mon Sep 17 00:00:00 2001 From: mkaraki <26180919+mkaraki@users.noreply.github.com> Date: Mon, 15 Jan 2024 15:30:22 +0900 Subject: [PATCH] [MM-11777] Add WebP preview support on web (#25784) * Add webp to webapp image extension list * Add test webp image and test code * Change webp test image and move path --------- Co-authored-by: Mattermost Build --- .../fixtures/mm_file_testing/Images/WEBP.webp | Bin 0 -> 21626 bytes .../file_preview_image_spec.js | 12 ++++++++++++ webapp/channels/src/utils/constants.tsx | 2 +- 3 files changed, 13 insertions(+), 1 deletion(-) create mode 100644 e2e-tests/cypress/tests/fixtures/mm_file_testing/Images/WEBP.webp diff --git a/e2e-tests/cypress/tests/fixtures/mm_file_testing/Images/WEBP.webp b/e2e-tests/cypress/tests/fixtures/mm_file_testing/Images/WEBP.webp new file mode 100644 index 0000000000000000000000000000000000000000..b5bf572afb3daecc28a7a16c51a7a7cc047e6172 GIT binary patch literal 21626 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 SItIM7Li&%(|H%La0R9JcU4^6o literal 0 HcmV?d00001 diff --git a/e2e-tests/cypress/tests/integration/channels/files_and_attachments/file_preview_image_spec.js b/e2e-tests/cypress/tests/integration/channels/files_and_attachments/file_preview_image_spec.js index 9638e1ed0f..9fb644475e 100644 --- a/e2e-tests/cypress/tests/integration/channels/files_and_attachments/file_preview_image_spec.js +++ b/e2e-tests/cypress/tests/integration/channels/files_and_attachments/file_preview_image_spec.js @@ -103,6 +103,18 @@ describe('Upload Files - Image', () => { testImage(properties); }); + + it('MM-T2264_7 - WEBP', () => { + const properties = { + filePath: 'mm_file_testing/Images/WEBP.webp', + fileName: 'WEBP.webp', + originalWidth: 640, + originalHeight: 426, + mimeType: 'image/webp', + }; + + testImage(properties); + }); }); function testImage(properties) { diff --git a/webapp/channels/src/utils/constants.tsx b/webapp/channels/src/utils/constants.tsx index e3744e3b0f..a7eb36fbd7 100644 --- a/webapp/channels/src/utils/constants.tsx +++ b/webapp/channels/src/utils/constants.tsx @@ -1460,7 +1460,7 @@ export const Constants = { DEFAULT_CHARACTER_LIMIT: 4000, IMAGE_TYPE_GIF: 'gif', TEXT_TYPES: ['txt', 'rtf', 'vtt'], - IMAGE_TYPES: ['jpg', 'gif', 'bmp', 'png', 'jpeg', 'tiff', 'tif', 'psd'], + IMAGE_TYPES: ['jpg', 'gif', 'bmp', 'png', 'jpeg', 'tiff', 'tif', 'psd', 'webp'], AUDIO_TYPES: ['mp3', 'wav', 'wma', 'm4a', 'flac', 'aac', 'ogg', 'm4r'], VIDEO_TYPES: ['mp4', 'avi', 'webm', 'mkv', 'wmv', 'mpg', 'mov', 'flv'], PRESENTATION_TYPES: ['ppt', 'pptx'],