@enact/ui/Button/tests/Button-specs.js

A collection of simplified unstyled cross-platform UI components for Enact

"use strict";

require("@testing-library/jest-dom");
var _react = require("@testing-library/react");
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
var _Button = require("../Button");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
describe('Button', function () {
  test('should return a DOM node reference for `componentRef`', function () {
    var ref = jest.fn();
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      ref: ref
    }));
    var expected = 'DIV';
    var actual = ref.mock.calls[0][0].nodeName;
    expect(actual).toBe(expected);
  });
  test('should have \'disabled\' HTML attribute when \'disabled\' prop is provided', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      disabled: true,
      children: "I am a disabled Button"
    }));
    var button = _react.screen.getByRole('button');
    expect(button).toHaveAttribute('disabled');
  });
  test('should have default minWidth class', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {}));
    var button = _react.screen.getByRole('button');
    var expected = 'minWidth';
    expect(button).toHaveClass(expected);
  });
  test('should have selected class when selected prop is set to true', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {
      selected: true
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'selected';
    expect(button).toHaveClass(expected);
  });
  test('should have pressed class when pressed prop is set to true', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {
      pressed: true
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'pressed';
    expect(button).toHaveClass(expected);
  });
  test('should have large class when size prop is set to large', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {
      size: "large"
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'large';
    expect(button).toHaveClass(expected);
  });
  test('should have small class when size prop is set to small', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.ButtonBase, {
      size: "small"
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'small';
    expect(button).toHaveClass(expected);
  });
  test('should have hasIcon class when icon prop is defined', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      icon: true,
      children: "Hello Button!"
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'hasIcon';
    expect(button).toHaveClass(expected);
  });
  test('should call onClick', /*#__PURE__*/_asyncToGenerator(function* () {
    var handleCLick = jest.fn();
    var user = _userEvent["default"].setup();
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      onClick: handleCLick,
      children: "Hello Button!"
    }));
    var button = _react.screen.getByRole('button');
    yield user.click(button);
    var expected = 1;
    expect(handleCLick).toHaveBeenCalledTimes(expected);
  }));
  test('should not call onClick when button is disabled', /*#__PURE__*/_asyncToGenerator(function* () {
    var handleClick = jest.fn();
    var user = _userEvent["default"].setup();
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
      disabled: true,
      onClick: handleClick,
      children: "Hello Button!"
    }));
    var button = _react.screen.getByRole('button');
    yield user.click(button);
    expect(handleClick).not.toHaveBeenCalled();
  }));
});