@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -6
- package/es/ActionButton/ActionButton.js +19 -9
- package/es/ActionButton/props/defaultProps.js +2 -1
- package/es/ActionButton/props/propTypes.js +4 -1
- package/es/Attachment/Attachment.module.css +3 -3
- package/es/DotProvider/hooks/useDotProvider.js +3 -3
- package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
- package/es/DotProvider/utils/constants.js +2 -1
- package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
- package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
- package/es/Image/Image.module.css +2 -2
- package/es/Onboarding/css/Onboarding.module.css +1 -1
- package/es/Separator/Separator.module.css +5 -5
- package/es/TagWithIcon/TagWithIcon.module.css +3 -3
- package/es/Upload/Upload.module.css +31 -2
- package/es/form/fields/Fields.module.css +73 -17
- package/es/form/fields/TextEditor/TextEditor.module.css +1 -1
- package/es/list/GridStencils/GridStencils.module.css +12 -2
- package/es/list/TagNew/TagNew.module.css +1 -1
- package/es/list/status/StatusListItem/StatusListItem.module.css +2 -2
- package/es/lookup/Lookup/Lookup.js +4 -6
- package/es/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
- package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
- package/es/lookup/Lookup/props/propTypes.js +1 -6
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +5 -12
- package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +3 -87
- package/es/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
- package/es/lookup/header/ModuleHeader/props/propTypes.js +0 -6
- package/es/version2/AlertClose/AlertClose.module.css +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
- package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -19
- package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +3 -122
- package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -6
- package/es/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
- package/es/version2/lookup/AlertHeader/props/propTypes.js +0 -10
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
- package/lib/ActionButton/ActionButton.js +18 -9
- package/lib/ActionButton/props/defaultProps.js +2 -1
- package/lib/ActionButton/props/propTypes.js +4 -1
- package/lib/Attachment/Attachment.module.css +3 -3
- package/lib/DotProvider/hooks/useDotProvider.js +3 -3
- package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
- package/lib/DotProvider/utils/constants.js +4 -2
- package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
- package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
- package/lib/Image/Image.module.css +2 -2
- package/lib/Onboarding/css/Onboarding.module.css +1 -1
- package/lib/Separator/Separator.module.css +5 -5
- package/lib/TagWithIcon/TagWithIcon.module.css +3 -3
- package/lib/Upload/Upload.module.css +31 -2
- package/lib/form/fields/Fields.module.css +73 -17
- package/lib/form/fields/TextEditor/TextEditor.module.css +1 -1
- package/lib/list/GridStencils/GridStencils.module.css +12 -2
- package/lib/list/TagNew/TagNew.module.css +1 -1
- package/lib/list/status/StatusListItem/StatusListItem.module.css +2 -2
- package/lib/lookup/Lookup/Lookup.js +4 -6
- package/lib/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
- package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
- package/lib/lookup/Lookup/props/propTypes.js +1 -8
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -13
- package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +2 -86
- package/lib/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
- package/lib/lookup/header/ModuleHeader/props/propTypes.js +0 -6
- package/lib/version2/AlertClose/AlertClose.module.css +1 -1
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +8 -19
- package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +2 -121
- package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
- package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +2 -4
- package/lib/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
- package/lib/version2/lookup/AlertHeader/props/propTypes.js +0 -10
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
- package/package.json +17 -14
- package/_react-cli.config.js +0 -27
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
|
|
83
83
|
width: 100% ;
|
|
84
84
|
box-shadow: var(--zd_bs_globalnotification_container);
|
|
85
|
-
border-radius: 0 0
|
|
85
|
+
border-radius: 0 0 10px 10px;
|
|
86
86
|
background-color: var(--globalnotification_bg_color);
|
|
87
87
|
border-style: solid;
|
|
88
88
|
border-color: var(--commonalert_border_color);
|
|
@@ -47,20 +47,9 @@ function AlertHeader(props) {
|
|
|
47
47
|
dataId = props.dataId,
|
|
48
48
|
type = props.type,
|
|
49
49
|
htmlId = props.htmlId,
|
|
50
|
-
isDraggable = props.isDraggable,
|
|
51
|
-
customClass = props.customClass,
|
|
52
|
-
renderCustomIcon = props.renderCustomIcon,
|
|
53
|
-
renderSecondaryContent = props.renderSecondaryContent,
|
|
54
|
-
renderRightActions = props.renderRightActions,
|
|
55
50
|
customStyle = props.customStyle,
|
|
56
51
|
dragBoundaryLimit = props.dragBoundaryLimit;
|
|
57
52
|
var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
|
|
58
|
-
var _customClass$title = customClass.title,
|
|
59
|
-
titleClass = _customClass$title === void 0 ? '' : _customClass$title,
|
|
60
|
-
_customClass$iconCont = customClass.iconContainer,
|
|
61
|
-
iconContainerClass = _customClass$iconCont === void 0 ? '' : _customClass$iconCont,
|
|
62
|
-
_customClass$close = customClass.close,
|
|
63
|
-
closeClass = _customClass$close === void 0 ? '' : _customClass$close;
|
|
64
53
|
|
|
65
54
|
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
66
55
|
props: props,
|
|
@@ -71,7 +60,7 @@ function AlertHeader(props) {
|
|
|
71
60
|
var dragRef = (0, _react.useRef)(null); //dragRef
|
|
72
61
|
|
|
73
62
|
(0, _useDragger["default"])({
|
|
74
|
-
isActive:
|
|
63
|
+
isActive: true,
|
|
75
64
|
ChildRef: dragRef,
|
|
76
65
|
boundaryLimit: dragBoundaryLimit
|
|
77
66
|
}); //custom Hook
|
|
@@ -82,26 +71,26 @@ function AlertHeader(props) {
|
|
|
82
71
|
className: "".concat(alertHeaderContainerClass),
|
|
83
72
|
isCover: false,
|
|
84
73
|
wrap: "wrap",
|
|
85
|
-
"data-drag-hook":
|
|
74
|
+
"data-drag-hook": "true",
|
|
86
75
|
eleRef: dragRef
|
|
87
|
-
}, needIcon &&
|
|
88
|
-
className:
|
|
76
|
+
}, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
|
+
className: finalStyle.iconContainer
|
|
89
78
|
}, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
|
|
90
79
|
type: type
|
|
91
|
-
}))
|
|
80
|
+
})), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
92
81
|
flexible: true
|
|
93
82
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
94
83
|
alignBox: "row",
|
|
95
84
|
wrap: breakChildren ? 'wrap' : null
|
|
96
85
|
}, title && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
97
|
-
className:
|
|
86
|
+
className: finalStyle.title,
|
|
98
87
|
shrink: true,
|
|
99
88
|
id: htmlId
|
|
100
89
|
}, title), children && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
101
90
|
adjust: true,
|
|
102
91
|
flexible: true
|
|
103
|
-
}, children))
|
|
104
|
-
className:
|
|
92
|
+
}, children))), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
93
|
+
className: _AlertHeaderNewModule["default"].close
|
|
105
94
|
}, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
|
|
106
95
|
onClose: onClose,
|
|
107
96
|
dataTitle: closeTitle,
|
|
@@ -8,130 +8,11 @@ var _AlertHeader = _interopRequireDefault(require("../AlertHeader"));
|
|
|
8
8
|
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
(0, _react2.cleanup)();
|
|
14
|
-
});
|
|
15
|
-
describe('AlertHeader snapshot - ', function () {
|
|
16
|
-
test('Render with default props', function () {
|
|
11
|
+
describe('AlertHeader', function () {
|
|
12
|
+
test('rendering the defult props', function () {
|
|
17
13
|
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], null)),
|
|
18
14
|
asFragment = _render.asFragment;
|
|
19
15
|
|
|
20
16
|
expect(asFragment()).toMatchSnapshot();
|
|
21
17
|
});
|
|
22
|
-
test.each(TYPE_VALUES)('Render with type=%s', function (type) {
|
|
23
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
24
|
-
title: "Alert Title",
|
|
25
|
-
type: type
|
|
26
|
-
})),
|
|
27
|
-
asFragment = _render2.asFragment;
|
|
28
|
-
|
|
29
|
-
expect(asFragment()).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
test('Render with needIcon=false', function () {
|
|
32
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
33
|
-
title: "Alert Title",
|
|
34
|
-
needIcon: false
|
|
35
|
-
})),
|
|
36
|
-
asFragment = _render3.asFragment;
|
|
37
|
-
|
|
38
|
-
expect(asFragment()).toMatchSnapshot();
|
|
39
|
-
});
|
|
40
|
-
test('Render with breakChildren=true', function () {
|
|
41
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
42
|
-
title: "Alert Title",
|
|
43
|
-
breakChildren: true
|
|
44
|
-
})),
|
|
45
|
-
asFragment = _render4.asFragment;
|
|
46
|
-
|
|
47
|
-
expect(asFragment()).toMatchSnapshot();
|
|
48
|
-
});
|
|
49
|
-
test('Render with onClose', function () {
|
|
50
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
51
|
-
title: "Alert Title",
|
|
52
|
-
onClose: function onClose() {}
|
|
53
|
-
})),
|
|
54
|
-
asFragment = _render5.asFragment;
|
|
55
|
-
|
|
56
|
-
expect(asFragment()).toMatchSnapshot();
|
|
57
|
-
});
|
|
58
|
-
test('Render with title', function () {
|
|
59
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
60
|
-
title: "Alert Title"
|
|
61
|
-
})),
|
|
62
|
-
asFragment = _render6.asFragment;
|
|
63
|
-
|
|
64
|
-
expect(asFragment()).toMatchSnapshot();
|
|
65
|
-
});
|
|
66
|
-
test('Render with isDraggable=false', function () {
|
|
67
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
68
|
-
title: "Alert Title",
|
|
69
|
-
isDraggable: false
|
|
70
|
-
})),
|
|
71
|
-
asFragment = _render7.asFragment;
|
|
72
|
-
|
|
73
|
-
expect(asFragment()).toMatchSnapshot();
|
|
74
|
-
});
|
|
75
|
-
test('Render with children', function () {
|
|
76
|
-
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
77
|
-
title: "Alert Title"
|
|
78
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, "Child content"))),
|
|
79
|
-
asFragment = _render8.asFragment;
|
|
80
|
-
|
|
81
|
-
expect(asFragment()).toMatchSnapshot();
|
|
82
|
-
});
|
|
83
|
-
test('Render with customClass', function () {
|
|
84
|
-
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
85
|
-
title: "Alert Title",
|
|
86
|
-
onClose: function onClose() {},
|
|
87
|
-
customClass: {
|
|
88
|
-
title: 'custom-title-class',
|
|
89
|
-
iconContainer: 'custom-icon-class',
|
|
90
|
-
close: 'custom-close-class'
|
|
91
|
-
}
|
|
92
|
-
})),
|
|
93
|
-
asFragment = _render9.asFragment;
|
|
94
|
-
|
|
95
|
-
expect(asFragment()).toMatchSnapshot();
|
|
96
|
-
});
|
|
97
|
-
test('Render with renderCustomIcon', function () {
|
|
98
|
-
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
99
|
-
title: "Alert Title",
|
|
100
|
-
renderCustomIcon: /*#__PURE__*/_react["default"].createElement("span", null, "Custom Icon")
|
|
101
|
-
})),
|
|
102
|
-
asFragment = _render10.asFragment;
|
|
103
|
-
|
|
104
|
-
expect(asFragment()).toMatchSnapshot();
|
|
105
|
-
});
|
|
106
|
-
test('Render with renderSecondaryContent', function () {
|
|
107
|
-
var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
108
|
-
title: "Alert Title",
|
|
109
|
-
renderSecondaryContent: /*#__PURE__*/_react["default"].createElement("span", null, "Secondary")
|
|
110
|
-
})),
|
|
111
|
-
asFragment = _render11.asFragment;
|
|
112
|
-
|
|
113
|
-
expect(asFragment()).toMatchSnapshot();
|
|
114
|
-
});
|
|
115
|
-
test('Render with renderRightActions', function () {
|
|
116
|
-
var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
117
|
-
title: "Alert Title",
|
|
118
|
-
renderRightActions: /*#__PURE__*/_react["default"].createElement("button", {
|
|
119
|
-
type: "button"
|
|
120
|
-
}, "Action")
|
|
121
|
-
})),
|
|
122
|
-
asFragment = _render12.asFragment;
|
|
123
|
-
|
|
124
|
-
expect(asFragment()).toMatchSnapshot();
|
|
125
|
-
});
|
|
126
|
-
test('Render with dataId and htmlId', function () {
|
|
127
|
-
var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
|
|
128
|
-
title: "Alert Title",
|
|
129
|
-
htmlId: "alert-header-title",
|
|
130
|
-
dataId: "alert-header",
|
|
131
|
-
onClose: function onClose() {}
|
|
132
|
-
})),
|
|
133
|
-
asFragment = _render13.asFragment;
|
|
134
|
-
|
|
135
|
-
expect(asFragment()).toMatchSnapshot();
|
|
136
|
-
});
|
|
137
18
|
});
|