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

React components for Inky

"use strict";

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

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

var _chai = require("chai");

var _Menu = _interopRequireDefault(require("../Menu"));

var _Item = _interopRequireDefault(require("../Item"));

var _Center = _interopRequireDefault(require("../Center"));

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

describe('<Menu />', () => {
  it('renders a menu', () => {
    const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_Menu.default, {
      className: "custom-class"
    }, "Menu"));
    (0, _chai.expect)(wrapper).html.to.equal(`
      <table class="menu custom-class">
        <tr>
          <td>
            <table>
              <tr>Menu</tr>
            </table>
          </td>
        </tr>
      </table>
    `);
  });
  it('passes center down to items', () => {
    const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_Center.default, null, _react.default.createElement(_Menu.default, null, _react.default.createElement(_Item.default, {
      href: "#"
    }))));
    (0, _chai.expect)(wrapper).html.to.equal(`
      <center>
        <table align="center" class="menu float-center">
          <tr>
            <td>
              <table>
                <tr>
                  <th  class="menu-item float-center">
                    <a href="#"></a>
                  </th>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </center>
    `);
  });
});