@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
114 lines • 3.25 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const common_1 = require("../../semantic/tests/common");
const form_query_data_1 = require("../../semantic/tests/form_query_data");
function elements() {
return [
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 30px; background-color: red;` } }
},
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 50px; background-color: blue;` } }
},
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 20px; background-color: green;` } }
},
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 20px; background-color: green;` } }
},
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 20px; background-color: green;` } }
},
{
control: 'Text',
props: { value: '1', css: { value: `width: 100px; height: 20px; background-color: green;` } }
}
];
}
const formDefinition = form_query_data_1.create.stack({
elements: [
{
control: 'Text',
props: { value: 'Empty', control: 'Text' }
},
{
control: 'Stack',
props: {
gap: '12px',
layout: 'column'
},
elements: []
},
{
control: 'Text',
props: { value: 'Row Layout', control: 'Text' }
},
{
control: 'Stack',
props: {
layout: 'row',
gap: '0px'
},
elements: elements()
},
{
control: 'Stack',
props: {
layout: 'row',
gap: '6px'
},
elements: elements()
},
{
control: 'Text',
props: {
value: 'Column Layout',
control: 'Text',
row: 3,
column: 1,
css: { value: 'margin-top: 15px;' }
}
},
{
control: 'Stack',
props: {
layout: 'column',
gap: '12px',
control: 'Stack'
},
elements: elements()
},
{
control: 'Stack',
props: {
layout: 'column',
gap: '0px',
row: 5,
column: 1
},
elements: elements()
}
]
});
const formData = {};
const schema = { type: 'object', properties: {} };
describe('Stack', () => {
it('renders standard', () => {
common_1.testStandard(formDefinition, schema, formData);
});
it('renders editor', () => {
common_1.testEditor(formDefinition, schema, formData);
});
return {
component: common_1.prepareComponent(formDefinition, schema, formData, {
addEditor: true,
showToolBox: true
})
};
});
//# sourceMappingURL=stack_view.test.js.map