@zohodesk/dot 1.0.0-temp-210.1 → 1.0.0-temp-211

package/lib/ActionButton/__tests__/ActionButton.spec.js

@@ -4,15 +4,368 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@testing-library/react");
 
+require("@testing-library/jest-dom");
+
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('ActionButton', function () {
-  test('rendering the defult props', 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();
+  });
 });