From bd2cc8d6127d1b59b94831d74ef41d3e2d287835 Mon Sep 17 00:00:00 2001
From: Anand Srinivasan <66776129+eco-monk@users.noreply.github.com>
Date: Thu, 4 May 2023 11:26:17 +0530
Subject: [PATCH] fix: display picture - prevent invalid files (#22900)

## Description

When selecting a display picture, show alert on selecting invalid file
type.
e.g. when you rename a pdf file to png and try to upload it

Design system changes:
https://github.com/appsmithorg/design-system/pull/466

Fixes #22592

Media
https://www.loom.com/share/f8971769aaad422fb86c6b02306102ce


## Type of change
- Bug fix (non-breaking change which fixes an issue)


## How Has This Been Tested?
- Cypress
- Manual

### Test Plan
> Add Testsmith test cases links that relate to this PR

### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)


## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag


### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test
---
 .../cypress/fixtures/Files/invalid-image.png  | 198 ++++++++++++++++++
 .../cypress/fixtures/Files/valid-image.jpeg   | Bin 0 -> 13947 bytes
 .../UserProfile/UpdateUserPicture_spec.js     |  56 +++++
 .../UpdateUsersName_spec.js                   |   0
 .../cypress/support/Objects/CommonLocators.ts |   6 +
 app/client/cypress/support/Pages/HomePage.ts  |  15 ++
 app/client/package.json                       |   2 +-
 .../src/ce/constants/ReduxActionConstants.tsx |   1 +
 app/client/src/ce/constants/messages.ts       |   2 +
 .../UserProfile/UserProfileImagePicker.tsx    |  17 ++
 app/client/yarn.lock                          |   8 +-
 11 files changed, 300 insertions(+), 5 deletions(-)
 create mode 100644 app/client/cypress/fixtures/Files/invalid-image.png
 create mode 100644 app/client/cypress/fixtures/Files/valid-image.jpeg
 create mode 100644 app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUserPicture_spec.js
 rename app/client/cypress/integration/Regression_TestSuite/ClientSideTests/{ExplorerTests => UserProfile}/UpdateUsersName_spec.js (100%)

diff --git a/app/client/cypress/fixtures/Files/invalid-image.png b/app/client/cypress/fixtures/Files/invalid-image.png
new file mode 100644
index 0000000000..dbf091df9a
--- /dev/null
+++ b/app/client/cypress/fixtures/Files/invalid-image.png
@@ -0,0 +1,198 @@
+%PDF-1.3
+%âãÏÓ
+
+1 0 obj
+<<
+/Type /Catalog
+/Outlines 2 0 R
+/Pages 3 0 R
+>>
+endobj
+
+2 0 obj
+<<
+/Type /Outlines
+/Count 0
+>>
+endobj
+
+3 0 obj
+<<
+/Type /Pages
+/Count 2
+/Kids [ 4 0 R 6 0 R ] 
+>>
+endobj
+
+4 0 obj
+<<
+/Type /Page
+/Parent 3 0 R
+/Resources <<
+/Font <<
+/F1 9 0 R 
+>>
+/ProcSet 8 0 R
+>>
+/MediaBox [0 0 612.0000 792.0000]
+/Contents 5 0 R
+>>
+endobj
+
+5 0 obj
+<< /Length 1074 >>
+stream
+2 J
+BT
+0 0 0 rg
+/F1 0027 Tf
+57.3750 722.2800 Td
+( A Simple PDF File ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 688.6080 Td
+( This is a small demonstration .pdf file - ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 664.7040 Td
+( just for use in the Virtual Mechanics tutorials. More text. And more ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 652.7520 Td
+( text. And more text. And more text. And more text. ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 628.8480 Td
+( And more text. And more text. And more text. And more text. And more ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 616.8960 Td
+( text. And more text. Boring, zzzzz. And more text. And more text. And ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 604.9440 Td
+( more text. And more text. And more text. And more text. And more text. ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 592.9920 Td
+( And more text. And more text. ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 569.0880 Td
+( And more text. And more text. And more text. And more text. And more ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 557.1360 Td
+( text. And more text. And more text. Even more. Continued on page 2 ...) Tj
+ET
+endstream
+endobj
+
+6 0 obj
+<<
+/Type /Page
+/Parent 3 0 R
+/Resources <<
+/Font <<
+/F1 9 0 R 
+>>
+/ProcSet 8 0 R
+>>
+/MediaBox [0 0 612.0000 792.0000]
+/Contents 7 0 R
+>>
+endobj
+
+7 0 obj
+<< /Length 676 >>
+stream
+2 J
+BT
+0 0 0 rg
+/F1 0027 Tf
+57.3750 722.2800 Td
+( Simple PDF File 2 ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 688.6080 Td
+( ...continued from page 1. Yet more text. And more text. And more text. ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 676.6560 Td
+( And more text. And more text. And more text. And more text. And more ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 664.7040 Td
+( text. Oh, how boring typing this stuff. But not as boring as watching ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 652.7520 Td
+( paint dry. And more text. And more text. And more text. And more text. ) Tj
+ET
+BT
+/F1 0010 Tf
+69.2500 640.8000 Td
+( Boring.  More, a little more text. The end, and just as well. ) Tj
+ET
+endstream
+endobj
+
+8 0 obj
+[/PDF /Text]
+endobj
+
+9 0 obj
+<<
+/Type /Font
+/Subtype /Type1
+/Name /F1
+/BaseFont /Helvetica
+/Encoding /WinAnsiEncoding
+>>
+endobj
+
+10 0 obj
+<<
+/Creator (Rave \(http://www.nevrona.com/rave\))
+/Producer (Nevrona Designs)
+/CreationDate (D:20060301072826)
+>>
+endobj
+
+xref
+0 11
+0000000000 65535 f
+0000000019 00000 n
+0000000093 00000 n
+0000000147 00000 n
+0000000222 00000 n
+0000000390 00000 n
+0000001522 00000 n
+0000001690 00000 n
+0000002423 00000 n
+0000002456 00000 n
+0000002574 00000 n
+
+trailer
+<<
+/Size 11
+/Root 1 0 R
+/Info 10 0 R
+>>
+
+startxref
+2714
+%%EOF
diff --git a/app/client/cypress/fixtures/Files/valid-image.jpeg b/app/client/cypress/fixtures/Files/valid-image.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..54665a85ea11eb03172dc6f8acd9d7f3c9713777
GIT binary patch
literal 13947
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
IFlF+80nN^9q5uE@

literal 0
HcmV?d00001

diff --git a/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUserPicture_spec.js b/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUserPicture_spec.js
new file mode 100644
index 0000000000..ca1524ce6d
--- /dev/null
+++ b/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUserPicture_spec.js
@@ -0,0 +1,56 @@
+import homePage from "../../../../locators/HomePage";
+import * as _ from "../../../../support/Objects/ObjectsCore";
+
+describe("Update a user's display picture", function () {
+  beforeEach(() => {
+    _.homePage.GotoEditProfile();
+
+    _.agHelper.GetText(_.locators._ds_imageSelector_label).then((text) => {
+      text === "Remove" &&
+        _.agHelper.GetNClick(_.locators._ds_imageSelector_label);
+    });
+
+    // API is finished even before wait begins
+    // cy.intercept("GET", "/api/v1/users/photo", {
+    //   body: { responseMeta: { status: 200, success: true }, data: {} },
+    // }).as("savePhoto");
+  });
+
+  it("1. Update a user's picture with valid file", function () {
+    _.agHelper.GetNClick(_.locators._ds_imageSelector);
+    _.agHelper.GetElement(_.locators._ds_uppy_fileInput).as("fileInput");
+
+    cy.fixture("Files/valid-image.jpeg").then((fileContent) => {
+      _.agHelper.GetElement("@fileInput").attachFile({
+        fileContent: fileContent.toString(),
+        fileName: "valid-image.jpeg",
+        mimeType: "image/jpeg",
+        encoding: "base64",
+      });
+
+      _.agHelper.GetNClick(_.locators._ds_uppy_crop_confirm);
+      _.agHelper.GetNClick(_.locators._ds_uppy_upload_btn);
+      // API is finished even before wait begins
+      // cy.wait("@savePhoto");
+      _.agHelper.AssertElementExist(".image-view img");
+    });
+  });
+
+  it("2. Invalid file throws error", function () {
+    _.agHelper.GetNClick(_.locators._ds_imageSelector);
+    _.agHelper.GetElement(_.locators._ds_uppy_fileInput).as("fileInput");
+
+    cy.fixture("Files/invalid-image.png").then((fileContent) => {
+      _.agHelper.GetElement("@fileInput").attachFile({
+        fileContent: fileContent.toString(),
+        fileName: "invalid-image.png",
+        mimeType: "image/png",
+        encoding: "base64",
+      });
+
+      _.agHelper.ValidateToastMessage(
+        "File content doesn't seem to be an image. Please verify.",
+      );
+    });
+  });
+});
diff --git a/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/ExplorerTests/UpdateUsersName_spec.js b/app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUsersName_spec.js
similarity index 100%
rename from app/client/cypress/integration/Regression_TestSuite/ClientSideTests/ExplorerTests/UpdateUsersName_spec.js
rename to app/client/cypress/integration/Regression_TestSuite/ClientSideTests/UserProfile/UpdateUsersName_spec.js
diff --git a/app/client/cypress/support/Objects/CommonLocators.ts b/app/client/cypress/support/Objects/CommonLocators.ts
index 0d8ff0db99..95fc95ffad 100644
--- a/app/client/cypress/support/Objects/CommonLocators.ts
+++ b/app/client/cypress/support/Objects/CommonLocators.ts
@@ -180,4 +180,10 @@ export class CommonLocators {
   _canvas = "[data-testid=widgets-editor]";
   _enterPreviewMode = "[data-cy='edit-mode']";
   _exitPreviewMode = "[data-cy='preview-mode']";
+
+  _ds_imageSelector = ".ads-dialog-trigger";
+  _ds_imageSelector_label = ".ads-dialog-trigger .label";
+  _ds_uppy_fileInput = ".uppy-Dashboard-input";
+  _ds_uppy_crop_confirm = ".uppy-ImageCropper-controls .uppy-c-btn";
+  _ds_uppy_upload_btn = ".uppy-StatusBar-actionBtn--upload";
 }
diff --git a/app/client/cypress/support/Pages/HomePage.ts b/app/client/cypress/support/Pages/HomePage.ts
index c61cf31b4d..718531d600 100644
--- a/app/client/cypress/support/Pages/HomePage.ts
+++ b/app/client/cypress/support/Pages/HomePage.ts
@@ -38,6 +38,7 @@ export class HomePage {
     role +
     "']";
   private _profileMenu = ".t--profile-menu";
+  private _editProfileMenu = ".t--edit-profile";
   private _signout = ".t--logout-icon";
   _searchUsersInput = ".search-input";
 
@@ -272,6 +273,20 @@ export class HomePage {
     this.agHelper.Sleep(); //for logout to complete!
   }
 
+  public GotoProfileMenu() {
+    this.agHelper.GetNClick(this._profileMenu);
+  }
+
+  public GotoEditProfile() {
+    cy.location().then((loc) => {
+      if (loc.pathname !== "/profile") {
+        this.NavigateToHome();
+        this.GotoProfileMenu();
+        this.agHelper.GetNClick(this._editProfileMenu);
+      }
+    });
+  }
+
   public LogintoApp(
     uname: string,
     pswd: string,
diff --git a/app/client/package.json b/app/client/package.json
index 4c77efd8eb..77882e85bb 100644
--- a/app/client/package.json
+++ b/app/client/package.json
@@ -80,7 +80,7 @@
     "cypress-log-to-output": "^1.1.2",
     "dayjs": "^1.10.6",
     "deep-diff": "^1.0.2",
-    "design-system-old": "npm:@appsmithorg/design-system-old@1.1.5",
+    "design-system-old": "npm:@appsmithorg/design-system-old@1.1.6",
     "downloadjs": "^1.4.7",
     "exceljs": "^4.3.0",
     "fast-deep-equal": "^3.1.3",
diff --git a/app/client/src/ce/constants/ReduxActionConstants.tsx b/app/client/src/ce/constants/ReduxActionConstants.tsx
index c0ffff9aa0..fa8b6c26c9 100644
--- a/app/client/src/ce/constants/ReduxActionConstants.tsx
+++ b/app/client/src/ce/constants/ReduxActionConstants.tsx
@@ -984,6 +984,7 @@ export const ReduxActionErrorTypes = {
   INSTALL_LIBRARY_FAILED: "INSTALL_LIBRARY_FAILED",
   UNINSTALL_LIBRARY_FAILED: "UNINSTALL_LIBRARY_FAILED",
   FETCH_JS_LIBRARIES_FAILED: "FETCH_JS_LIBRARIES_FAILED",
+  USER_IMAGE_INVALID_FILE_CONTENT: "USER_IMAGE_INVALID_FILE_CONTENT",
 };
 
 export const ReduxFormActionTypes = {
diff --git a/app/client/src/ce/constants/messages.ts b/app/client/src/ce/constants/messages.ts
index fdbabc79fa..96a3a0da97 100644
--- a/app/client/src/ce/constants/messages.ts
+++ b/app/client/src/ce/constants/messages.ts
@@ -173,6 +173,8 @@ export const NO_USERS_INVITED = () => "You haven't invited any users yet";
 
 export const UPDATE_USER_DETAILS_FAILED = () =>
   "Unable to update user details.";
+export const USER_DISPLAY_PICTURE_FILE_INVALID = () =>
+  "File content doesn't seem to be an image. Please verify.";
 
 export const CREATE_PASSWORD_RESET_SUCCESS = () => `Your password has been set`;
 export const CREATE_PASSWORD_RESET_SUCCESS_LOGIN_LINK = () => `Login`;
diff --git a/app/client/src/pages/UserProfile/UserProfileImagePicker.tsx b/app/client/src/pages/UserProfile/UserProfileImagePicker.tsx
index 499e5a20c2..e14e9f6770 100644
--- a/app/client/src/pages/UserProfile/UserProfileImagePicker.tsx
+++ b/app/client/src/pages/UserProfile/UserProfileImagePicker.tsx
@@ -8,6 +8,9 @@ import { DisplayImageUpload } from "design-system-old";
 
 import type Uppy from "@uppy/core";
 import { isAirgapped } from "@appsmith/utils/airgapHelpers";
+import { ReduxActionErrorTypes } from "ce/constants/ReduxActionConstants";
+import type { ErrorActionPayload } from "sagas/ErrorSagas";
+import { USER_DISPLAY_PICTURE_FILE_INVALID } from "ce/constants/messages";
 
 function FormDisplayImage() {
   const isAirgappedInstance = isAirgapped();
@@ -53,10 +56,24 @@ function FormDisplayImage() {
     );
   };
 
+  const onFileTypeInvalid = () => {
+    const payload: ErrorActionPayload = {
+      show: true,
+      error: {
+        message: USER_DISPLAY_PICTURE_FILE_INVALID(),
+      },
+    };
+    dispatch({
+      type: ReduxActionErrorTypes.USER_IMAGE_INVALID_FILE_CONTENT,
+      payload,
+    });
+  };
+
   return (
     <DisplayImageUpload
       disableUppyInformer={isAirgappedInstance}
       onChange={onSelectFile}
+      onInvalidFileContent={onFileTypeInvalid}
       onRemove={removeProfileImage}
       submit={upload}
       value={imageURL}
diff --git a/app/client/yarn.lock b/app/client/yarn.lock
index 23a70b0e30..2a47975e90 100644
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@@ -9979,10 +9979,10 @@ depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz"
 
-"design-system-old@npm:@appsmithorg/design-system-old@1.1.5":
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/@appsmithorg/design-system-old/-/design-system-old-1.1.5.tgz#4911f997cedebf8c8bc20ddef9bb7e2e657d8be5"
-  integrity sha512-h2XOWYryvmkl5ZjRgQ56HDNaSH+uzR0s7V2ZRt4iZBspXyf0wdf4fCcgIByZesRwLHFLmBPR2hQjOUcEnILVSQ==
+"design-system-old@npm:@appsmithorg/design-system-old@1.1.6":
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/@appsmithorg/design-system-old/-/design-system-old-1.1.6.tgz#4b009bd4639e6018168929f649c54298c24b5e77"
+  integrity sha512-og37WUPL1USDgq5ow+Ci//c1SmwjVcbREUWEqLcqs+X4OxSoNdXkaQPwAwNkj07R9jhDxZ7ESKME0EfrQMnxSw==
   dependencies:
     emoji-mart "3.0.1"