Uploaded image for project: 'Moodle QA'
  1. Moodle QA
  2. MDLQA-16122 Moodle 4.0 QA
  3. MDLQA-16421

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. add-video-boost.png
          add-video-boost.png
          423 kB
        2. edit-video-boost.png
          edit-video-boost.png
          426 kB
        3. English subtitles.vtt
          0.8 kB
        4. French subtitles.vtt
          0.7 kB
        5. I have a dream!.mp4
          3.31 MB
        6. video-boost.png
          video-boost.png
          366 kB
        7. video classic.png
          video classic.png
          576 kB

        Issue Links

          Activity

            People

              sbourget Stephen Bourget
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: