Add coupon block acceptance test

[MAILPOET-4984]

mailpoet/tests/acceptance/Newsletters/EditorCouponCest.php

@@ -0,0 +1,46 @@
+<?php declare(strict_types = 1);
+
+namespace MailPoet\Test\Acceptance;
+
+use MailPoet\Features\FeaturesController;
+use MailPoet\Newsletter\Renderer\Blocks\Coupon;
+use MailPoet\Test\DataFactories\Features;
+use MailPoet\Test\DataFactories\Newsletter;
+
+/**
+ * @group woo
+ */
+class EditorCouponCest {
+  public function _before() {
+    (new Features())->withFeatureEnabled(FeaturesController::FEATURE_COUPON_BLOCK);
+  }
+
+  public function addCoupon(\AcceptanceTester $i) {
+    $couponInEditor = '[data-automation-id="coupon_block"]';
+    $couponSettingsHeading = '[data-automation-id="coupon_settings_heading"]';
+    $couponSettingsDone = '[data-automation-id="coupon_done_button"]';
+    $footer = '[data-automation-id="footer"]';
+
+    $i->activateWooCommerce();
+
+    $i->wantTo('Add coupon block to newsletter');
+    $newsletter = (new Newsletter())
+      ->loadBodyFrom('newsletterWithText.json')
+      ->create();
+    $i->login();
+    $i->amEditingNewsletter($newsletter->getId());
+    $i->dragAndDrop('#automation_editor_block_coupon', '#mce_1');
+    $i->waitForElementVisible($couponInEditor);
+    $i->see(Coupon::CODE_PLACEHOLDER);
+    $i->wantTo('Check coupon overlay');
+    $i->moveMouseOver($footer, 3, 2);
+    $i->moveMouseOver($couponInEditor, 3, 2);
+    $i->waitForText('The coupon code will be auto-generated when this campaign is activated.');
+    $i->wantTo('Open coupon settings panel');
+    $i->click($couponInEditor);
+    $i->waitForElement($couponSettingsHeading);
+    $i->wantTo('Close coupon settings panel');
+    $i->click($couponSettingsDone);
+    $i->waitForElementNotVisible($couponSettingsHeading);
+  }
+}

mailpoet/views/newsletter/templates/blocks/coupon/block.hbs

@@ -1,5 +1,5 @@
 <div class="mailpoet_tools"></div>
-<div class="mailpoet_content">
+<div class="mailpoet_content" data-automation-id="coupon_block">
     <div  class="mailpoet_editor_coupon" style="{{#ifCond model.styles.block.textAlign '==' 'left'}}margin: 0 auto 0 0; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'center'}}margin: auto; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'right'}}margin: 0 0 0 auto; {{/ifCond}}line-height: {{ model.styles.block.lineHeight }}; width: {{ model.styles.block.width }}; background-color: {{ model.styles.block.backgroundColor }}; color: {{ model.styles.block.fontColor }}; font-family: {{fontWithFallback model.styles.block.fontFamily }}; font-size: {{ model.styles.block.fontSize }}; font-weight: {{ model.styles.block.fontWeight }}; border: {{ model.styles.block.borderWidth }} {{ model.styles.block.borderStyle }} {{ model.styles.block.borderColor }}; border-radius: {{ model.styles.block.borderRadius }};">{{ model.code }}</div>
     <div class="mailpoet_editor_coupon_overlay"><%= __('The coupon code will be auto-generated when this campaign is activated. All subscribers of this campaign will receive the same coupon code.') %></div>
 </div>

mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs

@@ -1,4 +1,4 @@
-<h3><%= __('Coupon') %></h3>
+<h3 data-automation-id="coupon_settings_heading"><%= __('Coupon') %></h3>
 <div class="mailpoet_form_field">
   <div class="mailpoet_form_field_radio_option">
     <label>
@@ -310,7 +310,7 @@
 {{/ifCond}}
 
 <div class="mailpoet_form_field">
-    <input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
+    <input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="coupon_done_button" value="<%= __('Done') | escape('html_attr') %>" />
 </div>
 
 <script type="text/javascript">