ui-neu/dist/components/buttons/Button.test.js

Neu UI, a responsive React component library.

import React from "react";
import { act } from "react-dom/test-utils";
import { render, unmountComponentAtNode } from "react-dom";
import { Button } from "./Button";
var container = null;
beforeEach(function () {
  // setting up DOM element as render target
  container = document.createElement("div");
  document.body.appendChild(container);
});
afterEach(function () {
  // cleanup on exiting
  unmountComponentAtNode(container);
  container.remove();
  container = null;
}); // tests whether child content is rendered

it("renders button label", function () {
  act(function () {
    render( /*#__PURE__*/React.createElement(Button, null, "Test"), container);
  });
  expect(container.textContent).toBe("Test");
});
it("renders button with small font size by default", function () {
  act(function () {
    render( /*#__PURE__*/React.createElement(Button, null, "Test"), container);
  });
  expect(container.children[0]).toHaveStyle("font-size: 1rem");
});
it("renders button with large font size", function () {
  act(function () {
    render( /*#__PURE__*/React.createElement(Button, {
      size: "large"
    }, "Test"), container);
  });
  expect(container.children[0]).toHaveStyle("font-size: 1.5rem");
});