@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
630 lines (555 loc) • 21.6 kB
JavaScript
;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
var _FlipCard = _interopRequireDefault(require("../FlipCard"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
describe('FlipCard', 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();
});
});