@zohodesk/dot 1.7.8 → 1.7.9

package/lib/Onboarding/__tests__/Onboarding.spec.js

@@ -0,0 +1,435 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Onboarding = _interopRequireDefault(require("../Onboarding"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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();
+  });
+});