wix-style-react/dist/src/EndorseContentLayout/EndorseContentLayout.spec.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _enzyme = require('enzyme');

var _EndorseContentLayout = require('./EndorseContentLayout.driver');

var _EndorseContentLayout2 = _interopRequireDefault(_EndorseContentLayout);

var _EndorseContentLayout3 = require('./EndorseContentLayout');

var _EndorseContentLayout4 = _interopRequireDefault(_EndorseContentLayout3);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

describe('EndorseContentLayout', function () {
  var driver = void 0;

  beforeEach(function () {
    return driver = new _EndorseContentLayout2.default();
  });

  it('should render', function () {
    driver.when.created();
    expect(driver.get.root()).toHaveLength(1);
  });

  var componentsToRender = ['head', 'content', 'primaryCta', 'secondaryCta'];

  componentsToRender.forEach(function (c) {
    it('should render node as ' + c, function () {
      var props = _defineProperty({}, c, _react2.default.createElement(
        'div',
        null,
        'hey hope you render'
      ));
      var wrapper = (0, _enzyme.mount)(_react2.default.createElement(_EndorseContentLayout4.default, props));
      driver.component = wrapper;
      var text = driver.get[c]().at(0).text();
      expect(text).toBe('hey hope you render');
    });
  });

  it('should not render anything when prop not given', function () {
    componentsToRender.forEach(function (c) {
      driver.when.created();
      expect(driver.get[c]()).toHaveLength(0);
    });
  });
});