@brightleaf/elements/lib/__tests__/autcomplete.test.js

React UI elements styled with Bulma CSS

"use strict";

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

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

var _jestDom = require("@testing-library/jest-dom");

var _autocomplete = require("../autocomplete");

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

expect.extend({
  toHaveClass: _jestDom.toHaveClass
});
describe('AutoComplete component', function () {
  afterEach(_react2.cleanup);
  it('should render', function () {
    var items = [{
      name: 'First',
      id: 1
    }, {
      name: 'Second',
      id: 2
    }, {
      name: 'Third',
      id: 3
    }];

    var _render = (0, _react2.render)(_react.default.createElement(_autocomplete.AutoComplete, {
      list: items,
      onSelect: function onSelect(item) {},
      onValueChange: function onValueChange(e) {}
    })),
        container = _render.container;

    expect(container.firstChild).toMatchSnapshot();
    expect(container.firstChild).toHaveClass('autocomplete');
  });
});