@zohodesk/dot/lib/Upload/__tests__/Upload.spec.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@testing-library/react");

var _Upload = _interopRequireDefault(require("../Upload"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

describe('Upload', function () {
  var mockOnRemove = jest.fn();
  var mockEleRef = jest.fn();
  var size = ['small', 'medium'];
  var palette = ['light', 'night'];
  test('rendering the defult props', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], null)),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the isPreview prop', function () {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreview: true
    })),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the isPreview prop is false', function () {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreview: false
    })),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the tooltip prop', function () {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      tooltip: "Tooltip"
    })),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the dataId prop with isPreview isPreviewType are true ', function () {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      dataId: "TestdataId",
      isPreview: true,
      isPreviewType: true,
      onRemove: mockOnRemove
    })),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the dataId prop with isPreviewType is false', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      dataId: "TestdataId",
      isPreview: true,
      onRemove: mockOnRemove,
      isPreviewType: false
    })),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the dataSelectorId prop', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      dataSelectorId: "selectorId"
    })),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the progressValue prop', function () {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreview: true,
      progressValue: "90"
    })),
        asFragment = _render8.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the iconName prop', function () {
    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreviewType: false,
      iconName: "ZD-close"
    })),
        asFragment = _render9.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the fileSize prop', function () {
    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreviewType: false,
      fileSize: "400kb"
    })),
        asFragment = _render10.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the imgSrc prop', function () {
    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreviewType: true,
      imgSrc: "http://sampleImageUrl.com"
    })),
        asFragment = _render11.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the isPreviewType true prop', function () {
    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreviewType: true
    })),
        asFragment = _render12.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the isPreviewType false prop', function () {
    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      isPreviewType: false
    })),
        asFragment = _render13.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the onRemove prop', function () {
    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      onRemove: mockOnRemove
    })),
        asFragment = _render14.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(size)('rendering the size of - %s', function (size) {
    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      size: size
    })),
        asFragment = _render15.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(palette)('rendering the palette of - %s', function (palette) {
    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      palette: palette
    })),
        asFragment = _render16.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('eleRef prop is a function', function () {
    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Upload["default"], {
      getRef: mockEleRef
    }));
    expect(mockEleRef).toHaveBeenCalled();
  });
});