@enact/ui/FloatingLayer/tests/Scrim-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 _Scrim = _interopRequireDefault(require("../Scrim"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe('Scrim Specs', function () {
  test('should be translucent by default', function () {
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrim["default"], {
      "data-testid": "scrim"
    }));
    var expected = 'translucent';
    var scrimContainer = _react.screen.getByTestId('scrim');
    expect(scrimContainer).toHaveClass(expected);
  });
  test('should only render 1 translucent scrim at a time', function () {
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      "data-testid": "rootElement",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrim["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrim["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrim["default"], {})]
    }));
    var childrenElements = _react.screen.getByTestId('rootElement').children;
    var expectedLength = 1;
    expect(childrenElements).toHaveLength(expectedLength);
    var expectedClassname = 'translucent';
    expect(childrenElements[0]).toHaveClass(expectedClassname);
  });
});