Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-81663

Upgrade Tiny to 7.3.0

XMLWordPrintable

    • MOODLE_405_STABLE
    • MOODLE_405_STABLE
    • MDL-81663-main
    • Hide

      Setup

      1. Login as an Admin
      2. Go to Site admin -> Plugins -> Mange editors and ensure TinyMCE is the preferred editor.
      3. Go to Site admin -> Plugins -> Tiny Premium and enter in a valid API key (reach out if you need assistance in getting one. You can also get a free trial at https://www.tiny.cloud/).
      4. Click on your user icon and choose 'Profile'. Then click 'Edit profile'. We just need a page with an editor on it.

      Smoke test for tiny regular

      CI Will test many of the standard features.
      This could do with a general smoke test, but it's hard to be specific about what should be tested. I would suggest focusing on:

      1. do all of the standard features work
      2. checking console for an warnings and/or errors relating to Tiny
      3. checking undo/redo behaviour

      Test for MDL-78714 (To confirm no regression happened from tiny from release 7)

       

      1. Login as any user
      2. Navigate to User menu -> Profile -> Edit profile
      3. Find the TinyMCE Text editor
      4. View source
      5. Set the source content to: 
        <script>
        const img = '<img src="example.jpg">';
        </script>

       

      1. press Save
      2. Open Tools > Source code again
        1. Confirm that the script remains

      Smoke tests for tiny premium

      Advanced Tables

      1. Confirm that the ‘Table’ menu contains the new ‘Sort’ and ‘Row numbering’ items.
      2. Create a table, select the table and confirm that the intended behaviour for both items is working.

       

      Advanced Typography

      1. Confirm the ‘Typography’ icon is present to the right of the Italics button.
      2. Paste in this text to the editor: "It's over there", she said. "No. There" – -> – she pointed. (c) (tm)
      3. Highlight the text and click the ’Typography’ icon.
      4. Confirm the text has been converted.

       

      Case Change

      1. Confirm the ‘Capitalization’ icon has been added to the toolbar. Looks like ‘Aa’.
      2. Type some text, highlight the text and click the ‘Capitalization’ icon.
      3. Choose each of the options and confirm that they behave correctly

       

      Checklist

      1. Confirm that the ‘Checklist’ icon has been added to the toolbar. Looks like a list with ticks.
      2. Click the ‘Checklist’ icon and type in something to confirm that it is behaving correctly. It should create some checkboxes that can be interacted with next to each item.

       

      Enhanced Image Editing

      1. Confirm there is an ‘Edit image’ icon added to the toolbar next to our existing ‘Image’ icon.
      2. Insert an image into the editor
      3. Click the image.
      4. Confirm that there are new rotation, flipping and cropping buttons and that they behave as expected.
      5. Click ‘Edit image’ icon and check that the edit image behaviour is working as expected.
      Show
      Setup Login as an Admin Go to Site admin -> Plugins -> Mange editors and ensure TinyMCE is the preferred editor. Go to Site admin -> Plugins -> Tiny Premium and enter in a valid API key (reach out if you need assistance in getting one. You can also get a free trial at https://www.tiny.cloud/ ). Click on your user icon and choose 'Profile'. Then click 'Edit profile'. We just need a page with an editor on it. Smoke test for tiny regular CI Will test many of the standard features. This could do with a general smoke test, but it's hard to be specific about what should be tested. I would suggest focusing on: do all of the standard features work checking console for an warnings and/or errors relating to Tiny checking undo/redo behaviour Test for MDL-78714 (To confirm no regression happened from tiny from release 7)   Login as any user Navigate to User menu -> Profile -> Edit profile Find the TinyMCE Text editor View source Set the source content to:  <script> const img = '<img src="example.jpg">'; </script>   press Save Open Tools > Source code again Confirm that the script remains Smoke tests for tiny premium Advanced Tables Confirm that the ‘Table’ menu contains the new ‘Sort’ and ‘Row numbering’ items. Create a table, select the table and confirm that the intended behaviour for both items is working.   Advanced Typography Confirm the ‘Typography’ icon is present to the right of the Italics button. Paste in this text to the editor: "It's over there", she said. "No. There" – -> – she pointed. (c) (tm) Highlight the text and click the ’Typography’ icon. Confirm the text has been converted.   Case Change Confirm the ‘Capitalization’ icon has been added to the toolbar. Looks like ‘Aa’. Type some text, highlight the text and click the ‘Capitalization’ icon. Choose each of the options and confirm that they behave correctly   Checklist Confirm that the ‘Checklist’ icon has been added to the toolbar. Looks like a list with ticks. Click the ‘Checklist’ icon and type in something to confirm that it is behaving correctly. It should create some checkboxes that can be interacted with next to each item.   Enhanced Image Editing Confirm there is an ‘Edit image’ icon added to the toolbar next to our existing ‘Image’ icon. Insert an image into the editor Click the image. Confirm that there are new rotation, flipping and cropping buttons and that they behave as expected. Click ‘Edit image’ icon and check that the edit image behaviour is working as expected.
    • 6
    • Team Hedgehog 2024 Sprint 3.1, Team Hedgehog 2024 Sprint 3.2, Team Hedgehog 2024 Sprint 3.3
    • Small

      Tiny lib/editor/tiny/ 6.8.3 --> 7.3.0 https://github.com/tinymce/tinymce

            safat.shahin@moodle.com Safat Shahin
            sarjona Sara Arjona (@sarjona)
            David Woloszyn David Woloszyn
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 27 minutes
                1d 27m

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