@enact/sandstone/ProgressButton/tests/ProgressButton-specs.js

Large-screen/TV support library for Enact, containing a variety of UI components.

"use strict";

require("@testing-library/jest-dom");
var _react = require("@testing-library/react");
var _ProgressButton = require("../ProgressButton");
var _jsxRuntime = require("react/jsx-runtime");
describe('ProgressButton Specs', function () {
  test('should show text', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      children: "Progress Button"
    }));
    var expected = 'Progress Button';
    var actual = _react.screen.getByRole('button').textContent;
    expect(actual).toBe(expected);
  });
  test('should have a root className `progressButton`', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      children: "Progress Button"
    }));
    var button = _react.screen.getByRole('button');
    var expected = 'progressButton';
    expect(button).toHaveClass(expected);
  });
  test('should show radial progress', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      showProgress: true,
      children: "Progress Button"
    }));
    var progressBar = _react.screen.getByRole('progressbar');
    var expected = 'radial';
    expect(progressBar).toHaveClass(expected);
  });
  test('should show 0.5 progress', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      showProgress: true,
      progress: 0.5,
      children: "Progress Button"
    }));
    var progressBar = _react.screen.getByRole('progressbar');
    var expectedValue = '0.5';
    expect(progressBar).toHaveStyle({
      '--ui-progressbar-proportion-end': expectedValue
    });
  });
  test('should show default icon `stop`', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      showProgress: true,
      progress: 0.5,
      children: "Progress Button"
    }));

    // decimal converted charCode of Unicode 'stop' character
    var expectedCode = 983004;
    var actualCode = _react.screen.getByRole('button').textContent.codePointAt();
    expect(actualCode).toBe(expectedCode);
  });
  test('should support a custom icon', function () {
    var customIcon = 'star';
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressButton.ProgressButtonBase, {
      showProgress: true,
      progress: 0.5,
      icon: customIcon,
      children: "Progress Button"
    }));

    // decimal converted charCode of Unicode 'star' character
    var expectedCode = 983080;
    var actualCode = _react.screen.getByRole('button').textContent.codePointAt();
    expect(actualCode).toBe(expectedCode);
  });
});