From c56aa87dd4798c95362fb74541a6e1f402c4b9ed Mon Sep 17 00:00:00 2001
From: BE-Webdesign <cromleyedwin89@gmail.com>
Date: Thu, 1 Jun 2017 12:00:28 -0400
Subject: [PATCH] Add revisions.

Adding revisions to the tests.  Cleaning up Enzyme API usage, and
breaking larger tests into more test cases.  Spelling corrections added.
---
 components/button/test/index.js      |  4 ++--
 components/form-toggle/test/index.js | 14 ++++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/button/test/index.js b/components/button/test/index.js
index 7240ce30da05d9..25f287a11c80b3 100644
--- a/components/button/test/index.js
+++ b/components/button/test/index.js
@@ -61,9 +61,9 @@ describe( 'Button', () => {
 		} );
 
 		it( 'should render and additional WordPress prop of value awesome', () => {
-			const button = <Button WordPress="awesome" />;
+			const button = shallow( <Button WordPress="awesome" /> );
 
-			expect( button.props.WordPress ).to.equal( 'awesome' );
+			expect( button.prop( 'WordPress' ) ).to.equal( 'awesome' );
 		} );
 	} );
 
diff --git a/components/form-toggle/test/index.js b/components/form-toggle/test/index.js
index 742c7e5062cfa9..72a8d15d3d0fbb 100644
--- a/components/form-toggle/test/index.js
+++ b/components/form-toggle/test/index.js
@@ -29,7 +29,7 @@ describe( 'FormToggle', () => {
 			expect( formToggle.find( '.components-form-toggle__hint' ).text() ).to.equal( 'On' );
 		} );
 
-		it( 'shouuld render with an additional className', () => {
+		it( 'should render with an additional className', () => {
 			const formToggle = shallow( <FormToggle className="testing" /> );
 			expect( formToggle.hasClass( 'testing' ) ).to.be.true();
 		} );
@@ -39,14 +39,16 @@ describe( 'FormToggle', () => {
 			expect( formToggle.find( '.components-form-toggle__input' ).prop( 'id' ) ).to.equal( 'test' );
 		} );
 
-		it( 'should render a checkbox with a noop on change and if an onChange function is provided override the noop', () => {
-			let formToggle = shallow( <FormToggle /> );
-			let checkBox = formToggle.prop( 'children' ).find( child => 'input' === child.type && 'checkbox' === child.props.type );
+		it( 'should render a checkbox with a noop onChange', () => {
+			const formToggle = shallow( <FormToggle /> );
+			const checkBox = formToggle.prop( 'children' ).find( child => 'input' === child.type && 'checkbox' === child.props.type );
 			expect( checkBox.props.onChange ).to.equal( noop );
+		} );
 
+		it( 'should render a checkbox with a user-provided onChange', () => {
 			const testFunction = ( event ) => event;
-			formToggle = shallow( <FormToggle onChange={ testFunction } /> );
-			checkBox = formToggle.prop( 'children' ).find( child => 'input' === child.type && 'checkbox' === child.props.type );
+			const formToggle = shallow( <FormToggle onChange={ testFunction } /> );
+			const checkBox = formToggle.prop( 'children' ).find( child => 'input' === child.type && 'checkbox' === child.props.type );
 			expect( checkBox.props.onChange ).to.equal( testFunction );
 		} );