@bootstrap-styled/css-utils/lib/tests/transition.test.js

Bootstrap mixins and utilities in javascript for bootstrap-styled.

"use strict";

var _immutable = require("immutable");

var _transition = require("../transition");

describe('bootstrap transition mixins', function () {
  describe('getTransitionUtils', function () {
    it('should return a css utility', function () {
      var enableTransitions = true;
      var css = (0, _transition.getTransitionUtilities)(enableTransitions, 'all .2s ease-in-out', 'height .35s ease');
      expect(css).not.toContain('undefined');
      expect(css).not.toContain('null');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(760045004);
    });
    it('should have parameters', function () {
      var css = (0, _transition.getTransitionUtilities)();
      expect(css).not.toContain('undefined');
      expect(css).not.toContain('null');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-486265482);
    });
  });
  describe('fade', function () {
    it('should return a css with defaultProps', function () {
      var css = (0, _transition.fade)();
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-297507179);
    });
    it('should return a css with transition', function () {
      var enableTransitions = true;
      var css = (0, _transition.fade)(enableTransitions, 'opacity .15s linear');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-297507179);
    });
    it('should return a css without transition', function () {
      var enableTransitions = false;
      var css = (0, _transition.fade)(enableTransitions, 'opacity .15s linear');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-1046095170);
    });
  });
  describe('collapse', function () {
    it('should return a css with defaultProps', function () {
      var css = (0, _transition.collapse)();
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(204352853);
    });
    it('should return a css with transition', function () {
      var enableTransitions = true;
      var css = (0, _transition.collapse)(enableTransitions, 'height .35s ease');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(204352853);
    });
    it('should return a css without transition', function () {
      var enableTransitions = false;
      var css = (0, _transition.collapse)(enableTransitions, 'height .35s ease');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-987798304);
    });
  });
  describe('getReactTransition', function () {
    it('should return a css with transition', function () {
      var enableTransitions = true;
      var css = (0, _transition.getReactTransition)(enableTransitions, 'height .35s ease');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(-627217750);
    });
    it('should return a css without transition', function () {
      var enableTransitions = false;
      var css = (0, _transition.getReactTransition)(enableTransitions, 'height .35s ease');
      expect((0, _immutable.fromJS)({
        css: css
      }).hashCode()).toEqual(788434458);
    });
  });
});