Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Simplify DOM and get rid of IDs in CSS

Browse Source 
[MAILPOET-2804]
This commit is contained in:
Jan Jakeš
2020-03-31 14:46:59 +02:00
committed by Veljko V
parent 6636313baf
commit b6ff062bf1
3 changed files with 63 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/src/components-plugin/_set-from-address-modal.scss
View File

@@ -1,14 +1,14 @@
#set-from-address-modal {
.set-from-address-modal {
p:first-child {
margin-top: 0;
}
#mailpoet_set_from_address_modal_address {
input[type=text] {
display: block;
width: 230px;
}
#mailpoet_set_from_address_modal_save {
input[type=submit] {
display: block;
margin-top: 30px;
}

10
assets/js/src/common/set_from_address_modal.tsx
View File

@@ -72,8 +72,8 @@ const SetFromAddressModal = ({ onRequestClose }: Props) => {
<Modal
title={MailPoet.I18n.t('setFromAddressModalTitle')}
onRequestClose={onRequestClose}
contentClassName="set-from-address-modal"
>
<div id="set-from-address-modal">
<p>
{
ReactStringReplace(
@@ -94,25 +94,24 @@ const SetFromAddressModal = ({ onRequestClose }: Props) => {
</p>
<input
id="mailpoet_set_from_address_modal_address"
id="mailpoet-set-from-address-modal-input"
type="text"
placeholder="from@mydomain.com"
data-parsley-required
data-parsley-type="email"
onChange={(event) => {
setAddress(event.target.value.trim() || null);
const addressValidator = jQuery('#mailpoet_set_from_address_modal_address').parsley();
const addressValidator = jQuery('#mailpoet-set-from-address-modal-input').parsley();
addressValidator.removeError('saveError');
}}
/>
<input
id="mailpoet_set_from_address_modal_save"
className="button button-primary"
type="submit"
value={MailPoet.I18n.t('setFromAddressModalSave')}
onClick={async () => {
const addressValidator = jQuery('#mailpoet_set_from_address_modal_address').parsley();
const addressValidator = jQuery('#mailpoet-set-from-address-modal-input').parsley();
addressValidator.validate();
if (!addressValidator.isValid()) {
return;
@@ -132,7 +131,6 @@ const SetFromAddressModal = ({ onRequestClose }: Props) => {
}
}}
/>
</div>
</Modal>
);
};

8
tests/acceptance/AddSendingKeyCest.php
View File

@@ -45,12 +45,12 @@ class AddSendingKeyCest {
$i->waitForText('It’s time to set your default FROM address!');
$i->waitForText('Set one of your authorized email addresses as the default FROM email for your MailPoet emails.');
$i->fillField(['id' => 'mailpoet_set_from_address_modal_address'], 'invalid@email.com');
$i->click('Save', '#set-from-address-modal');
$i->fillField(['id' => 'mailpoet-set-from-address-modal-input'], 'invalid@email.com');
$i->click('Save', '.set-from-address-modal');
$i->waitForText('Can’t use this email yet! Please authorize it first.');
$i->fillField(['id' => 'mailpoet_set_from_address_modal_address'], 'staff@mailpoet.com');
$i->click('Save', '#set-from-address-modal');
$i->fillField(['id' => 'mailpoet-set-from-address-modal-input'], 'staff@mailpoet.com');
$i->click('Save', '.set-from-address-modal');
$i->waitForText('Excellent. Your authorized email was saved. You can change it in the Basics tab of the MailPoet settings.');
$i->dontSee('Sending all of your emails has been paused because your email address %s hasn’t been authorized yet.');