291 lines
14 KiB
PHP
291 lines
14 KiB
PHP
<?php
|
|
|
|
namespace MailPoet\Test\Acceptance;
|
|
|
|
use MailPoet\Test\DataFactories\Form;
|
|
use MailPoet\Test\DataFactories\Segment;
|
|
|
|
class FormEditorCreateCustomFieldCest {
|
|
private function prepareTheForm(\AcceptanceTester $i) {
|
|
$segmentFactory = new Segment();
|
|
$segmentName = 'Fancy List';
|
|
$segment = $segmentFactory->withName($segmentName)->create();
|
|
$formName = 'My fancy form';
|
|
$form = new Form();
|
|
$form->withName($formName)->withSegments([$segment])->withDisplayBelowPosts()->create();
|
|
}
|
|
|
|
private function openFormInEditor($i) {
|
|
$formName = 'My fancy form';
|
|
$i->login();
|
|
$i->amOnMailPoetPage('Forms');
|
|
$i->waitForText($formName);
|
|
$i->clickItemRowActionByItemName($formName, 'Edit');
|
|
$i->waitForElement('[data-automation-id="form_title_input"]');
|
|
}
|
|
|
|
public function _before(\AcceptanceTester $i) {
|
|
// Prepare the form for testing
|
|
$this->prepareTheForm($i);
|
|
// Go and edit the form
|
|
$this->openFormInEditor($i);
|
|
// Insert create custom field block
|
|
$i->addFromBlockInEditor('Create Custom Field');
|
|
}
|
|
|
|
public function createCustomSelect(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: select');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Select');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom select');
|
|
$i->waitForElement('[data-automation-id="custom_field_value_settings"]');
|
|
$i->fillField('[data-automation-id="custom_field_value_settings_value"]', 'First option'); // Configure first option
|
|
$i->click('[data-automation-id="custom_field_values_add_item"]'); // Add second option
|
|
$this->saveCustomFieldBlock($i);
|
|
$this->checkCustomSelectInForm($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomSelectInForm($i);
|
|
|
|
$i->wantTo('Check custom select on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->selectOption('[data-automation-id="form_custom_select"]', 'First option');
|
|
$i->selectOption('[data-automation-id="form_custom_select"]', 'Option 2');
|
|
}
|
|
|
|
public function createCustomTextInput(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: text input');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Text Input');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom text input');
|
|
$i->selectOption('[data-automation-id="settings_custom_text_input_validation_type"]', 'Numbers only');
|
|
$this->saveCustomFieldBlock($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomTextInputInForm($i);
|
|
|
|
$i->wantTo('Change text input validation');
|
|
$i->selectOption('[data-automation-id="settings_custom_text_input_validation_type"]', 'Alphanumerical');
|
|
$i->click('Update custom field');
|
|
$i->waitForText('Custom field saved.');
|
|
|
|
$i->wantTo('Update label and save the form');
|
|
$i->fillField('[data-automation-id="settings_custom_text_label_input"]', 'My updated custom text input');
|
|
$i->saveFormInEditor();
|
|
|
|
$i->wantTo('Reload page and check data were saved');
|
|
$i->reloadPage();
|
|
$i->waitForElement('[data-automation-id="editor_custom_text_input"]');
|
|
$i->assertAttributeContains('[data-automation-id="editor_custom_text_input"]', 'placeholder', 'My updated custom text input');
|
|
|
|
$i->wantTo('Check custom text input on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->fillField('[data-automation-id="form_custom_text"]', 'Lorem ipsum dolor');
|
|
}
|
|
|
|
public function createCustomTextArea(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: text area');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Text Area');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom text area');
|
|
$i->selectOption('[data-automation-id="settings_custom_text_input_validation_type"]', 'Numbers only');
|
|
$this->saveCustomFieldBlock($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomTextAreaInForm($i);
|
|
|
|
$i->wantTo('Change text input validation');
|
|
$i->selectOption('[data-automation-id="settings_custom_text_input_validation_type"]', 'Alphanumerical');
|
|
$i->click('Update custom field');
|
|
$i->waitForText('Custom field saved.');
|
|
|
|
$i->wantTo('Change text area to 3 lines');
|
|
$i->selectOption('[data-automation-id="settings_custom_text_area_number_of_lines"]', '3 lines');
|
|
|
|
$i->wantTo('Update label and save the form');
|
|
$i->fillField('[data-automation-id="settings_custom_text_label_input"]', 'My updated custom text area');
|
|
$i->saveFormInEditor();
|
|
|
|
$i->wantTo('Reload page and check data were saved');
|
|
$i->reloadPage();
|
|
$i->waitForElement('[data-automation-id="editor_custom_textarea_input"]');
|
|
$i->assertAttributeContains('[data-automation-id="editor_custom_textarea_input"]', 'placeholder', 'My updated custom text area');
|
|
$i->click('[data-automation-id="editor_custom_textarea_input"]');
|
|
$i->seeOptionIsSelected('[data-automation-id="settings_custom_text_area_number_of_lines"]', '3 lines');
|
|
|
|
$i->wantTo('Check custom text area on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->assertAttributeContains('[data-automation-id="form_custom_text_area"]', 'placeholder', 'My updated custom text area');
|
|
$i->fillField('[data-automation-id="form_custom_text_area"]', 'Lorem ipsum dolor sit amet');
|
|
}
|
|
|
|
public function createCustomRadioButtons(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: radio buttons');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Radio buttons');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom radio buttons');
|
|
$i->fillField('[data-automation-id="custom_field_value_settings_value"]', 'Option 1');
|
|
$i->click('[data-automation-id="custom_field_values_add_item"]');
|
|
$this->saveCustomFieldBlock($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomRadioButtonsInForm($i, 'Option 1');
|
|
|
|
$i->wantTo('Change text input validation');
|
|
$i->fillField('[data-automation-id="custom_field_value_settings_value"][value="Option 1"]', 'New option');
|
|
$i->click('Update custom field');
|
|
$i->waitForText('Custom field saved.');
|
|
|
|
$i->wantTo('Update label and save the form');
|
|
$i->fillField('[data-automation-id="settings_custom_text_label_input"]', 'My updated custom radio buttons');
|
|
$i->saveFormInEditor();
|
|
|
|
$i->wantTo('Reload page and check data were saved');
|
|
$i->reloadPage();
|
|
$this->checkCustomRadioButtonsInForm($i, 'New option');
|
|
|
|
$i->wantTo('Check radio buttons on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->waitForText('My updated custom radio buttons');
|
|
$i->waitForText('New option');
|
|
$i->waitForText('Option 2');
|
|
}
|
|
|
|
public function createCustomCheckbox(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: checkbox');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Checkbox');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom checkbox');
|
|
$i->fillField('[data-automation-id="settings_custom_checkbox_value"]', 'Option 1');
|
|
$this->saveCustomFieldBlock($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomCheckboxInForm($i, 'Option 1');
|
|
|
|
$i->wantTo('Change text input validation');
|
|
$i->fillField('[data-automation-id="settings_custom_checkbox_value"][value="Option 1"]', 'New option');
|
|
$i->click('Update custom field');
|
|
$i->waitForText('Custom field saved.');
|
|
|
|
$i->wantTo('Update label and save the form');
|
|
$i->fillField('[data-automation-id="settings_custom_text_label_input"]', 'My updated custom checkbox');
|
|
$i->saveFormInEditor();
|
|
|
|
$i->wantTo('Reload page and check data were saved');
|
|
$i->reloadPage();
|
|
$this->checkCustomCheckboxInForm($i, 'New option');
|
|
|
|
$i->wantTo('Check checkbox on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->waitForText('My updated custom checkbox');
|
|
$i->waitForText('New option');
|
|
}
|
|
|
|
public function createCustomDate(\AcceptanceTester $i) {
|
|
$i->wantTo('Create custom field: date');
|
|
$i->wantTo('Configure, check and save the custom field block');
|
|
$i->waitForElement('[data-automation-id="create_custom_field_form"]');
|
|
$i->selectOption('[data-automation-id="create_custom_field_type_select"]', 'Date');
|
|
$i->fillField('[data-automation-id="create_custom_field_name_input"]', 'My custom date');
|
|
$i->selectOption('[data-automation-id="settings_custom_date_type"]', 'Year, month');
|
|
$i->selectOption('[data-automation-id="settings_custom_date_format"]', 'YYYY/MM');
|
|
$this->saveCustomFieldBlock($i);
|
|
|
|
$i->wantTo('Save, reload and check data were saved');
|
|
$i->saveFormInEditor();
|
|
$i->reloadPage();
|
|
$this->checkCustomDateInForm($i);
|
|
|
|
$i->wantTo('Change date type and verify you do not see format anymore');
|
|
$i->selectOption('[data-automation-id="settings_custom_date_type"]', 'Year');
|
|
$i->dontSee('[data-automation-id="settings_custom_date_format"]');
|
|
|
|
$i->wantTo('Update label and save the form');
|
|
$i->fillField('[data-automation-id="settings_custom_date_label_input"]', 'My updated custom date');
|
|
$i->saveFormInEditor();
|
|
|
|
$i->wantTo('Reload page and check data were saved');
|
|
$i->reloadPage();
|
|
$i->waitForElement('[data-automation-id="editor_custom_date_label"]');
|
|
$i->click('[data-automation-id="editor_custom_date_label"]');
|
|
$i->seeInField('[data-automation-id="settings_custom_date_label_input"]', 'My updated custom date');
|
|
|
|
$i->wantTo('Check custom date on frontend page');
|
|
$postUrl = $i->createPost('Title', 'Content');
|
|
$i->amOnUrl($postUrl);
|
|
$i->waitForText('My updated custom date');
|
|
$i->assertAttributeContains('[data-automation-id="form_date_year"]', 'placeholder', 'Year');
|
|
$i->assertAttributeContains('[data-automation-id="form_date_month"]', 'placeholder', 'Month');
|
|
}
|
|
|
|
private function checkCustomDateInForm($i) {
|
|
$i->waitForElement('[data-automation-id="editor_custom_date_label"]');
|
|
$i->click('[data-automation-id="editor_custom_date_label"]');
|
|
$i->seeOptionIsSelected('[data-automation-id="settings_custom_date_type"]', 'Year, month');
|
|
$i->seeOptionIsSelected('[data-automation-id="settings_custom_date_format"]', 'YYYY/MM');
|
|
}
|
|
|
|
private function checkCustomCheckboxInForm($i, $name) {
|
|
$i->waitForElement('[data-automation-id="editor_custom_field_checkbox_block"]');
|
|
$i->click('[data-automation-id="editor_custom_field_checkbox_block"]');
|
|
$i->waitForElement('[data-automation-id="settings_custom_checkbox_value"][value="' . $name . '"]');
|
|
}
|
|
|
|
private function checkCustomRadioButtonsInForm($i, $name) {
|
|
$i->waitForElement('[data-automation-id="editor_custom_field_radio_buttons_block"]');
|
|
$i->click('[data-automation-id="editor_custom_field_radio_buttons_block"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_settings"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_value_settings_value"][value="' . $name . '"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_value_settings_value"][value="Option 2"]');
|
|
}
|
|
|
|
private function checkCustomTextAreaInForm($i) {
|
|
$i->waitForElement('[data-automation-id="editor_custom_textarea_input"]');
|
|
$i->assertAttributeContains('[data-automation-id="editor_custom_textarea_input"]', 'placeholder', 'My custom text area');
|
|
$i->click('[data-automation-id="editor_custom_textarea_input"]');
|
|
$i->seeOptionIsSelected('[data-automation-id="settings_custom_text_input_validation_type"]', 'Numbers only');
|
|
}
|
|
|
|
private function checkCustomTextInputInForm($i) {
|
|
$i->waitForElement('[data-automation-id="editor_custom_text_input"]');
|
|
$i->assertAttributeContains('[data-automation-id="editor_custom_text_input"]', 'placeholder', 'My custom text input');
|
|
$i->click('[data-automation-id="editor_custom_text_input"]');
|
|
$i->seeOptionIsSelected('[data-automation-id="settings_custom_text_input_validation_type"]', 'Numbers only');
|
|
}
|
|
|
|
private function checkCustomSelectInForm($i) {
|
|
$i->waitForElement('[data-automation-id="custom_select_block"]');
|
|
$i->click('[data-automation-id="custom_select_block"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_settings"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_value_settings_value"][value="First option"]');
|
|
$i->waitForElement('[data-automation-id="custom_field_value_settings_value"][value="Option 2"]');
|
|
}
|
|
|
|
private function saveCustomFieldBlock($i) {
|
|
$i->click('[data-automation-id="create_custom_field_submit"]');
|
|
$i->waitForText('Custom field saved', 10, '.automation-dismissible-notices');
|
|
$i->seeNoJSErrors();
|
|
$i->click('.automation-dismissible-notices .components-notice__dismiss');
|
|
}
|
|
}
|