vcc-ui/lib/components/block/test.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

"use strict";

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

var _ = require(".");

var _createSnapshot = _interopRequireDefault(require("../../test/create-snapshot"));

var _render = _interopRequireDefault(require("../../test/render"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

describe('<Block />', function () {
  it('correctly implements ref prop', function () {
    var mockRef = _react.default.createRef();

    (0, _render.default)(_react.default.createElement(_.Block, {
      ref: mockRef
    }));
    expect(mockRef.current).not.toBe(null);
  });
  it('correctly implements innerRef prop', function () {
    var mockRef = _react.default.createRef();

    (0, _render.default)(_react.default.createElement(_.Block, {
      innerRef: mockRef
    }));
    expect(mockRef.current).not.toBe(null);
  });
  it('renders <Block /> component correctly with default props', function () {
    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Block, null, "Children"));
    expect(snapshot).toMatchSnapshot();
  });
  it("renders <Block /> component correctly with a string given as 'as' prop", function () {
    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Block, {
      as: "span"
    }, "Children"));
    expect(snapshot).toMatchSnapshot();
  });
  it('renders <Block /> component correctly with extended styles', function () {
    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Block, {
      extend: {
        color: 'blue'
      }
    }, "Children"));
    expect(snapshot).toMatchSnapshot();
  });
  it("renders <Block /> component correctly with a React element given as 'as' prop", function () {
    var CustomElement = function CustomElement(props) {
      return _react.default.createElement("h1", _extends({
        "data-custom": "true"
      }, props));
    };

    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Block, {
      as: CustomElement
    }, "Children"));
    expect(snapshot).toMatchSnapshot();
  });
  it('renders <Block /> component correctly with added custom className', function () {
    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Block, {
      className: "test-class"
    }, "Children"));
    expect(snapshot).toMatchSnapshot();
  });
});