@enact/moonstone/Heading/tests/Heading-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 _Heading = _interopRequireDefault(require("../Heading"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
describe('Heading Specs', function () {
  var content = 'Hello Heading!';
  test('should render a Heading with content', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      children: content
    }));
    var heading = _react.screen.getByText(content);
    expect(heading).toBeInTheDocument();
  });
  test('should render a Heading with showLine', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      showLine: true,
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'showLine';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with size large', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      size: "large",
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'large';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with size medium', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'medium';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with size small', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      size: "small",
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'small';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with spacing large', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      spacing: "large",
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'largeSpacing';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with spacing medium', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      spacing: "medium",
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'mediumSpacing';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with spacing small', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'smallSpacing';
    expect(heading).toHaveClass(expected);
  });
  test('should render a Heading with spacing none', function () {
    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading["default"], {
      spacing: "none",
      children: content
    }));
    var heading = _react.screen.getByText(content).parentElement.parentElement;
    var expected = 'noneSpacing';
    expect(heading).toHaveClass(expected);
  });
});