@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
499 lines (453 loc) • 17.9 kB
JavaScript
"use strict";
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
var _Onboarding = _interopRequireDefault(require("../Onboarding"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
beforeEach(function () {
(0, _IdProvider.setGlobalId)(0);
});
afterEach(function () {
(0, _react2.cleanup)();
});
describe('Onboarding', function () {
test('rendering the defult props', function () {
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], null)),
asFragment = _render.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of hasCloseIcon', function () {
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasCloseIcon: true,
onClose: function onClose() {}
})),
asFragment = _render2.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without hasCloseIcon', function () {
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasCloseIcon: false
})),
asFragment = _render3.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering prop of ribbonText', function () {
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasRibbon: true,
ribbonText: "closed"
})),
asFragment = _render4.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering the prop of hasRibbon is false', function () {
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasRibbon: false
})),
asFragment = _render5.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with customStyle', function () {
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
customStyle: {
mainContainer: "customMainContainer"
}
})),
asFragment = _render6.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of sliderData with heading and description', function () {
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "slide1",
heading: "Onboarding Heading",
description: "Onboarding Description"
}]
})),
asFragment = _render7.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of sliderData with image ', function () {
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
imageSource: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
}]
})),
asFragment = _render8.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of image with hasVideoPlayButton ', function () {
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasVideoPlayButton: true,
imageSource: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s",
videoLookupSource: {
link: 'https://static.videezy.com/system/resources/previews/000/043/458/original/30_strings.mp4',
format: 'mp4'
}
}]
})),
asFragment = _render9.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of image without hasVideoPlayButton', function () {
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasVideoPlayButton: false,
imageSource: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
}]
})),
asFragment = _render10.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of videoSource ', function () {
var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
videoSource: {
link: 'https://www.w3schools.com/html/mov_bbb.mp4',
format: 'mp4'
}
}]
})),
asFragment = _render11.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of primaryButtonText', function () {
var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasPrimaryButton: true,
primaryButtonText: "Got it"
}]
})),
asFragment = _render12.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without primaryButtonText', function () {
var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasPrimaryButton: false
}]
})),
asFragment = _render13.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of secondaryButtonText', function () {
var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasSecondaryButton: true,
secondaryButtonText: "read more"
}]
})),
asFragment = _render14.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without secondaryButtonText', function () {
var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasSecondaryButton: false
}]
})),
asFragment = _render15.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of SecondaryButton as link', function () {
var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasSecondaryButton: true,
hasSecondaryButtonLink: true,
secondaryButtonText: "read more",
secondaryButtonLink: "https://gc.zoho.com/org/746519053/widgets/4398000000528001"
}]
})),
asFragment = _render16.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without SecondaryButton as link', function () {
var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
hasSecondaryButton: true,
hasSecondaryButtonLink: false,
secondaryButtonText: "read more"
}]
})),
asFragment = _render17.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for primarybuttonprops ', function () {
var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "visibility",
hasPrimaryButton: true
}],
customProps: {
primaryButtonProps: {
text: "New primaryButton text "
}
}
})),
asFragment = _render18.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of two sliderData', function () {
var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: 'slide 1',
heading: "Onboarding with carousel Slide 1"
}, {
tabName: 'slide 2',
heading: "Onboarding with carousel Slide 2"
}]
})),
asFragment = _render19.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of hasBouncAnimationOnMount', function () {
var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasBouncAnimationOnMount: true
})),
asFragment = _render20.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without hasBouncAnimationOnMount', function () {
var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasBouncAnimationOnMount: false
})),
asFragment = _render21.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering with customId', function () {
var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
customId: "radar_onboarding",
ribbonText: "new",
hasCloseIcon: true,
sliderData: [{
tabName: "video",
primaryButtonText: "Got It",
secondaryButttonText: "learn more",
hasPrimaryButton: true,
hasSecondaryButton: true,
hasVideoPlayButton: true,
videoSource: {
link: 'https://www.w3schools.com/html/mov_bbb.mp4',
format: 'mp4'
},
heading: "Video source",
description: "Onboarding with Video Source – Embeds a video to provide dynamic and allows users to continue watching a video while exploring the interface."
}]
})),
asFragment = _render22.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering with customId - hasSecondaryButtonLink ', function () {
var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
customId: "radar_onboarding",
ribbonText: "new",
hasCloseIcon: true,
sliderData: [{
tabName: "visibility",
secondaryButtonText: "learn more",
hasSecondaryButtonLink: true,
secondaryButtonLink: "https://gc.zoho.com/org/746519053/widgets/4398000000528001",
hasSecondaryButton: true
}]
})),
asFragment = _render23.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering with testId', function () {
var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
testId: "radar_onboarding",
ribbonText: "new",
hasCloseIcon: true,
sliderData: [{
tabName: "video",
hasVideoPlayButton: true
}]
})),
asFragment = _render24.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of Video with videoFormats', function () {
var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
videoFormats: ['webm', 'mp4', 'ogg'],
sliderData: [{
hasVideoPlayButton: true,
videoSource: {
link: 'https://www.w3schools.com/html/mov_bbb.mp4',
format: 'mp4'
},
videoLookupSource: {
link: 'https://www.w3schools.com/html/mov_bbb.mp4',
format: 'mp4'
}
}]
})),
asFragment = _render25.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with hasExpandedButton by hasSecondaryButton, hasSecondaryButtonLink as true', function () {
var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasExpandedButton: true,
sliderData: [{
hasSecondaryButton: true,
hasSecondaryButtonLink: true,
secondaryButtonLink: "https://gc.zoho.com/org/746519053/widgets/4398000000528001"
}]
})),
asFragment = _render26.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with hasExpandedButton - hasSecondaryButton as true, hasSecondaryButtonLink as false', function () {
var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasExpandedButton: true,
sliderData: [{
hasSecondaryButton: true,
hasSecondaryButtonLink: false
}]
})),
asFragment = _render27.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without hasExpandedButton', function () {
var _render28 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasExpandedButton: false
})),
asFragment = _render28.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for Secondarybuttonprops ', function () {
var _render29 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "visibility",
hasSecondaryButton: true
}],
customProps: {
secondaryButtonProps: {
text: "New secondaryButton text"
}
}
})),
asFragment = _render29.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for secondaryButtonLinkProps ', function () {
var _render30 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "visibility",
secondaryButtonText: "learn more",
hasSecondaryButtonLink: true,
secondaryButtonLink: "https://gc.zoho.com/org/746519053/widgets/4398000000528001",
hasSecondaryButton: true
}],
customProps: {
secondaryButtonLinkProps: {
target: '_self'
}
}
})),
asFragment = _render30.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for ribbonProps ', function () {
var _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
hasRibbon: true,
customProps: {
ribbonProps: {
type: "sticker"
}
}
})),
asFragment = _render31.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for footerProps ', function () {
var _render32 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
customProps: {
footerProps: {
$ui_displayMode: 'inline'
}
}
})),
asFragment = _render32.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for headingProps ', function () {
var _render33 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "heading",
heading: "Slide 6"
}],
customProps: {
headingProps: {
$ui_size: '12'
}
}
})),
asFragment = _render33.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data of customprops for descriptionProps ', function () {
var _render34 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "description",
description: "Discover innovative tools and solutions to streamline your processes and boost productivity on Slide 1."
}],
customProps: {
descriptionProps: {
$ui_size: '10'
}
}
})),
asFragment = _render34.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with mediaElement', function () {
var _render35 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
sliderData: [{
tabName: "description",
description: "Discover innovative tools and solutions to streamline your processes and boost productivity on Slide 1.",
mediaElement: /*#__PURE__*/_react["default"].createElement("div", null, "Custom Element")
}]
})),
asFragment = _render35.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with tagAttributes', function () {
var _render36 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
tagAttributes: {
'data-scroll': true
}
})),
asFragment = _render36.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with a11yAttributes', function () {
var _render37 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
a11yAttributes: {
'data-a11y-focus': true
}
})),
asFragment = _render37.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with closeIconTooltip', function () {
var _render38 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
closeIconTooltip: "escape"
})),
asFragment = _render38.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data with position - absolute', function () {
var _render39 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
position: "absolute"
})),
asFragment = _render39.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('rendering data without isDraggable', function () {
var _render40 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Onboarding["default"], {
isDraggable: false
})),
asFragment = _render40.asFragment;
expect(asFragment()).toMatchSnapshot();
});
});