Merge pull request #60 from ckeditor/t/26

Feature: Active heading is marked in the drop-down list. Closes #26.

Author: szymonkups

src/heading.js

@@ -41,14 +41,19 @@ export default class Heading extends Plugin {
 		let defaultOption;
 
 		for ( let option of options ) {
-			// Add the option to the collection.
-			dropdownItems.add( new Model( {
+			const command = editor.commands.get( option.modelElement );
+			const itemModel = new Model( {
 				commandName: option.modelElement,
 				label: option.title,
 				class: option.class
-			} ) );
+			} );
+
+			itemModel.bind( 'isActive' ).to( command, 'value' );
+
+			// Add the option to the collection.
+			dropdownItems.add( itemModel );
 
-			commands.push( editor.commands.get( option.modelElement ) );
+			commands.push( command );
 
 			if ( !defaultOption && option.modelElement == 'paragraph' ) {
 				defaultOption = option;

tests/heading.js

@@ -210,6 +210,19 @@ describe( 'Heading', () => {
 					'ck-heading_heading3'
 				] );
 			} );
+
+			it( 'reflects the #value of the commands', () => {
+				const listView = dropdown.listView;
+
+				editor.commands.get( 'heading2' ).value = true;
+
+				expect( listView.items.map( item => item.isActive ) ).to.deep.equal( [
+					false,
+					false,
+					true,
+					false
+				] );
+			} );
 		} );
 	} );
 } );