2 * ============LICENSE_START=======================================================
3 * SPARKY (AAI UI service)
4 * ================================================================================
5 * Copyright © 2017 AT&T Intellectual Property.
6 * Copyright © 2017 Amdocs
8 * ================================================================================
9 * Licensed under the Apache License, Version 2.0 (the "License");
10 * you may not use this file except in compliance with the License.
11 * You may obtain a copy of the License at
13 * http://www.apache.org/licenses/LICENSE-2.0
15 * Unless required by applicable law or agreed to in writing, software
16 * distributed under the License is distributed on an "AS IS" BASIS,
17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18 * See the License for the specific language governing permissions and
19 * limitations under the License.
20 * ============LICENSE_END=========================================================
22 * ECOMP and OpenECOMP are trademarks
23 * and service marks of AT&T Intellectual Property.
26 import { expect } from 'chai';
27 import React from 'react';
28 import TestUtils from 'react-dom/lib/ReactTestUtils';
29 import InlineMessage from 'generic-components/InlineMessage/InlineMessage.jsx';
30 import InlineMessageConstants from 'generic-components/InlineMessage/InlineMessageConstants.js';
32 describe('Core Inline Message Suite', function() {
39 beforeEach(function() {
40 _warningMessage = TestUtils.renderIntoDocument(<InlineMessage level='warning' messageTxt='Warning Message' />);
41 _successMessage = TestUtils.renderIntoDocument(<InlineMessage level='success' messageTxt='Success Message' />);
42 _dangerMessage = TestUtils.renderIntoDocument(<InlineMessage level='danger' messageTxt='Danger Message' />);
43 _defaultMessage = TestUtils.renderIntoDocument(<InlineMessage level='info' messageTxt='Info Message' />);
47 it('Inline Message - validate success message panel', function() {
48 let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, 'alert');
49 expect(alertPanel).to.exist; // alert panel exists
50 let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_successMessage, 'alert-success');
51 expect(alertPanel_style).to.exist; // alert panel has proper styling
52 let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME);
53 expect(messagePanel).to.exist;
54 expect(messagePanel.innerHTML).to.have.string('Success Message'); // messagePanel panel has proper message
55 let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME);
56 expect(iconPanel).to.exist;
57 expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.SUCCESS_CLASSNAME); // notification panel has proper styling
59 it('Inline Message - validate info message panel', function() {
60 let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, 'alert');
61 expect(alertPanel).to.exist; // alert panel exists
62 let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, 'alert-info');
63 expect(alertPanel_style).to.exist; // alert panel has proper styling
64 let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME);
65 expect(messagePanel).to.exist;
66 expect(messagePanel.innerHTML).to.have.string('Info Message'); // messagePanel panel has proper message
67 let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME);
68 expect(iconPanel).to.exist;
69 expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.DEFAULT_CLASSNAME); // icon panel has proper styling
71 it('Inline Message - validate warning message panel', function() {
72 let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, 'alert');
73 expect(alertPanel).to.exist; // alert panel exists
74 let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, 'alert-warning');
75 expect(alertPanel_style).to.exist; // alert panel has proper styling
76 let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME);
77 expect(messagePanel).to.exist;
78 expect(messagePanel.innerHTML).to.have.string('Warning Message'); // messagePanel panel has proper message
79 let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME);
80 expect(iconPanel).to.exist;
81 expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.WARNING_CLASSNAME); // icon panel has proper styling
83 it('Inline Message - validate danger message panel', function() {
84 let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, 'alert');
85 expect(alertPanel).to.exist; // alert panel exists
86 let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, 'alert-danger');
87 expect(alertPanel_style).to.exist; // alert panel has proper styling
88 let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME);
89 expect(messagePanel).to.exist;
90 expect(messagePanel.innerHTML).to.have.string('Danger Message'); // messagePanel panel has proper message
91 let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME);
92 expect(iconPanel).to.exist;
93 expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.DANGER_CLASSNAME); // icon panel has proper styling