@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
379 lines (329 loc) • 15.6 kB
JavaScript
;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
require("@testing-library/jest-dom");
var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
var _ActionButton = _interopRequireDefault(require("../ActionButton"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
beforeEach(function () {
(0, _IdProvider.setGlobalId)(0);
});
afterEach(function () {
(0, _react2.cleanup)();
});
describe('ActionButton', function () {
var palettes = ['primaryFilled', 'primary'];
var sizes = ['small', 'medium', 'large'];
var iconProps = [{
iconName: 'ZD-replyall',
iconSize: '9'
}];
test('renders with default props', function () {
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], null)),
asFragment = _render.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isLoading set to true', function () {
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isLoading: true,
text: "Loading..."
})),
asFragment = _render2.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with text', function () {
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
text: "Not Loading - Main Text"
})),
asFragment = _render3.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with subText', function () {
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isLoading: false,
subText: "Not Loading - Sub Text"
})),
asFragment = _render4.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test.each(iconProps)('renders with iconName: %s and iconSize: %s', function (_ref) {
var iconName = _ref.iconName,
iconSize = _ref.iconSize;
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isLoading: false,
iconName: iconName,
iconSize: iconSize,
text: "Not Loading - Main Text",
subText: "Not Loading - Sub Text"
})),
asFragment = _render5.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with onClick prop and validates class', function () {
var mockOnClick = jest.fn();
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isLoading: false,
iconName: "ZD-replyall",
iconSize: "9",
text: "Not Loading - Main Text onClick",
subText: "Not Loading - Sub Text onClick",
onClick: mockOnClick
})),
asFragment = _render6.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test.each(sizes)('renders with size - %s', function (size) {
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
size: size
})),
asFragment = _render7.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dataId prop', function () {
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
dataId: "testDataId"
})),
asFragment = _render8.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders dataId prop with isLoading set to true', function () {
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isLoading: true,
dataId: "testDataId"
})),
asFragment = _render9.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with disabled state true', function () {
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isDisabled: true
})),
asFragment = _render10.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dropBoxClassProps - case 1', function () {
var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: true,
dropBoxClass: "custom-dropbox-class",
isBoxPaddingNeed: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render11.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dropBoxClassProps - case 2', function () {
var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: false,
dropBoxClass: "",
isBoxPaddingNeed: false
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render12.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dropBoxClassProps - case 3', function () {
var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: true,
dropBoxClass: "custom-dropbox-class",
isBoxPaddingNeed: false
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render13.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dropBoxClassProps - case 4', function () {
var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: true,
dropBoxClass: "",
isBoxPaddingNeed: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render14.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dataSelectorId and children props', function () {
var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
dataSelectorId: "testSelectorId"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render15.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with custom className', function () {
var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
className: "custom-class"
})),
asFragment = _render16.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dataTitle', function () {
var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
dataTitle: "Test Data Title"
})),
asFragment = _render17.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with innerClassName set to custom-class', function () {
var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
innerClassName: "custom-class"
})),
asFragment = _render18.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with innerClassName set to empty string', function () {
var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
innerClassName: ""
})),
asFragment = _render19.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with innerClassName set to undefined', function () {
var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
innerClassName: undefined
})),
asFragment = _render20.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with arrowBoxSize small and isPopupOpen true', function () {
var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
arrowBoxSize: "small",
isPopupOpen: true
})),
asFragment = _render21.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with arrowBoxSize medium and isPopupOpen false', function () {
var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
arrowBoxSize: "medium",
isPopupOpen: false
})),
asFragment = _render22.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test.each(palettes)('renders with palette - %s', function (palette) {
var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
palette: palette
})),
asFragment = _render23.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with children prop', function () {
var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render24.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with dataId, children, and popup open', function () {
var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
dataId: "testDataId",
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render25.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isArrow true and popup open', function () {
var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isArrow: true,
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render26.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isArrow false and popup open', function () {
var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isArrow: false,
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render27.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with children and tooltip enabled', function () {
var _render28 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
removeChildrenTooltip: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render28.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with children and tooltip disabled', function () {
var _render29 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
removeChildrenTooltip: null
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render29.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with arrowBoxSize small and children', function () {
var _render30 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
arrowBoxSize: "small"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render30.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with arrowBoxSize medium and children', function () {
var _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
arrowBoxSize: "medium"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render31.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test.each(palettes)('renders with palette - %s and loading', function (palette) {
var _render32 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
palette: palette,
isLoading: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render32.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test.each(palettes)('renders with palette - %s and children', function (palette) {
var _render33 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
palette: palette
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render33.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isPopupOpen true and children', function () {
var _render34 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render34.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isPopupOpen false and children', function () {
var _render35 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isPopupOpen: false
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render35.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with removeClose set to a function', function () {
var mockRemoveClose = jest.fn();
var _render36 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
removeClose: mockRemoveClose
})),
asFragment = _render36.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isAbsolutePositioningNeeded set to true', function () {
var _render37 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isAbsolutePositioningNeeded: true
})),
asFragment = _render37.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isRestrictScroll set to true', function () {
var _render38 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isRestrictScroll: true
})),
asFragment = _render38.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isAbsolutePositioningNeeded set to true and isPopupOpen true', function () {
var _render39 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isAbsolutePositioningNeeded: true,
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render39.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders with isRestrictScroll set to true and isPopupOpen true', function () {
var _render40 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ActionButton["default"], {
isRestrictScroll: true,
isPopupOpen: true
}, /*#__PURE__*/_react["default"].createElement("div", null, "Child Content"))),
asFragment = _render40.asFragment;
expect(asFragment()).toMatchSnapshot();
});
});