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

Add support for colors in column block in form editor

Browse Source 
[MAILPOET-3654]
This commit is contained in:
Rostislav Wolny
2021-08-25 13:05:59 +02:00
committed by Veljko V
parent 05de6ae163
commit abc965e143
4 changed files with 96 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
tests/javascript/form_editor/store/blocks_to_form_body.spec.js
View File

@@ -627,6 +627,30 @@ describe('Blocks to Form Body', () => {
expect(mapped2.params.background_color).to.be.equal('#bbbbbb');
});
it('Should map colors for single column', () => {
const columns = { ...nestedColumns };
const column = columns.innerBlocks[0];
column.attributes = {
textColor: 'black',
backgroundColor: 'white',
};
const [mapped] = formBlocksToBody([columns]);
expect(mapped.body[0].params.text_color).to.be.equal('#000000');
expect(mapped.body[0].params.background_color).to.be.equal('#ffffff');
column.attributes = {
style: {
color: {
text: '#aaaaaa',
background: '#bbbbbb',
},
},
};
const [mapped2] = formBlocksToBody([columns]);
expect(mapped2.body[0].params.text_color).to.be.equal('#aaaaaa');
expect(mapped2.body[0].params.background_color).to.be.equal('#bbbbbb');
});
it('Should map gradient for columns', () => {
const columns = { ...nestedColumns };
columns.attributes = {
@@ -646,6 +670,26 @@ describe('Blocks to Form Body', () => {
expect(mapped2.params.gradient).to.be.equal('linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%)');
});
it('Should map gradient for single column', () => {
const columns = { ...nestedColumns };
const column = columns.innerBlocks[0];
column.attributes = {
gradient: 'black-white',
};
const [mapped] = formBlocksToBody([columns]);
expect(mapped.body[0].params.gradient).to.be.equal('linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%)');
column.attributes = {
style: {
color: {
gradient: 'linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%)',
},
},
};
const [mapped2] = formBlocksToBody([columns]);
expect(mapped2.body[0].params.gradient).to.be.equal('linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%)');
});
it('Should map class names', () => {
const columns = { ...nestedColumns };
columns.attributes = {