From ca007e933bcd9f63aa77801656ed9dd4142c432c Mon Sep 17 00:00:00 2001 From: ARULNA Date: Fri, 2 Jun 2017 16:27:25 -0400 Subject: Initial coomit for AAI-UI(sparky-fe) Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb Signed-off-by: ARULNA --- test/components/inlineMessage.test.js | 95 +++++++++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 test/components/inlineMessage.test.js (limited to 'test/components/inlineMessage.test.js') diff --git a/test/components/inlineMessage.test.js b/test/components/inlineMessage.test.js new file mode 100644 index 0000000..4bfd1a4 --- /dev/null +++ b/test/components/inlineMessage.test.js @@ -0,0 +1,95 @@ +/* + * ============LICENSE_START======================================================= + * SPARKY (AAI UI service) + * ================================================================================ + * Copyright © 2017 AT&T Intellectual Property. + * Copyright © 2017 Amdocs + * All rights reserved. + * ================================================================================ + * 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. + * ============LICENSE_END========================================================= + * + * ECOMP and OpenECOMP are trademarks + * and service marks of AT&T Intellectual Property. + */ + +import { expect } from 'chai'; +import React from 'react'; +import TestUtils from 'react-dom/lib/ReactTestUtils'; +import InlineMessage from 'generic-components/InlineMessage/InlineMessage.jsx'; +import InlineMessageConstants from 'generic-components/InlineMessage/InlineMessageConstants.js'; + +describe('Core Inline Message Suite', function() { + + let _successMessage; + let _warningMessage; + let _dangerMessage; + let _defaultMessage; + + beforeEach(function() { + _warningMessage = TestUtils.renderIntoDocument(); + _successMessage = TestUtils.renderIntoDocument(); + _dangerMessage = TestUtils.renderIntoDocument(); + _defaultMessage = TestUtils.renderIntoDocument(); + }); + + // test structure + it('Inline Message - validate success message panel', function() { + let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, 'alert'); + expect(alertPanel).to.exist; // alert panel exists + let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_successMessage, 'alert-success'); + expect(alertPanel_style).to.exist; // alert panel has proper styling + let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME); + expect(messagePanel).to.exist; + expect(messagePanel.innerHTML).to.have.string('Success Message'); // messagePanel panel has proper message + let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_successMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME); + expect(iconPanel).to.exist; + expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.SUCCESS_CLASSNAME); // notification panel has proper styling + }); + it('Inline Message - validate info message panel', function() { + let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, 'alert'); + expect(alertPanel).to.exist; // alert panel exists + let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, 'alert-info'); + expect(alertPanel_style).to.exist; // alert panel has proper styling + let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME); + expect(messagePanel).to.exist; + expect(messagePanel.innerHTML).to.have.string('Info Message'); // messagePanel panel has proper message + let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_defaultMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME); + expect(iconPanel).to.exist; + expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.DEFAULT_CLASSNAME); // icon panel has proper styling + }); + it('Inline Message - validate warning message panel', function() { + let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, 'alert'); + expect(alertPanel).to.exist; // alert panel exists + let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, 'alert-warning'); + expect(alertPanel_style).to.exist; // alert panel has proper styling + let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME); + expect(messagePanel).to.exist; + expect(messagePanel.innerHTML).to.have.string('Warning Message'); // messagePanel panel has proper message + let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_warningMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME); + expect(iconPanel).to.exist; + expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.WARNING_CLASSNAME); // icon panel has proper styling + }); + it('Inline Message - validate danger message panel', function() { + let alertPanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, 'alert'); + expect(alertPanel).to.exist; // alert panel exists + let alertPanel_style = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, 'alert-danger'); + expect(alertPanel_style).to.exist; // alert panel has proper styling + let messagePanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, InlineMessageConstants.MESSAGE_PANEL_CLASSNAME); + expect(messagePanel).to.exist; + expect(messagePanel.innerHTML).to.have.string('Danger Message'); // messagePanel panel has proper message + let iconPanel = TestUtils.findRenderedDOMComponentWithClass(_dangerMessage, InlineMessageConstants.ICON_PANEL_CLASSNAME); + expect(iconPanel).to.exist; + expect(iconPanel.innerHTML).to.have.string(InlineMessageConstants.DANGER_CLASSNAME); // icon panel has proper styling + }); +}); -- cgit 1.2.3-korg