1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
/*
* Copyright © 2016-2018 European Support Limited
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import TestUtils from 'react-dom/test-utils';
import {mapStateToProps} from 'sdc-app/flows/FlowsEditorModal.js';
import FlowsEditorModalView from 'sdc-app/flows/FlowsEditorModalView.jsx';
import ShallowRenderer from 'react-test-renderer/shallow';
import {FlowBasicFactory} from 'test-utils/factories/flows/FlowsFactories.js';
describe('Flows Editor Modal Mapper and View Classes: ', function () {
it('mapStateToProps mapper exists', () => {
expect(mapStateToProps).toBeTruthy();
});
it('mapStateToProps mapper - without currentFlow', () => {
var flows = {
serviceID: '123',
diagramType: 'SOME_TYPE'
};
var results = mapStateToProps({flows});
expect(results.currentFlow).toBeTruthy();
expect(results.currentFlow.artifactName).toBe('');
expect(results.currentFlow.description).toBe('');
});
it('mapStateToProps mapper - populated currentFlow', () => {
const currentFlow = FlowBasicFactory.build({artifactType: 'WORKFLOW'});
var flows = {
data: currentFlow,
serviceID: '123',
diagramType: 'WORKFLOW'
};
var results = mapStateToProps({flows});
expect(results.currentFlow).toBeTruthy();
expect(results.currentFlow.artifactName).toBe(currentFlow.artifactName);
expect(results.currentFlow.description).toBe(currentFlow.description);
expect(results.currentFlow.serviceID).toBe(flows.serviceID);
expect(results.currentFlow.artifactType).toBe(flows.diagramType);
});
it('basic modal view component run with empty artifact', () => {
const renderer = new ShallowRenderer();
renderer.render(
<FlowsEditorModalView
onCancel={()=>{}}
onDataChanged={()=>{}}
currentFlow={FlowBasicFactory.build({artifactName: '', description: ''})}/>);
let renderedOutput = renderer.getRenderOutput();
expect(renderedOutput).toBeTruthy();
});
it('modal view component run with data changed handler', done => {
let handler = () => done();
let document = TestUtils.renderIntoDocument(
<FlowsEditorModalView
onCancel={()=>{}}
onDataChanged={handler}
currentFlow={FlowBasicFactory.build({artifactName: '', description: ''})}
genericFieldInfo={{artifactName : {isValid: true, errorText: ''}, description: {isValid: true, errorText: ''}}} />);
let result = TestUtils.scryRenderedDOMComponentsWithTag(document, 'input');
expect(result).toBeTruthy();
expect(result.length).toBeTruthy();
TestUtils.Simulate.change(result[0]);
});
it('modal view component - on save click', done => {
let handler = () => done();
var flowsEditorModalView = new FlowsEditorModalView({currentFlow: {}, onSubmit: handler});
flowsEditorModalView.onSaveClicked();
});
});
|
