react-carousel-query/dist/components/badgeIndex/badgeIndex.test.js

A infinite carousel component made with react that handles the pagination for you.

"use strict";

var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
var _badgeIndex = _interopRequireDefault(require("./badgeIndex"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
describe('<BadgeIndex />', () => {
  const props = {
    currentIndex: 1,
    total: 3
  };
  test('It should render', () => {
    const {
      container,
      getByText
    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_badgeIndex.default, props));
    const text = getByText(`${props.currentIndex}/${props.total}`);
    expect(text).toBeTruthy();
    expect(container).toMatchSnapshot();
  });
  test('It should render only current index where there is no total', () => {
    const {
      container,
      getByText,
      queryByText
    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_badgeIndex.default, {
      currentIndex: 222
    }));
    const text = getByText('222');
    expect(text).toBeTruthy();
    expect(queryByText('222/')).toBeFalsy();
    expect(container).toMatchSnapshot();
  });
  test('It should call the custom render function when passed', () => {
    const renderFn = jest.fn(() => /*#__PURE__*/_react.default.createElement("p", null, "test"));
    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_badgeIndex.default, _extends({}, props, {
      renderBadge: renderFn
    })));
    expect(renderFn).toHaveBeenCalledWith(props);
  });
});