react-inky/lib/components/__tests__/Button.js

React components for Inky

"use strict";

var _react = _interopRequireDefault(require("react"));

var _server = require("react-dom/server");

var _chai = require("chai");

var _Button = _interopRequireDefault(require("../Button"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

describe('<Button />', () => {
  it('renders a basic button', () => {
    const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_Button.default, {
      className: "custom-class",
      href: "example.com"
    }, "Button"));
    (0, _chai.expect)(wrapper).html.to.equal(`
      <table class="button custom-class">
        <tr>
          <td>
            <table>
              <tr>
                <td><a href="example.com">Button</a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    `);
  });
  it('allows a target to be set', () => {
    const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_Button.default, {
      href: "example.com",
      target: "_blank"
    }));
    (0, _chai.expect)(wrapper).html.to.equal(`
      <table class="button">
        <tr>
          <td>
            <table>
              <tr>
                <td><a href="example.com" target="_blank"></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    `);
  });
  it('renders an expanded button', () => {
    const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_Button.default, {
      className: "expand",
      href: "example.com"
    }));
    (0, _chai.expect)(wrapper).html.to.equal(`
      <table class="button expand">
        <tr>
          <td>
            <table>
              <tr>
                <td>
                  <center><a  href="example.com" align="center" class="float-center"></a></center>
                </td>
              </tr>
            </table>
          </td>
          <td class="expander"></td>
        </tr>
      </table>
    `);
  });
});