ENGCOM-5638: Resolve "Delete Template" and "Convert to Plain Text" confirm message (at Edit email template) should have the Magento Backend Design (issue 24082) #24083

Author: sidolov

app/code/Magento/Email/Test/Mftf/ActionGroup/EmailTemplateActionGroup.xml

@@ -61,7 +61,8 @@
             <description>Clicks on Delete Template. Accepts the Popup. Validates that the Email Template is NOT present in the Email Templates Grid.</description>
         </annotations>
         <click selector="{{AdminEmailTemplateEditSection.deleteTemplateButton}}" after="checkTemplateName" stepKey="deleteTemplate"/>
-        <acceptPopup after="deleteTemplate" stepKey="acceptPopup"/>
+        <waitForElementVisible selector="{{AdminEmailTemplateEditSection.acceptPopupButton}}" after="deleteTemplate" stepKey="waitForConfirmButton"/>
+        <click selector="{{AdminEmailTemplateEditSection.acceptPopupButton}}" after="waitForConfirmButton" stepKey="acceptPopup"/>
         <waitForElementVisible selector="{{AdminMessagesSection.successMessage}}" after="acceptPopup" stepKey="waitForSuccessMessage"/>
         <see selector="{{AdminMessagesSection.successMessage}}" userInput="You deleted the email template." after="waitForSuccessMessage" stepKey="seeSuccessfulMessage"/>
     </actionGroup>

app/code/Magento/Email/Test/Mftf/Section/AdminEmailTemplateEditSection.xml

@@ -16,5 +16,6 @@
         <element name="loadTemplateButton" type="button" selector="#load" timeout="30"/>
         <element name="deleteTemplateButton" type="button" selector="#delete"/>
         <element name="previewTemplateButton" type="button" selector="#preview" timeout="30"/>
+        <element name="acceptPopupButton" type="button" selector=".action-accept" />
     </section>
 </sections>

app/code/Magento/Email/view/adminhtml/templates/template/edit.phtml

@@ -61,10 +61,11 @@ require([
     "jquery",
     "wysiwygAdapter",
     "Magento_Ui/js/modal/alert",
+    'Magento_Ui/js/modal/confirm',
     "mage/mage",
     "Magento_Email/js/variables",
     "prototype"
-], function(jQuery, tinyMCE, alert){
+], function(jQuery, tinyMCE, alert, confirm){
 
 //<![CDATA[
     jQuery('#email_template_edit_form').mage('form').mage('validation');
@@ -113,18 +114,22 @@ require([
         },
 
         stripTags: function () {
-            if(!window.confirm("<?= $block->escapeJs($block->escapeHtml(__('Are you sure you want to strip tags?'))) ?>")) {
-                return false;
-            }
-            this.unconvertedText = $('template_text').value;
-            $('convert_button').hide();
-            $('template_text').value =  $('template_text').value.stripScripts().replace(
-                new RegExp('<style[^>]*>[\\S\\s]*?</style>', 'img'), ''
-            ).stripTags().strip();
-            $('convert_button_back').show();
-            $('field_template_styles').hide();
-            this.typeChange = true;
-            return false;
+            confirm({
+                content: "<?= $block->escapeJs($block->escapeHtml(__('Are you sure you want to strip tags?'))) ?>",
+                actions: {
+                    confirm: function () {
+                        this.unconvertedText = $('template_text').value;
+                        $('convert_button').hide();
+                        $('template_text').value =  $('template_text').value.stripScripts().replace(
+                            new RegExp('<style[^>]*>[\\S\\s]*?</style>', 'img'), ''
+                        ).stripTags().strip();
+                        $('convert_button_back').show();
+                        $('field_template_styles').hide();
+                        this.typeChange = true;
+                        return false;
+                    }
+                }
+            });
         },
         unStripTags: function () {
             $('convert_button').show();
@@ -164,9 +169,14 @@ require([
         },
 
         deleteTemplate: function() {
-            if(window.confirm("<?= $block->escapeJs($block->escapeHtml(__('Are you sure you want to delete this template?'))) ?>")) {
-                   window.location.href = '<?= $block->escapeJs($block->escapeUrl($block->getDeleteUrl())) ?>';
-            }
+            confirm({
+                content: "<?= $block->escapeJs($block->escapeHtml(__('Are you sure you want to delete this template?'))) ?>",
+                actions: {
+                    confirm: function () {
+                        window.location.href = '<?= $block->escapeJs($block->escapeUrl($block->getDeleteUrl())) ?>';
+                    }
+                }
+            });
         },
 
         load: function() {