Uploaded image for project: 'Moodle QA'
  1. Moodle QA
  2. MDLQA-19836 Moodle 5.0 QA
  3. MDLQA-20235

CLONE - TinyMCE editor smoke test

XMLWordPrintable

    • Icon: Functional Test Functional Test
    • Icon: Major Major
    • None
    • Moodle 5.0
    • HTML Editor

      This test requires admin access to enable the new TinyMCE editor

      Guidelines

      • TinyMCE editor should be your default editor.
      • General settings page for TinyMCE can be found at Site administration > Text editors > TinyMCE editor > General settings
      • Please test this on both Themes (classic, boost)
      • Please test this with multiple browsers (Chrome, FF, Edge, Safari...)
      • If possible, execute the test in a mobile device.
      • Execute the test with the browser console open so you can see if there are any Javascript errors.
      • Verify it works in different languages, at least one RTL (Hebrew for example)

      TinyMCE plugins can be disabled/enabled

      1. In the TinyMCE general settings page disable one the plugins eg. Accessibility checker
      2. Go to any page where there's an editor eg. user profile edit page
      3. Ensure the disabled plugin is not available to be used in the editor.
      4. Try enabling and disabling other plugins and ensure it works as expected.

      Editor preferences

      1. In the user menu, select Preferences > Editor preferences.
      2. Set the text editor to "Plain text area" and save changes.
      3. In the profile page, verify the Description field is now a plain text field.
      4. Edit the editor preferences again, setting back to "TinyMCE editor".
      5. In the profile page, verify the Description field is using the TinyMCE editor again.

      TinyMCE logo can be hidden

      1. In the TinyMCE general settings page enable "TinyMCE branding" (if not enabled).
      2. Go to your profile page and verify the Tiny logo is displayed on the bottom of the editor.
      3. Go back to the settings page and disable "TinyMCE branding".
      4. In the "Edit profile" page, verify the Tiny logo is not visible any more.

      Equation

      For this test please ensure MathJax is enabled.

      1. In the editor, click "Insert > Equation editor" and add the following equation:

        \sqrt[a]{b+c} 
        

      2. Save and verify the equation is rendered correctly.
      3. Try experimenting a different equation from the doc Using TeX Notation and copy and paste it (not markers $$) into the equation editor.

      Autosave

      1. Add some text to the editor, wait around a minute or so and close the window.
      2. Go back to the same page and verify the content has been restored in the editor.

      Smoke test

      1. Perform a smoke test in the editor, trying all features in the editors:
        • Plugins (H5P, Media, Audio and Video recording)
        • Text formatting (Paragraph styles, Bold, Italic)
        • Menu items (Edit, View, Insert...)
        • Links
        • Emoji Picker
        • Accessibility checker, Screenreader helper
        • Show more/fewer buttons (3-dots)
      2. Click in one of the options in the menu bar (Edit, View, Insert, Format...), scroll down and up.
      3. Ensure the dropdown menu stays anchored to the button that triggered it.
      4. Verify the justify alignment toolbar and item menu do not exist.
      5. All features should works as expected.

            lameze Simey Lameze
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

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