AC-12726::[2.4.8-beta1] TinyMCE 5 migration to TinyMCE 7

Author: djadobe16

app/code/Magento/Cms/Model/Wysiwyg/DefaultConfigProvider.php

@@ -33,7 +33,7 @@ public function getConfig(\Magento\Framework\DataObject $config) : \Magento\Fram
     {
         $config->addData([
             'tinymce' => [
-                'toolbar' => ' styles | formatselect | bold italic underline | alignleft aligncenter alignright | '
+                'toolbar' => ' blocks | formatselect | bold italic underline | alignleft aligncenter alignright | '
                     . 'bullist numlist | link table charmap',
                 'plugins' => implode(
                     ' ',

app/code/Magento/Cms/Test/Mftf/Section/TinyMCESection/TinyMCESection.xml

@@ -17,18 +17,18 @@
         <element name="InsertVariableIcon" type="button" selector="button[aria-label='Insert Variable']"/>
         <element name="InsertImageBtn" type="button" selector=".scalable.action-add-image.plugin"/>
         <element name="InsertImageIcon" type="button" selector="button[aria-label='Insert/edit image']" timeout="30"/>
-        <element name="Style" type="button" selector="button[title='Blocks']"/>
-        <element name="Bold" type="button" selector="button[title='Bold']"/>
-        <element name="Italic" type="button" selector="button[title='Italic']"/>
-        <element name="Underline" type="button" selector="button[title='Underline']"/>
-        <element name="AlignLeft" type="button" selector="button[title='Align left']"/>
-        <element name="AlignCenter" type="button" selector="button[title='Align center']"/>
-        <element name="AlignRight" type="button" selector="button[title='Align right']"/>
-        <element name="Bullet" type="button" selector="div[title='Bullet list']"/>
-        <element name="Numlist" type="button" selector="div[title='Numbered list']"/>
-        <element name="InsertLink" type="button" selector="button[title='Insert/edit link']"/>
-        <element name="InsertTable" type="button" selector="button[title='Table']"/>
-        <element name="SpecialCharacter" type="button" selector="button[title='Special character']"/>
+        <element name="Style" type="button" selector="button[aria-label='Block Paragraph']"/>
+        <element name="Bold" type="button" selector="button[aria-label='Bold']"/>
+        <element name="Italic" type="button" selector="button[aria-label='Italic']"/>
+        <element name="Underline" type="button" selector="button[aria-label='Underline']"/>
+        <element name="AlignLeft" type="button" selector="button[aria-label='Align left']"/>
+        <element name="AlignCenter" type="button" selector="button[aria-label='Align center']"/>
+        <element name="AlignRight" type="button" selector="button[aria-label='Align right']"/>
+        <element name="Bullet" type="button" selector="div[aria-label='Bullet list']"/>
+        <element name="Numlist" type="button" selector="div[aria-label='Numbered list']"/>
+        <element name="InsertLink" type="button" selector="button[aria-label='Insert/edit link']"/>
+        <element name="InsertTable" type="button" selector="button[aria-label='Table']"/>
+        <element name="SpecialCharacter" type="button" selector="button[aria-label='Special character']"/>
         <element name="WidgetButton" type="button" selector="span[class*='magento-widget mceNonEditable']"/>
         <element name="EditorContent" type="input" selector="#tinymce"/>
         <element name="Content" type="textarea" selector="textarea"/>