Uploaded image for project: 'Moodle QA'
  1. Moodle QA
  2. MDLQA-18925 Moodle 4.5 QA
  3. MDLQA-19297

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.5
    • Moodle 4.5
    • 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.

        1. MDLQA-19297-1-3-chrome.png
          MDLQA-19297-1-3-chrome.png
          28 kB
        2. MDLQA-19297-1-5.png
          MDLQA-19297-1-5.png
          37 kB
        3. MDLQA-19297-1-5-chrome.png
          MDLQA-19297-1-5-chrome.png
          57 kB
        4. MDLQA-19297-1-6.png
          MDLQA-19297-1-6.png
          31 kB
        5. MDLQA-19297-1-8.png
          MDLQA-19297-1-8.png
          501 kB
        6. MDLQA-19297-1-8-chrome.png
          MDLQA-19297-1-8-chrome.png
          37 kB
        7. MDLQA-19297-2-2.png
          MDLQA-19297-2-2.png
          137 kB
        8. MDLQA-19297-2-2-chrome.png
          MDLQA-19297-2-2-chrome.png
          266 kB
        9. MDLQA-19297-3-3.png
          MDLQA-19297-3-3.png
          26 kB
        10. MDLQA-19297-3-3-chrome.png
          MDLQA-19297-3-3-chrome.png
          222 kB
        11. MDLQA-19297-3-5.png
          MDLQA-19297-3-5.png
          47 kB
        12. MDLQA-19297-3-5-chrome.png
          MDLQA-19297-3-5-chrome.png
          46 kB
        13. MDLQA-19297-3-6.png
          MDLQA-19297-3-6.png
          33 kB
        14. MDLQA-19297-4-4.png
          MDLQA-19297-4-4.png
          165 kB
        15. MDLQA-19297-4-4-chrome.png
          MDLQA-19297-4-4-chrome.png
          149 kB
        16. MDLQA-19297-4-7.png
          MDLQA-19297-4-7.png
          165 kB
        17. MDLQA-19297-4-7-chrome.png
          MDLQA-19297-4-7-chrome.png
          154 kB

            kevin.percy@moodle.com Kevin Percy
            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.