var Component = require('../vertical-bar');
var TestFunctions = require('./__test-functions__');
var BarActiveStyle = require('../../mixins/bar-active-style');
var GetActiveClassName = require('../../mixins/get-active-class-name');
var GetHeight = require('../../mixins/get-height');
var GetWidth = require('../../mixins/get-width');
var SetStateFromProps = require('../../mixins/set-state-from-props');

describe('VerticalBar', () => {
  TestFunctions.isOfExpectedType(Component, 'rect', 'vertical-bar');

  TestFunctions.hasExpectedMixins(Component, [
    BarActiveStyle,
    GetActiveClassName,
    GetHeight,
    GetWidth,
    SetStateFromProps
  ]);

  TestFunctions.hasExpectedDefaultProps(Component, {
    active: false,
    className: '',
    height: 0,
    style: {},
    width: 0,
    x: 0,
    y: 0
  });

  TestFunctions.hasExpectedInitialState(Component, {
    activeClassName: '',
    fill: '',
    fillActive: '',
    height: 0,
    style: null,
    width: 0
  });

  TestFunctions.hasExpectedPropsOnDOMNode(Component, {
    className: 'foo'
  });

  TestFunctions.hasExpectedDerivedPropsOnDOMNode(Component, {
    height: 100,
    width: 100
  }, {
    height: 100,
    width: 100
  });

  TestFunctions.hasExpectedSubNode(Component, 'rect');
});

@@ -898,18 +898,20 @@
   fill: 
-''
+null
 ,%0A    fi
@@ -920,18 +920,20 @@
 Active: 
-''
+null
 ,%0A    he

fix vertical bar test