Uploaded image for project: 'Moodle QA'
  1. Moodle QA
  2. MDLQA-15457 Moodle 3.11 QA
  3. MDLQA-15774

CLONE - A user can add images and media using Atto

    XMLWordPrintable

Details

    Description

      This test requires an image, an mp3 and an mp4 file with accompanying WebVTT files containing subtitles (such as the example files attached). The Atto text editor should be site default and the VideoJS player should be enabled.

      1. Log in as a user and go to a forum.
      2. Click to add a new discussion and verify you see the Atto editor.
      3. Click the Insert image icon.
      4. Browse and upload an image from your computer.
      5. Change the size to 400x400 and try to save it.
      6. Verify you are warned you must either add a description or check the 'This image is decorative only' box.
      7. Check the 'This image is decorative only' box and click Insert image.
      8. Click Post to forum and verify that the image displays correctly.
      9. Click to reply to your post.
      10. Click the Insert Media icon.
      11. Click the "Audio" tab
      12. Browse and upload an mp3 file from your computer.
      13. Click Insert media.
      14. Click Post to forum and verify that the mp3 file displays correctly.
      15. Edit the forum post, click the mp3 file, then the media button, and experiment with changing the advanced settings.
        Note: If you are not able to select the mp3 file by clicking, you might need to use the keyboard. In most browsers using Shift + Left/Right Arrow (same way as selecting text in the editor) works. Alternatively, dragging the mp3 file can work in some browsers.
      16. Save changes and verify that the mp3 file displays as expected. 
      17. Add another reply, this time using the Insert Media icon and clicking the "Video" tab
      18. Browse and upload an mp4 file from your computer.
      19. Click Post to forum and verify that the mp4 file displays correctly.
      20. Edit the forum post, click the mp4 file, then the media button, and experiment with changing the display options.
      21. Save changes and verify that the mp4 file displays as expected. 
      22. Edit the forum post, click the mp4 file, then the media button, and experiment with changing the advanced settings.
      23. Save changes and verify that the mp4 file displays as expected. 
      24. Edit the forum post, click the mp4 file, then the media button, then add the WebVTT files.
      25. Save changes and verify that subtitles are correctly displayed.

      Attachments

        1. English subtitles.vtt
          0.8 kB
        2. French subtitles.vtt
          0.7 kB
        3. I have a dream!.mp4
          3.31 MB
        4. step-14-mp3 displays correctly.PNG
          step-14-mp3 displays correctly.PNG
          82 kB
        5. step-15MP3 advanced settings.PNG
          step-15MP3 advanced settings.PNG
          73 kB
        6. step-19-mp4 dispalys correctly.PNG
          step-19-mp4 dispalys correctly.PNG
          91 kB
        7. step-20-mp4 display settings.PNG
          step-20-mp4 display settings.PNG
          36 kB
        8. step-22-mp4 advanced settings.PNG
          step-22-mp4 advanced settings.PNG
          50 kB
        9. step-23-mp4 displays as expected.PNG
          step-23-mp4 displays as expected.PNG
          124 kB
        10. step-24-Adding WebVTT Files.PNG
          step-24-Adding WebVTT Files.PNG
          33 kB
        11. step-25-titles displaying correctly.PNG
          step-25-titles displaying correctly.PNG
          89 kB
        12. step-2-Atto Visible.PNG
          step-2-Atto Visible.PNG
          13 kB
        13. step-3-Insert Image.PNG
          step-3-Insert Image.PNG
          28 kB
        14. step-5-size changed to 400x400.PNG
          step-5-size changed to 400x400.PNG
          109 kB
        15. step-6-image warning.PNG
          step-6-image warning.PNG
          112 kB
        16. step-8-image displays correctly.PNG
          step-8-image displays correctly.PNG
          282 kB

        Activity

          People

            uasar Usman Asar
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Clockify

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