Uploaded image for project: 'Moodle QA'
  1. Moodle QA
  2. MDLQA-17933 Moodle 4.3 QA
  3. MDLQA-18343

CLONE - A user can drag and drop or paste images into the Atto text editor

XMLWordPrintable

    • Icon: Functional Test Functional Test
    • Icon: Minor Minor
    • Moodle 4.3
    • Moodle 4.3
    • HTML Editor, User
    • None

      Please test in more than one browser and mention in a comment which ones you've used, and your Operating System (OS).

      The more browser and OS combinations we can test with, the better, so anyone feel free to try this test even if you're not the assignee!

      Setup

      • As admin, visit Site administration > Plugins > Text editors > Manage editors and make "Atto HTML editor" the default editor by moving it up to the first position.

      Test drag and drop of one image

      1. Go to anywhere in Moodle that supports Atto with a filepicker (e.g. start writing a forum post).
      2. Drag in an image file.
      3. Verify that you see the progress indicator while the file uploads, and then the image appears.
      4. Click the View source button ( <> ).
      5. Verify that the image has a URL including 'draftfile.php'.
      6. Save changes and verify that the image is correctly displayed.
      7. Try other places that use editors, such as "course summary", "label" activity".
      8. Verify it works as expected and the images are displayed correctly on the page.

      Test drag and drop of multiple images

      1. Select several image files on your computer, and drag them into the Atto editor.
      2. Verify that you see multiple progress spinners, one for each image, and then all the images appear.
      3. Select some image files, and some non-image files on your computer, and drag them into the editor.
      4. Verify that the images get uploaded, and the other files get ignored.

      Test pasting images

      1. Open the image in some program where you can copy it. E.g. open it in a photo viewer, and copy the image to the clipboard, or take a screen-grab onto the clipboard.
      2. Paste into the Atto editor.
      3. Verify that you see the progress indicator while the file uploads, and then the image appears.
      4. Click the View source button ( <> ).
      5. Verify that the image has a URL including 'draftfile.php'.
      6. Save changes and verify that the image is correctly displayed.

      QA-6687 - Images can be edited by double clicking it

      1. Click on the Insert image icon.
      2. Browse for and upload an image and insert it with 'This image is decorative only'.
      3. Double-click the image in the ATTO editor.
      4. Verify that the image properties window displays and add an image description.
      5. If you are using forum, save and post to the forum (or whatever page you are using to test)
      6. Click to edit your post and double-click the image again.
      7. Verify that the image properties window displays, and change it back to 'decorative only'.
      8. Save your edited post.

            kimjared2121 Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.