@enact/ui/ProgressBar/tests/ProgressBar-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 _ProgressBar = _interopRequireDefault(require("../ProgressBar"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe('ProgressBar Specs', function () {
  test('should return a DOM node reference for `componentRef`', function () {
    var ref = jest.fn();
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
      ref: ref
    }));
    var expected = 'DIV';
    var actual = ref.mock.calls[0][0].nodeName;
    expect(actual).toBe(expected);
  });
  describe('horizontal', function () {
    test('should have width of 0.5', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        progress: 0.5
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.5';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end': expected
      });
    });
    test('should have background width of 0.75', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        backgroundProgress: 0.75
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.75';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end-background': expected
      });
    });
  });
  describe('vertical', function () {
    test('should have height of 0.5', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        orientation: "vertical",
        progress: 0.5
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.5';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end': expected
      });
    });
    test('should have background height of 0.75', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        backgroundProgress: 0.75,
        orientation: "vertical",
        progress: 0.5
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.75';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end-background': expected
      });
    });
  });
  describe('radial', function () {
    test('should have a radius of 0.5', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        orientation: "radial",
        progress: 0.5
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.5';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end': expected
      });
    });
    test('should have background radius of 0.75', function () {
      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
        backgroundProgress: 0.75,
        orientation: "radial",
        progress: 0.5
      }));
      var progressBar = _react.screen.getByRole('progressbar');
      var expected = '0.75';
      expect(progressBar).toHaveStyle({
        '--ui-progressbar-proportion-end-background': expected
      });
    });
  });
});