@zohodesk/dot 1.7.10 → 1.7.12

package/lib/Drawer/props/propTypes.js

@@ -63,6 +63,9 @@ var Drawer_propTypes = {
   needFocusScope: _propTypes["default"].bool,
   customProps: _propTypes["default"].object,
   innerPortalName: _propTypes["default"].string,
-  a11y: _propTypes["default"].object
+  a11y: _propTypes["default"].object,
+  onAnimateEnter: _propTypes["default"].func,
+  postAnimateStyles: _propTypes["default"].object,
+  onAnimateExit: _propTypes["default"].func
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/FlipCard/__tests__/FlipCard.spec.js

@@ -9,10 +9,622 @@ var _FlipCard = _interopRequireDefault(require("../FlipCard"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('FlipCard', function () {
-  test('rendering the defult props', function () {
+  var palettes = ['primary', 'secondary', 'info', 'default'];
+  var textPalettes = ['white', 'black'];
+  var sizes = ['small', 'medium', 'large'];
+  test('renders with default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('renders with id', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      id: "unique-id"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with action', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      action: "incoming"
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with name', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      name: "Test Name"
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with initial', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      initial: "T"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with isChecked - true', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      isChecked: true
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip - true', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: true
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip set to false', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: false
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip set to true and isChecked set to true', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: true,
+      isChecked: true
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip set to false and isChecked set to true', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: false,
+      isChecked: true
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip set to true and size variations', function () {
+    sizes.forEach(function (size) {
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+        noNeedFlip: true,
+        size: size
+      })),
+          asFragment = _render11.asFragment;
+
+      expect(asFragment()).toMatchSnapshot();
+    });
+  });
+  test('renders with noNeedFlip set to false and size variations', function () {
+    sizes.forEach(function (size) {
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+        noNeedFlip: false,
+        size: size
+      })),
+          asFragment = _render12.asFragment;
+
+      expect(asFragment()).toMatchSnapshot();
+    });
+  });
+  test('renders with noNeedFlip set to true and custom props', function () {
+    var customProps = {
+      CheckBoxProps: {
+        checked: true
+      },
+      ChannelIconProps: {
+        name: 'email'
+      },
+      AvatarIconProps: {
+        name: 'user-icon'
+      },
+      AvatarUserProps: {
+        isPaid: true
+      }
+    };
+
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: true,
+      customProps: customProps
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with noNeedFlip set to false and custom props', function () {
+    var customProps = {
+      CheckBoxProps: {
+        checked: true
+      },
+      ChannelIconProps: {
+        name: 'chat'
+      },
+      AvatarIconProps: {
+        name: 'user-icon'
+      },
+      AvatarUserProps: {
+        isPaid: false
+      }
+    };
+
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      noNeedFlip: false,
+      customProps: customProps
+    })),
+        asFragment = _render14.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('renders with size - %s', function (size) {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      size: size
+    })),
+        asFragment = _render15.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with channel', function () {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "Test Channel"
+    })),
+        asFragment = _render16.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with isPaidUser - true', function () {
+    var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      isPaidUser: true
+    })),
+        asFragment = _render17.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with isPortalUser - true', function () {
+    var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      isPortalUser: true
+    })),
+        asFragment = _render18.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with src', function () {
+    var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      src: "https://www.zoho.com/"
+    })),
+        asFragment = _render19.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with icon', function () {
+    var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      icon: "ZD-chEmail"
+    })),
+        asFragment = _render20.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconSize', function () {
+    var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      iconSize: "medium"
+    })),
+        asFragment = _render21.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconClass', function () {
+    var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      iconClass: "icon-class"
+    })),
+        asFragment = _render22.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with ticListContainer', function () {
+    var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      ticListContainer: "container-id"
+    })),
+        asFragment = _render23.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with ticList', function () {
+    var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      ticList: "tic-list-id"
+    })),
+        asFragment = _render24.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with dataId', function () {
+    var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      dataId: "data-id-123"
+    })),
+        asFragment = _render25.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with className', function () {
+    var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      className: "custom-class"
+    })),
+        asFragment = _render26.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palettes)('renders with palette - %s', function (palette) {
+    var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      palette: palette
+    })),
+        asFragment = _render27.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(textPalettes)('renders with textPalette - %s', function (textPalette) {
+    var _render28 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      textPalette: textPalette
+    })),
+        asFragment = _render28.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with customTextClass', function () {
+    var _render29 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customTextClass: "custom-text-class"
+    })),
+        asFragment = _render29.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with frontClass', function () {
+    var _render30 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      frontClass: "front-class"
+    })),
+        asFragment = _render30.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with needTitle - true', function () {
+    var _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      needTitle: true,
+      name: "channel"
+    })),
+        asFragment = _render31.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconColor', function () {
+    var _render32 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      iconColor: "primary"
+    })),
+        asFragment = _render32.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with tourId', function () {
+    var _render33 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      tourId: "tour-123"
+    })),
+        asFragment = _render33.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with isFilledCheckbox - true', function () {
+    var _render34 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      isFilledCheckbox: true
+    })),
+        asFragment = _render34.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with channelTitle', function () {
+    var _render35 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channelTitle: "Test Channel Title"
+    })),
+        asFragment = _render35.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with customProps', function () {
+    var customProps = {
+      CheckBoxProps: {
+        checked: "isChecked"
+      },
+      ChannelIconProps: {
+        name: "channel"
+      },
+      AvatarIconProps: {
+        name: "icon"
+      },
+      AvatarUserProps: {
+        isPaid: "isPaidUser"
+      }
+    };
+
+    var _render36 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render36.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customProps for CheckBoxProps', function () {
+    var customProps = {
+      CheckBoxProps: {
+        checked: true
+      }
+    };
+
+    var _render37 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render37.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customProps for ChannelIconProps', function () {
+    var customProps = {
+      ChannelIconProps: {
+        name: "email"
+      }
+    };
+
+    var _render38 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render38.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customProps for AvatarIconProps', function () {
+    var customProps = {
+      AvatarIconProps: {
+        name: "user-icon"
+      }
+    };
+
+    var _render39 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render39.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customProps for AvatarUserProps', function () {
+    var customProps = {
+      AvatarUserProps: {
+        isPaid: true
+      }
+    };
+
+    var _render40 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render40.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customProps for multiple props', function () {
+    var customProps = {
+      CheckBoxProps: {
+        checked: true
+      },
+      ChannelIconProps: {
+        name: "chat"
+      },
+      AvatarIconProps: {
+        name: "user-icon"
+      },
+      AvatarUserProps: {
+        isPaid: false
+      }
+    };
+
+    var _render41 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render41.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with channel: email and action: incoming', function () {
+    var _render42 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "email",
+      action: "incoming"
+    })),
+        asFragment = _render42.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with channel: chat and action: outgoing', function () {
+    var _render43 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "chat",
+      action: "outgoing"
+    })),
+        asFragment = _render43.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with channel: call and action: missed', function () {
+    var _render44 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "call",
+      action: "missed"
+    })),
+        asFragment = _render44.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with channel: social and action: incoming', function () {
+    var _render45 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "social",
+      action: "incoming"
+    })),
+        asFragment = _render45.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with channel: sms and action: outgoing', function () {
+    var _render46 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      channel: "sms",
+      action: "outgoing"
+    })),
+        asFragment = _render46.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with name and icon', function () {
+    var _render47 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      name: "Test Name",
+      icon: "ZD-icon"
+    })),
+        asFragment = _render47.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with name but without icon', function () {
+    var _render48 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      name: "Test Name"
+    })),
+        asFragment = _render48.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with needTitle set to true and name', function () {
+    var _render49 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      needTitle: true,
+      name: "Test Name"
+    })),
+        asFragment = _render49.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with needTitle set to false and name', function () {
+    var _render50 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      needTitle: false,
+      name: "Test Name"
+    })),
+        asFragment = _render50.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with needTitle set to true, icon, and name', function () {
+    var _render51 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      needTitle: true,
+      icon: "ZD-icon",
+      name: "Test Name"
+    })),
+        asFragment = _render51.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with needTitle set to false, icon, and name', function () {
+    var _render52 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      needTitle: false,
+      icon: "ZD-icon",
+      name: "Test Name"
+    })),
+        asFragment = _render52.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('renders correctly with size: %s and icon', function (size) {
+    var _render53 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      size: size,
+      icon: "ZD-icon"
+    })),
+        asFragment = _render53.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('renders correctly with size: %s and initial', function (size) {
+    var _render54 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      size: size,
+      initial: "T"
+    })),
+        asFragment = _render54.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('renders correctly with size: %s and src', function (size) {
+    var _render55 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      size: size,
+      src: "https://www.zoho.com/"
+    })),
+        asFragment = _render55.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('renders correctly with size: %s and name', function (size) {
+    var _render56 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      size: size,
+      name: "Test Name"
+    })),
+        asFragment = _render56.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with iconSize as a number', function () {
+    var _render57 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      iconSize: 24
+    })),
+        asFragment = _render57.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with iconSize as a number and channel & action', function () {
+    var _render58 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      iconSize: 32,
+      channel: "email",
+      action: "incoming"
+    })),
+        asFragment = _render58.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with className, channel, and action', function () {
+    var _render59 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      className: "custom-class",
+      channel: "email",
+      action: "incoming"
+    })),
+        asFragment = _render59.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with palette, channel, and action', function () {
+    var _render60 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      palette: "primary",
+      channel: "chat",
+      action: "outgoing"
+    })),
+        asFragment = _render60.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with textPalette, channel, and action', function () {
+    var _render61 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      textPalette: "white",
+      channel: "call",
+      action: "missed"
+    })),
+        asFragment = _render61.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders correctly with customTextClass, channel, and action', function () {
+    var _render62 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
+      customTextClass: "custom-text-class",
+      channel: "social",
+      action: "incoming"
+    })),
+        asFragment = _render62.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });