import React__default from 'react';
import { render, screen } from '@testing-library/react';
import ColorInput from './color-input.js';
import '../extends-C4cduGrv.js';
import '../slicedToArray-BB-AwwkK.js';
import '../color-picker-CvIUD2KT.js';
import '../defineProperty-CEd-kZQW.js';
import '../objectWithoutProperties-TXwlfNxG.js';
import 'prop-types';
import '../_baseIteratee-D8btQgSF.js';
import '../typeof-CgC7Bq6K.js';
import '../_commonjsHelpers-_1FafXWI.js';
import 'classnames';
import './color-picker-input-group.js';
import '../input/index.js';
import '../use-previous/index.js';
import './get-color-in-hex.js';
import './saved-colors-addon.js';
import '../ck-icon/index.js';
import '../ck-icon/assets/icon-map/index.js';
import '../icon/index.js';
import '@fortawesome/react-fontawesome';
import '../icon/icons.js';
import '../icon/library.js';
import '@fortawesome/fontawesome-svg-core';
import '@fortawesome/pro-solid-svg-icons';
import '@fortawesome/pro-light-svg-icons';
import '@fortawesome/free-brands-svg-icons';
import '../tooltip/index.js';
import '../auto-id.esm-Cly76abB.js';
import '../utils.esm-CKyxlHOy.js';
import '../warning-s9zGJbnw.js';
import '../portal.esm-CuKGPwhL.js';
import 'react-dom';
import '@reach/visually-hidden';
import '../portal/index.js';
import '../use-rerender-once/index.js';
import '../use-force-update/index.js';
import '../usePopper-DMhEmCof.js';
import '../label/index.js';

describe("ColorInput", function () {
  it("only displays color values in hex", function () {
    render( /*#__PURE__*/React__default.createElement(ColorInput, {
      name: "color",
      value: "rgb(255, 0, 0)"
    }));
    expect(screen.getByRole("textbox")).toHaveValue("FF0000");
  });
});
