"use strict";

var _react = _interopRequireDefault(require("react"));
var _testUtilities = require("testUtilities");
var _ = _interopRequireDefault(require("."));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe("ProgressBar component", function () {
  test("should render component with width", function () {
    (0, _testUtilities.renderWithProviders)(/*#__PURE__*/_react["default"].createElement(_["default"], {
      width: "20%"
    }));
    expect(_testUtilities.screen.getByTestId("progressBar")).toBeInTheDocument();
    expect(_testUtilities.screen.getByTestId("progressBar-progress20%")).toBeInTheDocument();
  });
  test("should render component with value", function () {
    (0, _testUtilities.renderWithProviders)(/*#__PURE__*/_react["default"].createElement(_["default"], {
      value: [{
        color: ["blue", "indigo"],
        width: "30%"
      }, {
        color: ["green", "limeGreen"],
        width: "60%"
      }]
    }));
    expect(_testUtilities.screen.getByTestId("progressBar")).toBeInTheDocument();
    expect(_testUtilities.screen.getByTestId("progressBar-progress30%")).toBeInTheDocument();
    expect(_testUtilities.screen.getByTestId("progressBar-progress60%")).toBeInTheDocument();
  });
});