MC-34648: Update TinyMCE

- Corrected deprecation for mftf

Author: Hwashiang Yu

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

@@ -44,8 +44,7 @@
         <element name="imageSelected" type="text" selector="//small[text()='{{var1}}']/parent::*[@class='filecnt selected']" parameterized="true"/>
         <element name="ImageSource" type="input" selector=".mce-combobox.mce-abs-layout-item.mce-last.mce-has-open" />
         <element name="ImageDescription" type="input" selector=".mce-textbox.mce-abs-layout-item.mce-last" />
-        <!-- deprecated New element was introduced. Please use 'ImageDescriptionTinyMCE4'-->
-        <element name="ImageDescriptionTinyMCE3" type="input" selector="#alt" />
+        <element name="ImageDescriptionTinyMCE3" type="input" selector="#alt" deprecated="New element was introduced. Please use 'ImageDescriptionTinyMCE4'"/>
         <element name="ImageDescriptionTinyMCE4" type="input" selector="#alt" />
         <element name="Height" type="input" selector=".mce-textbox.mce-abs-layout-item.mce-first" />
         <element name="UploadImage" type="file" selector=".fileupload" />

app/code/Magento/Cms/Test/Mftf/Test/AdminAddImageToCMSPageTinyMCE3Test.xml

@@ -37,11 +37,11 @@
         <waitForPageLoad stepKey="wait5"/>
         <fillField selector="{{CmsNewPagePageBasicFieldsSection.pageTitle}}" userInput="{{_defaultCmsPage.title}}" stepKey="fillFieldTitle2"/>
         <click selector="{{CmsNewPagePageContentSection.header}}" stepKey="clickContentTab2" />
-        <waitForElementVisible selector="{{TinyMCESection.TinyMCE3}}" stepKey="waitForTinyMCE3"/>
-        <seeElement selector="{{TinyMCESection.TinyMCE3}}" stepKey="seeTinyMCE3" />
+        <comment userInput="removing deprecated element" stepKey="waitForTinyMCE3"/>
+        <comment userInput="removing deprecated element" stepKey="seeTinyMCE3" />
         <wait time="3" stepKey="waiting"/>
         <comment userInput="Click Insert image button" stepKey="clickImageButton"/>
-        <click selector="{{TinyMCESection.InsertImageBtnTinyMCE3}}" stepKey="clickInsertImage" />
+        <comment userInput="removing deprecated element" stepKey="clickInsertImage" />
         <waitForPageLoad stepKey="waitForiFrameToLoad" />
         <!-- Switch to the Edit/Insert Image iFrame -->
         <comment userInput="Switching to iFrame" stepKey="insertImageiFrame"/>
@@ -62,7 +62,7 @@
         <executeJS function="document.querySelector('.clearlooks2 iframe').setAttribute('name', 'insert-image');" stepKey="makeIFrameInteractable2"/>
         <switchToIFrame selector="insert-image" stepKey="switchToIFrame2"/>
         <waitForElementVisible selector="{{MediaGallerySection.insertBtn}}" stepKey="waitForInsertBtnOnIFrame" />
-        <fillField selector="{{MediaGallerySection.ImageDescriptionTinyMCE3}}" userInput="{{ImageUpload.content}}" stepKey="fillImageDescription" />
+        <fillField selector="{{MediaGallerySection.ImageDescriptionTinyMCE4}}" userInput="{{ImageUpload.content}}" stepKey="fillImageDescription" />
         <click selector="{{MediaGallerySection.insertBtn}}" stepKey="clickInsertBtn" />
         <waitForPageLoad stepKey="wait3"/>
         <click selector="{{CmsNewPagePageActionsSection.expandSplitButton}}" stepKey="expandButtonMenu"/>

app/code/Magento/Tinymce3/Test/Mftf/Section/AdminTinymce3FileldsSection.xml

@@ -9,17 +9,13 @@
 <sections xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:noNamespaceSchemaLocation="urn:magento:mftf:Page/etc/SectionObject.xsd">
     <section name="ProductWYSIWYGSection">
-        <!-- Deprecated this version of tinyMCE is no longer supported-->
-        <element name="Tinymce3MSG" type="button" selector=".admin__field-error"/>
+        <element name="Tinymce3MSG" type="button" selector=".admin__field-error" deprecated="this version of tinyMCE is no longer supported"/>
     </section>
     <section name="TinyMCESection">
-        <!-- Deprecated this version of tinyMCE is no longer supported-->
-        <element name="TinyMCE3" type="text" selector="#cms_page_form_content_tbl"/>
-        <!-- Deprecated this version of tinyMCE is no longer supported-->
-        <element name="InsertImageBtnTinyMCE3" type="button" selector="#cms_page_form_content_image"/>
+        <element name="TinyMCE3" type="text" selector="#cms_page_form_content_tbl" deprecated="this version of tinyMCE is no longer supported"/>
+        <element name="InsertImageBtnTinyMCE3" type="button" selector="#cms_page_form_content_image" deprecated="this version of tinyMCE is no longer supported"/>
     </section>
     <section name="NewsletterWYSIWYGSection">
-        <!-- Deprecated this version of tinyMCE is no longer supported-->
-        <element name="TinyMCE3" type="text" selector="#cms_page_form_content_tbl"/>
+        <element name="TinyMCE3" type="text" selector="#cms_page_form_content_tbl" deprecated="this version of tinyMCE is no longer supported"/>
     </section>
 </sections>

app/code/Magento/Tinymce3/Test/Mftf/Test/AdminSwitchWYSIWYGOptionsTest.xml

@@ -66,8 +66,8 @@
         <waitForPageLoad stepKey="wait5"/>
         <fillField selector="{{CmsNewPagePageBasicFieldsSection.pageTitle}}" userInput="{{_defaultCmsPage.title}}" stepKey="fillFieldTitle2"/>
         <click selector="{{CmsNewPagePageContentSection.header}}" stepKey="clickContentTab2" />
-        <waitForElementVisible selector="{{TinyMCESection.TinyMCE3}}" stepKey="waitForTinyMCE3"/>
-        <seeElement selector="{{TinyMCESection.TinyMCE3}}" stepKey="seeTinyMCE3" />
+        <comment userInput="removing deprecated element" stepKey="waitForTinyMCE3"/>
+        <comment userInput="removing deprecated element" stepKey="seeTinyMCE3" />
         <executeJS function="tinyMCE.activeEditor.setContent('Hello TinyMCE3!');" stepKey="executeJSFillContent2"/>
         <click selector="{{CmsWYSIWYGSection.ShowHideBtn}}" stepKey="clickShowHideBtn2" />
         <scrollTo selector="{{CmsNewPagePageSeoSection.header}}" stepKey="scrollToSearchEngineTab2" />