@zohodesk/components/lib/shared/InputFieldLine/__tests__/InputFieldLine.spec.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

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

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

var _InputFieldLine = _interopRequireDefault(require("../InputFieldLine"));

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

describe('InputFieldLine', function () {
  test('rendering the defult props', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], null)),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render with title', function () {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      title: "InputFieldLine Test Title"
    })),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render isActive is true', function () {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      isActive: true
    })),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render isDisabled is true', function () {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      isDisabled: true
    })),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render isReadOnly is true', function () {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      isReadOnly: true
    })),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render hasPadding is true', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      hasPadding: true
    })),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should be render hasEffect is false', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      hasEffect: false
    })),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var size = ['medium', 'xmedium'];
  test.each(size)('Should render size  - %s', function (size) {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      hasPadding: true,
      size: size
    })),
        asFragment = _render8.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var border = ['bottom', 'all', 'none'];
  test.each(border)('Should render border - %s', function (border) {
    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      border: border
    })),
        asFragment = _render9.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var borderColor = ['default', 'dark', 'error', 'transparent'];
  test.each(borderColor)('Should render borderColor - %s', function (borderColor) {
    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      borderColor: borderColor
    })),
        asFragment = _render10.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should render customProps', function () {
    var customProps = {
      'data-test': 'inputFieldLine-test'
    };

    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      customProps: customProps
    })),
        asFragment = _render11.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should render customClass', function () {
    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      customClass: "inputFieldLine-custom-class"
    })),
        asFragment = _render12.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('Should render dataId', function () {
    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
      dataId: "inputFieldLine-test-id"
    })),
        asFragment = _render13.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
});