styled-components 2.1.1 → 2.2.1

package/lib/no-parser/test/flatten.test.js

@@ -1,125 +0,0 @@
-'use strict';
-
-var _flatten = require('../flatten');
-
-var _flatten2 = _interopRequireDefault(_flatten);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('preparsed flatten without executionContext', function () {
-  it('doesnt merge strings', function () {
-    expect((0, _flatten2.default)([['foo', 'bar', 'baz']])).toEqual([['foo', 'bar', 'baz']]);
-  });
-
-  it('drops nulls', function () {
-    // $FlowInvalidInputTest
-    expect((0, _flatten2.default)([['foo', false, 'bar', undefined, 'baz', null]])).toEqual([['foo', 'bar', 'baz']]);
-  });
-
-  it('doesnt drop any numbers', function () {
-    expect((0, _flatten2.default)([['foo', 0, 'bar', NaN, 'baz', -1]])).toEqual([['foo', '0', 'bar', 'NaN', 'baz', '-1']]);
-  });
-
-  it('toStrings everything', function () {
-    // $FlowInvalidInputTest
-    expect((0, _flatten2.default)([[1, true]])).toEqual([['1', 'true']]);
-  });
-
-  it('hypenates objects', function () {
-    var obj = {
-      fontSize: '14px',
-      WebkitFilter: 'blur(2px)'
-    };
-    var css = 'font-size: 14px; -webkit-filter: blur(2px);';
-    // $FlowFixMe
-    expect((0, _flatten2.default)([[obj]])).toEqual([[css]]);
-    // $FlowFixMe
-    expect((0, _flatten2.default)([['some:thing;', obj, 'something: else;']])).toEqual([['some:thing;', css, 'something: else;']]);
-  });
-
-  it('flattens nested rulesets', function () {
-    expect((0, _flatten2.default)([['a', [['c']], 'b']])).toEqual([['a', 'b'], ['c']]);
-  });
-
-  it('flattens double nested rulesets', function () {
-    expect((0, _flatten2.default)([['a', [['c', [['d']]]], 'b']])).toEqual([['a', 'b'], ['c'], ['d']]);
-  });
-
-  it('flattens subarrays', function () {
-    expect((0, _flatten2.default)([[1, 2, [3, 4, 5], 'come:on;', 'lets:ride;']])).toEqual([['1', '2', '3', '4', '5', 'come:on;', 'lets:ride;']]);
-  });
-
-  it('defers functions', function () {
-    var func = function func() {
-      return 'bar';
-    };
-
-    expect((0, _flatten2.default)([['foo', func, 'baz']])).toEqual([['foo', func, 'baz']]);
-  });
-});
-
-
-describe('preparsed flatten with executionContext', function () {
-  it('merges strings', function () {
-    expect((0, _flatten2.default)([['foo', 'bar', 'baz']], {})).toEqual(['foobarbaz']);
-  });
-
-  it('drops nulls', function () {
-    // $FlowInvalidInputTest
-    expect((0, _flatten2.default)([['foo', false, 'bar', undefined, 'baz', null]], {})).toEqual(['foobarbaz']);
-  });
-
-  it('doesnt drop any numbers', function () {
-    expect((0, _flatten2.default)([['foo', 0, 'bar', NaN, 'baz', -1]], {})).toEqual(['foo0barNaNbaz-1']);
-  });
-
-  it('toStrings everything', function () {
-    // $FlowInvalidInputTest
-    expect((0, _flatten2.default)([[1, true]], {})).toEqual(['1true']);
-  });
-
-  it('hypenates objects', function () {
-    var obj = {
-      fontSize: '14px',
-      WebkitFilter: 'blur(2px)'
-    };
-    var css = 'font-size: 14px; -webkit-filter: blur(2px);';
-    // $FlowFixMe
-    expect((0, _flatten2.default)([[obj]], {})).toEqual([css]);
-    // $FlowFixMe
-    expect((0, _flatten2.default)([['some:thing;', obj, 'something: else;']], {})).toEqual(['some:thing;' + css + 'something: else;']);
-  });
-
-  it('flattens nested rulesets', function () {
-    expect((0, _flatten2.default)([['a', [['c']], 'b']], {})).toEqual(['ab', 'c']);
-  });
-
-  it('flattens double nested rulesets', function () {
-    expect((0, _flatten2.default)([['a', [['c', 'd', [['e', 'f'], ['g', 'h']]]], 'b']], {})).toEqual(['ab', 'cd', 'ef', 'gh']);
-  });
-
-  it('flattens subarrays', function () {
-    expect((0, _flatten2.default)([[1, 2, [3, 4, 5], 'come:on;', 'lets:ride;']], {})).toEqual(['12345come:on;lets:ride;']);
-  });
-
-  it('executes functions', function () {
-    var func = function func() {
-      return 'bar';
-    };
-    expect((0, _flatten2.default)([['foo', func, 'baz']], {})).toEqual(['foobarbaz']);
-  });
-
-  it('resolves rulesets after executing functions', function () {
-    var func = function func() {
-      return [['add me to the end']];
-    };
-    expect((0, _flatten2.default)([['foo', func, 'baz']], {})).toEqual(['foobaz', 'add me to the end']);
-  });
-
-  it('resolves double nested rulesets after executing functions', function () {
-    var func = function func() {
-      return [['a', [['b']]]];
-    };
-    expect((0, _flatten2.default)([['foo', func, 'baz']], {})).toEqual(['foobaz', 'a', 'b']);
-  });
-});

package/lib/no-parser/test/keyframes.test.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _keyframes2 = require('../../constructors/keyframes');
-
-var _keyframes3 = _interopRequireDefault(_keyframes2);
-
-var _stringifyRules = require('../stringifyRules');
-
-var _stringifyRules2 = _interopRequireDefault(_stringifyRules);
-
-var _css = require('../css');
-
-var _css2 = _interopRequireDefault(_css);
-
-var _utils = require('../../test/utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var index = 0;
-
-var keyframes = (0, _keyframes3.default)(function () {
-  return 'keyframe_' + index++;
-}, _stringifyRules2.default, _css2.default);
-
-describe('keyframes', function () {
-  beforeEach(function () {
-    (0, _utils.resetNoParserStyled)();
-  });
-
-  it('should correctly assemble preprocessed CSS', function () {
-    var name = keyframes([
-    // $FlowFixMe
-    ['@-webkit-keyframes '],
-    // $FlowFixMe
-    [' {from {background-position: 0vw 0px;}to {background-position: 100vw 0px;}} @keyframes '],
-    // $FlowFixMe
-    [' {from {background-position: 0vw 0px;}to {background-position: 100vw 0px;}}']]);
-
-    (0, _utils.expectCSSMatches)('@-webkit-keyframes ' + name + ' {from {background-position: 0vw 0px;}to {background-position: 100vw 0px;}} @keyframes ' + name + ' {from {background-position: 0vw 0px;}to {background-position: 100vw 0px;}}');
-  });
-});

package/lib/primitives/test/primitives.test.js

@@ -1,289 +0,0 @@
-'use strict';
-
-var _templateObject = _taggedTemplateLiteralLoose([''], ['']),
-    _templateObject2 = _taggedTemplateLiteralLoose(['\n      padding-top: 10;\n    '], ['\n      padding-top: 10;\n    ']),
-    _templateObject3 = _taggedTemplateLiteralLoose(['opacity: 0.9;'], ['opacity: 0.9;']),
-    _templateObject4 = _taggedTemplateLiteralLoose(['padding: 10px;'], ['padding: 10px;']),
-    _templateObject5 = _taggedTemplateLiteralLoose(['background-color: red;'], ['background-color: red;']),
-    _templateObject6 = _taggedTemplateLiteralLoose(['borderWidth: 10;'], ['borderWidth: 10;']);
-
-require('react-primitives');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _index = require('../index');
-
-var _index2 = _interopRequireDefault(_index);
-
-var _enzyme = require('enzyme');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
-
-// NOTE: These tests are copy pasted from ../native/test/native.test.js
-
-describe('primitives', function () {
-  it('should not throw an error when called', function () {
-    _index2.default.View(_templateObject);
-  });
-
-  it('should generate inline styles', function () {
-    var Comp = _index2.default.View(_templateObject);
-    var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, null));
-    var view = wrapper.find('View').first();
-
-    expect(view.prop('style')).toEqual([{}, undefined]);
-  });
-
-  it('should combine inline styles and the style prop', function () {
-    var Comp = _index2.default.View(_templateObject2);
-
-    var style = { opacity: 0.9 };
-    var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, { style: style }));
-    var view = wrapper.find('View').first();
-
-    expect(view.prop('style')).toEqual([{ paddingTop: 10 }, style]);
-  });
-
-  describe('extending', function () {
-    it('should combine styles of extending components', function () {
-      var Parent = _index2.default.View(_templateObject3);
-      var Child = Parent.extend(_templateObject4);
-
-      var parent = (0, _enzyme.shallow)(_react2.default.createElement(Parent, null));
-      var child = (0, _enzyme.shallow)(_react2.default.createElement(Child, null));
-
-      expect(parent.find('View').prop('style')).toEqual([{ opacity: 0.9 }, undefined]);
-
-      expect(child.find('View').prop('style')).toEqual([{
-        opacity: 0.9,
-        paddingTop: 10,
-        paddingRight: 10,
-        paddingBottom: 10,
-        paddingLeft: 10
-      }, undefined]);
-    });
-
-    it('should combine styles of extending components in >= 3 inheritances', function () {
-      var GrandGrandParent = _index2.default.View(_templateObject5);
-      var GrandParent = GrandGrandParent.extend(_templateObject6);
-      var Parent = GrandParent.extend(_templateObject3);
-      var Child = Parent.extend(_templateObject4);
-
-      var grandGrandParent = (0, _enzyme.shallow)(_react2.default.createElement(GrandGrandParent, null));
-      var grandParent = (0, _enzyme.shallow)(_react2.default.createElement(GrandParent, null));
-      var parent = (0, _enzyme.shallow)(_react2.default.createElement(Parent, null));
-      var child = (0, _enzyme.shallow)(_react2.default.createElement(Child, null));
-
-      expect(grandGrandParent.find('View').prop('style')).toEqual([{
-        backgroundColor: 'red'
-      }, undefined]);
-
-      expect(grandParent.find('View').prop('style')).toEqual([{
-        backgroundColor: 'red',
-        borderWidth: 10
-      }, undefined]);
-
-      expect(parent.find('View').prop('style')).toEqual([{
-        backgroundColor: 'red',
-        borderWidth: 10,
-        opacity: 0.9
-      }, undefined]);
-
-      expect(child.find('View').prop('style')).toEqual([{
-        backgroundColor: 'red',
-        borderWidth: 10,
-        opacity: 0.9,
-        paddingTop: 10,
-        paddingRight: 10,
-        paddingBottom: 10,
-        paddingLeft: 10
-      }, undefined]);
-    });
-  });
-
-  describe('attrs', function () {
-    it('works fine with an empty object', function () {
-      var Comp = _index2.default.View.attrs({})(_templateObject);
-      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, null));
-      var view = wrapper.find('View').first();
-
-      expect(view.props()).toEqual({
-        style: [{}, undefined]
-      });
-    });
-
-    it('passes simple props on', function () {
-      var Comp = _index2.default.View.attrs({
-        test: true
-      })(_templateObject);
-
-      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, null));
-      var view = wrapper.find('View').first();
-
-      expect(view.props()).toEqual({
-        style: [{}, undefined],
-        test: true
-      });
-    });
-
-    it('calls an attr-function with context', function () {
-      var Comp = _index2.default.View.attrs({
-        copy: function copy(props) {
-          return props.test;
-        }
-      })(_templateObject);
-
-      var test = 'Put that cookie down!';
-      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, { test: test }));
-      var view = wrapper.find('View').first();
-
-      expect(view.props()).toEqual({
-        style: [{}, undefined],
-        copy: test,
-        test: test
-      });
-    });
-
-    it('merges multiple calls', function () {
-      var Comp = _index2.default.View.attrs({
-        first: 'first',
-        test: '_'
-      }).attrs({
-        second: 'second',
-        test: 'test'
-      })(_templateObject);
-
-      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Comp, null));
-      var view = wrapper.find('View').first();
-
-      expect(view.props()).toEqual({
-        style: [{}, undefined],
-        first: 'first',
-        second: 'second',
-        test: 'test'
-      });
-    });
-
-    it('merges attrs when inheriting SC', function () {
-      var Parent = _index2.default.View.attrs({
-        first: 'first'
-      })(_templateObject);
-
-      var Child = Parent.extend.attrs({
-        second: 'second'
-      })(_templateObject);
-
-      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(Child, null));
-      var view = wrapper.find('View').first();
-
-      expect(view.props()).toEqual({
-        style: [{}, undefined],
-        first: 'first',
-        second: 'second'
-      });
-    });
-  });
-
-  describe('expanded API', function () {
-    it('should attach a displayName', function () {
-      var Comp = _index2.default.View(_templateObject);
-      expect(Comp.displayName).toBe('Styled(View)');
-
-      var CompTwo = _index2.default.View.withConfig({ displayName: 'Test' })(_templateObject);
-      expect(CompTwo.displayName).toBe('Test');
-    });
-
-    it('should allow multiple calls to be chained', function () {
-      var Comp = _index2.default.View.withConfig({ displayName: 'Test1' }).withConfig({ displayName: 'Test2' })(_templateObject);
-
-      expect(Comp.displayName).toBe('Test2');
-    });
-  });
-
-  describe('innerRef', function () {
-    it('should pass the ref to the component', function () {
-      var Comp = _index2.default.View(_templateObject);
-      var ref = jest.fn();
-
-      var wrapper = (0, _enzyme.mount)(_react2.default.createElement(Comp, { innerRef: ref }));
-      var view = wrapper.find('View').first();
-      var comp = wrapper.find(Comp).first();
-
-      // $FlowFixMe
-      expect(ref).toHaveBeenCalledWith(view.node);
-      expect(view.prop('innerRef')).toBeFalsy();
-      expect(comp.node.root).toBeTruthy();
-    });
-
-    var InnerComponent = function (_React$Component) {
-      _inherits(InnerComponent, _React$Component);
-
-      function InnerComponent() {
-        _classCallCheck(this, InnerComponent);
-
-        return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-      }
-
-      InnerComponent.prototype.render = function render() {
-        return null;
-      };
-
-      return InnerComponent;
-    }(_react2.default.Component);
-
-    it('should not leak the innerRef prop to the wrapped child', function () {
-      var OuterComponent = (0, _index2.default)(InnerComponent)(_templateObject);
-      var ref = jest.fn();
-
-      var wrapper = (0, _enzyme.mount)(_react2.default.createElement(OuterComponent, { innerRef: ref }));
-      var innerComponent = wrapper.find(InnerComponent).first();
-      var outerComponent = wrapper.find(OuterComponent).first();
-
-      // $FlowFixMe
-      expect(ref).toHaveBeenCalledWith(innerComponent.node);
-      expect(innerComponent.prop('innerRef')).toBeFalsy();
-      expect(outerComponent.node.root).toBeTruthy();
-    });
-
-    it('should pass the innerRef to the wrapped styled component', function () {
-      var InnerComponent = _index2.default.View(_templateObject);
-      var OuterComponent = (0, _index2.default)(InnerComponent)(_templateObject);
-      var ref = jest.fn();
-
-      var wrapper = (0, _enzyme.mount)(_react2.default.createElement(OuterComponent, { innerRef: ref }));
-      var view = wrapper.find('View').first();
-      var innerComponent = wrapper.find(InnerComponent).first();
-      var outerComponent = wrapper.find(OuterComponent).first();
-
-      // $FlowFixMe
-      expect(ref).toHaveBeenCalledWith(view.node);
-      expect(outerComponent.node.root).toBeTruthy();
-    });
-
-    it('should pass innerRef instead of ref to a wrapped stateless functional component', function () {
-      var InnerComponent = function InnerComponent() {
-        return null;
-      };
-      var OuterComponent = (0, _index2.default)(InnerComponent)(_templateObject);
-      // NOTE: A ref should always be passed, so we don't need to (setNativeProps feature)
-
-      var wrapper = (0, _enzyme.mount)(_react2.default.createElement(OuterComponent, null));
-      var outerComponent = wrapper.find(OuterComponent).first();
-      var innerComponent = wrapper.find(InnerComponent).first();
-
-      expect(innerComponent.prop('ref')).toBeFalsy();
-      expect(innerComponent.prop('innerRef')).toBeTruthy();
-      expect(outerComponent.node.root).toBeFalsy();
-    });
-  });
-});

package/lib/test/attrs.test.js

@@ -1,158 +0,0 @@
-'use strict';
-
-var _templateObject = _taggedTemplateLiteralLoose([''], ['']),
-    _templateObject2 = _taggedTemplateLiteralLoose(['\n      color: blue;\n      &.', ' {\n        color: red;\n      }\n    '], ['\n      color: blue;\n      &.', ' {\n        color: red;\n      }\n    ']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _enzyme = require('enzyme');
-
-var _utils = require('./utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
-
-var styled = void 0;
-
-describe('attrs', function () {
-  beforeEach(function () {
-    styled = (0, _utils.resetStyled)();
-  });
-
-  it('work fine with an empty object', function () {
-    var Comp = styled.div.attrs({})(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div class="sc-a b"></div>');
-  });
-
-  it('pass a simple attr', function () {
-    var Comp = styled.button.attrs({
-      type: 'button'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<button type="button" class="sc-a b"></button>');
-  });
-
-  it('call an attr function', function () {
-    var Comp = styled.button.attrs({
-      type: function type() {
-        return 'button';
-      }
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<button type="button" class="sc-a b"></button>');
-  });
-
-  it('pass props to the attr function', function () {
-    var Comp = styled.button.attrs({
-      type: function type(props) {
-        return props.submit ? 'submit' : 'button';
-      }
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<button type="button" class="sc-a b"></button>');
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, { submit: true })).html()).toEqual('<button type="submit" class="sc-a b"></button>');
-  });
-
-  it('should replace attrs with props', function () {
-    var Comp = styled.button.attrs({
-      type: function type(props) {
-        return props.submit ? 'submit' : 'button';
-      },
-      tabIndex: 0
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<button type="button" tabindex="0" class="sc-a b"></button>');
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, { type: 'reset' })).html()).toEqual('<button type="reset" tabindex="0" class="sc-a b"></button>');
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, { type: 'reset', tabIndex: '-1' })).html()).toEqual('<button type="reset" tabindex="-1" class="sc-a b"></button>');
-  });
-
-  it('should merge className', function () {
-    var Comp = styled.div.attrs({
-      className: 'meow nya'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div class="sc-a meow nya b"></div>');
-  });
-
-  it('should merge className even if its a function', function () {
-    var Comp = styled.div.attrs({
-      className: function className(props) {
-        return 'meow ' + (props.purr ? 'purr' : 'nya');
-      }
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div class="sc-a meow nya b"></div>');
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, { purr: true })).html()).toEqual('<div class="sc-a meow purr b"></div>');
-  });
-
-  it('should work with data and aria attributes', function () {
-    var Comp = styled.div.attrs({
-      'data-foo': 'bar',
-      'aria-label': 'A simple FooBar'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div data-foo="bar" aria-label="A simple FooBar" class="sc-a b"></div>');
-  });
-
-  it('merge attrs', function () {
-    var Comp = styled.button.attrs({
-      type: 'button',
-      tabIndex: 0
-    }).attrs({
-      type: 'submit'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<button type="submit" tabindex="0" class="sc-a b"></button>');
-  });
-
-  it('merge attrs when inheriting SC', function () {
-    var Parent = styled.button.attrs({
-      type: 'button',
-      tabIndex: 0
-    })(_templateObject);
-    var Child = Parent.extend.attrs({
-      type: 'submit'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Child, null)).html()).toEqual('<button type="submit" tabindex="0" class="sc-b c"></button>');
-  });
-
-  it('pass attrs to style block', function () {
-    /* Would be a React Router Link in IRL */
-    var Comp = styled.a.attrs({
-      href: '#',
-      activeClassName: '--is-active'
-    })(_templateObject2, function (props) {
-      return props.activeClassName;
-    });
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<a href="#" class="sc-a b"></a>');
-    (0, _utils.expectCSSMatches)('.sc-a {} .b { color: blue; } .b.--is-active { color: red; }');
-  });
-
-  it('should pass through children as a normal prop', function () {
-    var Comp = styled.div.attrs({
-      children: 'Probably a bad idea'
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div class="sc-a b">Probably a bad idea</div>');
-  });
-
-  it('should pass through complex children as well', function () {
-    var Comp = styled.div.attrs({
-      children: _react2.default.createElement(
-        'span',
-        null,
-        'Probably a bad idea'
-      )
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(Comp, null)).html()).toEqual('<div class="sc-a b"><span>Probably a bad idea</span></div>');
-  });
-
-  it('should override children of course', function () {
-    var Comp = styled.div.attrs({
-      children: _react2.default.createElement(
-        'span',
-        null,
-        'Amazing'
-      )
-    })(_templateObject);
-    expect((0, _enzyme.shallow)(_react2.default.createElement(
-      Comp,
-      null,
-      'Something else'
-    )).html()).toEqual('<div class="sc-a b">Something else</div>');
-  });
-});