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

Add acceptance test for text input styles settings in form editor

Browse Source 
[MAILPOET-2599]
This commit is contained in:
Rostislav Wolny
2020-03-05 17:51:37 +01:00
committed by Veljko V
parent 126f988e8c
commit 4726b285c5
5 changed files with 79 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/js/src/form_editor/blocks/first_name/edit.jsx
View File

@@ -27,6 +27,7 @@ const FirstNameEdit = ({ attributes, setAttributes }) => {
label={MailPoet.I18n.t('displayLabelWithinInput')}
checked={attributes.labelWithinInput}
onChange={(labelWithinInput) => (setAttributes({ labelWithinInput }))}
className="mailpoet-automation-label-within-input-toggle"
/>
<ToggleControl
label={MailPoet.I18n.t('blockMandatory')}

9
assets/js/src/form_editor/blocks/input_styles_settings.jsx
View File

@@ -38,9 +38,9 @@ const InputStylesSettings = ({
setStyles(updated);
};
return (
<Panel>
<Panel className="mailpoet-automation-input-styles-panel">
<PanelBody title={MailPoet.I18n.t('formSettingsStyles')} initialOpen={false}>
<div className="mailpoet-styles-settings">
<div className="mailpoet-styles-settings" data-automation-id="input_styles_settings">
<ToggleControl
label={MailPoet.I18n.t('formSettingsDisplayFullWidth')}
checked={localStyles.fullWidth}
@@ -50,6 +50,7 @@ const InputStylesSettings = ({
label={MailPoet.I18n.t('formSettingsInheritStyleFromTheme')}
checked={localStyles.inheritFromTheme}
onChange={partial(updateStyles, 'inheritFromTheme')}
className="mailpoet-automation-inherit-theme-toggle"
/>
{!localStyles.inheritFromTheme ? (
<>
@@ -75,6 +76,7 @@ const InputStylesSettings = ({
label={MailPoet.I18n.t('formSettingsBold')}
checked={localStyles.bold || false}
onChange={partial(updateStyles, 'bold')}
className="mailpoet-automation-styles-bold-toggle"
/>
<RangeControl
label={MailPoet.I18n.t('formSettingsBorderSize')}
@@ -83,6 +85,7 @@ const InputStylesSettings = ({
max={10}
allowReset
onChange={partial(updateStyles, 'borderSize')}
className="mailpoet-automation-styles-border-size"
/>
<RangeControl
label={MailPoet.I18n.t('formSettingsBorderRadius')}
@@ -113,7 +116,7 @@ const InputStylesSettings = ({
</>
) : null}
<div>
<Button isPrimary onClick={() => applyStylesToAllTextInputs(localStyles)}>
<Button isPrimary onClick={() => applyStylesToAllTextInputs(localStyles)} data-automation-id="styles_apply_to_all">
{MailPoet.I18n.t('formSettingsApplyToAll')}
</Button>
</div>