@zohodesk/dot/lib/lookup/header/Search/__tests__/Search.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 _Search = _interopRequireDefault(require("../Search"));

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

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

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the search active', function () {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Search["default"], null)),
        asFragment = _render2.asFragment,
        getByRole = _render2.getByRole;

    _react2.fireEvent.focus(getByRole('textbox'));

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

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

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the renderChildren props via function', function () {
    var options = [{
      value: 'All Fields',
      id: '1'
    }, {
      value: 'Account',
      id: '3'
    }, {
      value: 'Customer Place',
      id: '4'
    }, {
      value: 'Conatct ID',
      id: '5'
    }];

    function renderChildren(_ref) {
      var value = _ref.value;
      return /*#__PURE__*/_react["default"].createElement("div", null, value);
    }

    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Search["default"], {
      value: "All Fields",
      renderChildren: renderChildren,
      options: options
    })),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the customized style search', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Search["default"], {
      customStyle: {
        wrapper: "searchWrapperClass"
      }
    })),
        asFragment = _render6.asFragment;

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