Merge pull request #932 from WordPress/add/test/components/icon-button

Adds basic IconButton component tests.

components/icon-button/test/index.js

@@ -0,0 +1,45 @@
+/**
+ * External dependencies
+ */
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+
+/**
+ * Internal dependencies
+ */
+import IconButton from '../';
+
+describe( 'IconButton', () => {
+	describe( 'basic rendering', () => {
+		it( 'should render an top level element with only a class property', () => {
+			const iconButton = shallow( <IconButton /> );
+			expect( iconButton.hasClass( 'components-icon-button' ) ).to.be.true();
+			expect( iconButton.prop( 'aria-label' ) ).to.be.undefined();
+		} );
+
+		it( 'should render a Dashicon component matching the wordpress icon', () => {
+			const iconButton = shallow( <IconButton icon="wordpress" /> );
+			expect( iconButton.find( 'Dashicon' ).shallow().hasClass( 'dashicons-wordpress' ) ).to.be.true();
+		} );
+
+		it( 'should render child elements when passed as children', () => {
+			const iconButton = shallow( <IconButton children={ <p className="test">Test</p> } /> );
+			expect( iconButton.find( '.test' ).shallow().text() ).to.equal( 'Test' );
+		} );
+
+		it( 'should add an aria-label when the label property is used', () => {
+			const iconButton = shallow( <IconButton label="WordPress" /> );
+			expect( iconButton.prop( 'aria-label' ) ).to.equal( 'WordPress' );
+		} );
+
+		it( 'should add an additional className', () => {
+			const iconButton = shallow( <IconButton className="test" /> );
+			expect( iconButton.hasClass( 'test' ) ).to.be.true();
+		} );
+
+		it( 'should add an additonal prop to the IconButton element', () => {
+			const iconButton = shallow( <IconButton test="test" /> );
+			expect( iconButton.props().test ).to.equal( 'test' );
+		} );
+	} );
+} );