vcc-ui/lib/components/grid/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 _row = require("../row");

var _col = require("../col");

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

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

describe('<Grid />', function () {
  it('renders correctly', function () {
    var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_.Grid, null, "Mock child"));
    expect(snapshot).toMatchSnapshot();
  });
  describe('<Col />', function () {
    it('renders correctly with default props', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_col.Col, null, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
    it('renders correctly when size prop is a number', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_col.Col, {
        size: 4
      }, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
    it('renders correctly when size prop is an object', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_col.Col, {
        size: {
          default: 4,
          '@media (min-width: 480px)': 3,
          '@media (min-width: 1024px)': 6
        }
      }, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
    it('renders correctly when size prop is an object missing default property', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_col.Col, {
        size: {
          '@media (min-width: 480px)': 5,
          '@media (min-width: 1024px)': 6
        }
      }, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
  });
  describe('<Row />', function () {
    it('renders correctly with default props', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_row.Row, null, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
    it('renders correctly with custom align prop', function () {
      var snapshot = (0, _createSnapshot.default)(_react.default.createElement(_row.Row, {
        align: "end"
      }, "Mock child"));
      expect(snapshot).toMatchSnapshot();
    });
  });
});