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
          51 kB
          John Provasnik
        2. image-2024-09-11-01-27-52-027.png
          81 kB
          Minh Hanh NGUYEN
        3. LTR english atto html.png
          72 kB
          Carol
        4. LTR left and right align.png
          101 kB
          Carol
        5. LTR left and right align 2.png
          75 kB
          Carol
        6. LTR Left to right and Right to left.png
          121 kB
          Carol
        7. LTR Left to right and Right to left 2.png
          194 kB
          Carol
        8. RTL atto html.png
          61 kB
          Carol
        9. RTL left and right align.png
          81 kB
          Carol
        10. RTL left and right align 2.png
          210 kB
          Carol
        11. RTL left to right and right to left buttons.png
          206 kB
          Carol
        12. RTL post from LTR.png
          174 kB
          Carol

            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.