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

CLONE - A user can set the text direction in 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 using both themes, Boost and Classic, and in more than one browser, and mention in a comment which browsers you've used.

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

      Requirements

      • 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.
      • A site with at least one right to left (RTL) language e.g. Hebrew or Arabic and at least one left to right (LTR) language e.g. English installed
      • The RTL/LTR buttons added to the Atto toolbar (in Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings)
      • A student account enrolled in a course with a forum.

      Testing

      1. Starting with the UI in a LTR language, log in as a student and go to the forum.
      2. Start a discussion, and before you input anything, switch to HTML view.
      3. Check that the initial direction and alignment of the paragraph HTML element is <p dir="ltr" style="text-align: left;"></p>.
      4. Switch back to normal view and type some text. Use the Atto buttons 'Left align' and 'Right align' and check that the alignment is correctly changed.
      5. Submit the post and check that the alignment is kept.
      6. Start a new discussion and this time test the Atto buttons 'Left to right' and 'Right to left'.
      7. Check that the direction is correctly changed and is kept when submitting the post.
      8. Try a mix of LTR and RTL language text like: הפסקה מתחילה בעברית and change into English אך מסתיימת ב باللغة العربية.
      9. Check that clicking the LTR button makes the English sentence look good (readable) and clicking the RTL button makes the Hebrew and Arabic sentence look good (readable).
      10. Change the UI language to a RTL language.
      11. Repeat steps 2 to 9, this time checking that the initial direction and alignment of the paragraph HTML element is <p dir="rtl" style="text-align: right;"></p>.

      Notes:

      • Keep switching back and forth between HTML view and Normal view before submitting your test post to the forum to check that the underlying HTML code is not messy.
      • Make sure you always start with a new forum post, as the ATTO auto save feature keeps old drafts, which can confuse the initial test environment.

        1. Forum P Tags.png
          Forum P Tags.png
          51 kB
        2. image-2024-09-11-01-27-52-027.png
          image-2024-09-11-01-27-52-027.png
          81 kB
        3. LTR english atto html.png
          LTR english atto html.png
          72 kB
        4. LTR left and right align.png
          LTR left and right align.png
          101 kB
        5. LTR left and right align 2.png
          LTR left and right align 2.png
          75 kB
        6. LTR Left to right and Right to left.png
          LTR Left to right and Right to left.png
          121 kB
        7. LTR Left to right and Right to left 2.png
          LTR Left to right and Right to left 2.png
          194 kB
        8. RTL atto html.png
          RTL atto html.png
          61 kB
        9. RTL left and right align.png
          RTL left and right align.png
          81 kB
        10. RTL left and right align 2.png
          RTL left and right align 2.png
          210 kB
        11. RTL left to right and right to left buttons.png
          RTL left to right and right to left buttons.png
          206 kB
        12. RTL post from LTR.png
          RTL post from LTR.png
          174 kB

            Conway Carol
            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.