react-inky
Version:
React components for Inky
66 lines (50 loc) • 3.22 kB
JavaScript
"use strict";
var _react = _interopRequireDefault(require("react"));
var _server = require("react-dom/server");
var _chai = _interopRequireWildcard(require("chai"));
var _enzyme = _interopRequireDefault(require("enzyme"));
var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
var _chaiHtml = _interopRequireDefault(require("chai-html"));
var _dirtyChai = _interopRequireDefault(require("dirty-chai"));
var _ = _interopRequireDefault(require(".."));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-irregular-whitespace */
_enzyme.default.configure({
adapter: new _enzymeAdapterReact.default()
});
_chai.default.use(_chaiHtml.default);
_chai.default.use(_dirtyChai.default);
describe('Inky', () => {
it('renders the boilerplate of an email', () => {
const wrapper = (0, _server.renderToStaticMarkup)(_react.default.createElement(_.default, null, _react.default.createElement(_.default.Head, null, _react.default.createElement("link", {
rel: "stylesheet",
href: "style.css"
})), _react.default.createElement(_.default.Body, {
preview: "Preview text"
}, _react.default.createElement("div", null)))); // Caution: the contents of the last <div> are a mix of regular spaces and non-breaking spaces
(0, _chai.expect)(wrapper).html.to.equal(`
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<span class="preheader">Preview text</span>
<table class="body" data-made-with-foundation="true">
<tr>
<td class="float-center" align="center" valign="top">
<center>
<div align="center" class="float-center"></div>
</center>
</td>
</tr>
</table>
<div style="display:none;white-space:nowrap;font:15px courier;line-height:0"> </div>
</body>
</html>
`);
});
});