Ticket #30737: 30737.12.diff
File 30737.12.diff, 45.0 KB (added by , 10 years ago) |
---|
-
src/wp-admin/customize.php
diff --git src/wp-admin/customize.php src/wp-admin/customize.php index 9be60c7..e3ea406 100644
do_action( 'customize_controls_print_scripts' ); 175 175 <div id="customize-preview" class="wp-full-overlay-main"></div> 176 176 <?php 177 177 178 // Render control templates. 178 // Render Panel, Section, and Control templates. 179 $wp_customize->render_panel_templates(); 180 $wp_customize->render_section_templates(); 179 181 $wp_customize->render_control_templates(); 180 182 181 183 /** … … do_action( 'customize_controls_print_scripts' ); 259 261 260 262 // Prepare Customize Setting objects to pass to JavaScript. 261 263 foreach ( $wp_customize->settings() as $id => $setting ) { 262 $settings['settings'][ $id ] = array( 263 'value' => $setting->js_value(), 264 'transport' => $setting->transport, 265 'dirty' => $setting->dirty, 266 ); 264 if ( $setting->check_capabilities() ) { 265 $settings['settings'][ $id ] = array( 266 'value' => $setting->js_value(), 267 'transport' => $setting->transport, 268 'dirty' => $setting->dirty, 269 ); 270 } 267 271 } 268 272 269 273 // Prepare Customize Control objects to pass to JavaScript. 270 274 foreach ( $wp_customize->controls() as $id => $control ) { 271 $settings['controls'][ $id ] = $control->json(); 275 if ( $control->check_capabilities() ) { 276 $settings['controls'][ $id ] = $control->json(); 277 } 272 278 } 273 279 274 280 // Prepare Customize Section objects to pass to JavaScript. 275 281 foreach ( $wp_customize->sections() as $id => $section ) { 276 $settings['sections'][ $id ] = $section->json(); 282 if ( $section->check_capabilities() ) { 283 $settings['sections'][ $id ] = $section->json(); 284 } 277 285 } 278 286 279 287 // Prepare Customize Panel objects to pass to JavaScript. 280 foreach ( $wp_customize->panels() as $id => $panel ) { 281 $settings['panels'][ $id ] = $panel->json(); 282 foreach ( $panel->sections as $section_id => $section ) { 283 $settings['sections'][ $section_id ] = $section->json(); 288 foreach ( $wp_customize->panels() as $panel_id => $panel ) { 289 if ( $panel->check_capabilities() ) { 290 $settings['panels'][ $panel_id ] = $panel->json(); 291 foreach ( $panel->sections as $section_id => $section ) { 292 if ( $section->check_capabilities() ) { 293 $settings['sections'][ $section_id ] = $section->json(); 294 } 295 } 284 296 } 285 297 } 286 298 -
src/wp-admin/js/customize-controls.js
diff --git src/wp-admin/js/customize-controls.js src/wp-admin/js/customize-controls.js index 7ed3095..2d7f3ba 100644
156 156 Container = api.Class.extend({ 157 157 defaultActiveArguments: { duration: 'fast', completeCallback: $.noop }, 158 158 defaultExpandedArguments: { duration: 'fast', completeCallback: $.noop }, 159 containerType: 'container', 159 160 160 161 /** 161 162 * @since 4.1.0 … … 168 169 container.id = id; 169 170 container.params = {}; 170 171 $.extend( container, options || {} ); 172 container.templateSelector = 'customize-' + container.containerType + '-' + container.params.type; 171 173 container.container = $( container.params.content ); 174 if ( 0 === container.container.length ) { 175 container.container = $( container.getContainer() ); 176 } 172 177 173 178 container.deferred = { 174 179 embedded: new $.Deferred() … … 191 196 container.onChangeExpanded( expanded, args ); 192 197 }); 193 198 194 container.attachEvents(); 199 container.deferred.embedded.done( function () { 200 container.attachEvents(); 201 }); 195 202 196 203 api.utils.bubbleChildValueChanges( container, [ 'priority', 'active' ] ); 197 204 … … 366 373 * Bring the container into view and then expand this and bring it into view 367 374 * @param {Object} [params] 368 375 */ 369 focus: focus 376 focus: focus, 377 378 /** 379 * Return the container html, generated from its JS template, if it exists. 380 * 381 * @since 4.3.0 382 */ 383 getContainer: function () { 384 var template, 385 container = this; 386 387 if ( 0 !== $( '#tmpl-' + container.templateSelector ).length ) { 388 template = wp.template( container.templateSelector ); 389 if ( template && container.container ) { 390 return $.trim( template( container.params ) ); 391 } 392 } 393 394 return '<li></li>'; 395 } 370 396 }); 371 397 372 398 /** … … 376 402 * @augments wp.customize.Class 377 403 */ 378 404 api.Section = Container.extend({ 405 containerType: 'section', 379 406 380 407 /** 381 408 * @since 4.1.0 … … 977 1004 * @augments wp.customize.Class 978 1005 */ 979 1006 api.Panel = Container.extend({ 1007 containerType: 'panel', 1008 980 1009 /** 981 1010 * @since 4.1.0 982 1011 * … … 1003 1032 1004 1033 if ( ! panel.container.parent().is( parentContainer ) ) { 1005 1034 parentContainer.append( panel.container ); 1035 panel.renderContent(); 1006 1036 } 1007 1037 panel.deferred.embedded.resolve(); 1008 1038 }, … … 1045 1075 } 1046 1076 event.preventDefault(); // Keep this AFTER the key filter above 1047 1077 1078 meta = panel.container.find( '.panel-meta' ); 1048 1079 if ( meta.hasClass( 'cannot-expand' ) ) { 1049 1080 return; 1050 1081 } … … 1169 1200 panelTitle.focus(); 1170 1201 container.scrollTop( 0 ); 1171 1202 } 1203 }, 1204 1205 /** 1206 * Render the panel from its JS template, if it exists. 1207 * 1208 * The panel's container must already exist in the DOM. 1209 * 1210 * @since 4.3.0 1211 */ 1212 renderContent: function () { 1213 var template, 1214 panel = this; 1215 1216 // Add the content to the container. 1217 if ( 0 !== $( '#tmpl-' + panel.templateSelector + '-content' ).length ) { 1218 template = wp.template( panel.templateSelector + '-content' ); 1219 if ( template && panel.container ) { 1220 panel.container.find( '.accordion-sub-container' ).html( template( panel.params ) ); 1221 } 1222 } 1172 1223 } 1173 1224 }); 1174 1225 -
src/wp-includes/class-wp-customize-manager.php
diff --git src/wp-includes/class-wp-customize-manager.php src/wp-includes/class-wp-customize-manager.php index 98539b0..47c0407 100644
final class WP_Customize_Manager { 60 60 protected $customized; 61 61 62 62 /** 63 * Controls that may be rendered from JS templates. 63 * Panel types that may be rendered from JS templates. 64 * 65 * @since 4.3.0 66 * @access protected 67 * @var array 68 */ 69 protected $registered_panel_types = array(); 70 71 /** 72 * Section types that may be rendered from JS templates. 73 * 74 * @since 4.3.0 75 * @access protected 76 * @var array 77 */ 78 protected $registered_section_types = array(); 79 80 /** 81 * Control types that may be rendered from JS templates. 64 82 * 65 83 * @since 4.1.0 66 84 * @access protected … … final class WP_Customize_Manager { 612 630 } 613 631 614 632 foreach ( $this->settings as $id => $setting ) { 615 $settings['values'][ $id ] = $setting->js_value(); 633 if ( $setting->check_capabilities() ) { 634 $settings['values'][ $id ] = $setting->js_value(); 635 } 616 636 } 617 foreach ( $this->panels as $id => $panel ) { 618 $settings['activePanels'][ $id ] = $panel->active(); 619 foreach ( $panel->sections as $id => $section ) { 620 $settings['activeSections'][ $id ] = $section->active(); 637 foreach ( $this->panels as $panel_id => $panel ) { 638 if ( $panel->check_capabilities() ) { 639 $settings['activePanels'][ $panel_id ] = $panel->active(); 640 foreach ( $panel->sections as $section_id => $section ) { 641 if ( $section->check_capabilities() ) { 642 $settings['activeSections'][ $section_id ] = $section->active(); 643 } 644 } 621 645 } 622 646 } 623 647 foreach ( $this->sections as $id => $section ) { 624 $settings['activeSections'][ $id ] = $section->active(); 648 if ( $section->check_capabilities() ) { 649 $settings['activeSections'][ $id ] = $section->active(); 650 } 625 651 } 626 652 foreach ( $this->controls as $id => $control ) { 627 $settings['activeControls'][ $id ] = $control->active(); 653 if ( $control->check_capabilities() ) { 654 $settings['activeControls'][ $id ] = $control->active(); 655 } 628 656 } 629 657 630 658 ?> … … final class WP_Customize_Manager { 965 993 } 966 994 967 995 /** 996 * Register a customize panel type. 997 * 998 * Registered types are eligible to be rendered via JS and created dynamically. 999 * 1000 * @since 4.3.0 1001 * @access public 1002 * 1003 * @param string $panel Name of a custom panel which is a subclass of 1004 * {@see WP_Customize_Panel}. 1005 */ 1006 public function register_panel_type( $panel ) { 1007 $this->registered_panel_types[] = $panel; 1008 } 1009 1010 /** 1011 * Render JS templates for all registered panel types. 1012 * 1013 * @since 4.3.0 1014 * @access public 1015 */ 1016 public function render_panel_templates() { 1017 foreach ( $this->registered_panel_types as $panel_type ) { 1018 $panel = new $panel_type( $this, 'temp', array() ); 1019 $panel->print_template(); 1020 } 1021 } 1022 1023 /** 968 1024 * Add a customize section. 969 1025 * 970 1026 * @since 3.4.0 … … final class WP_Customize_Manager { 1006 1062 } 1007 1063 1008 1064 /** 1065 * Register a customize section type. 1066 * 1067 * Registered types are eligible to be rendered via JS and created dynamically. 1068 * 1069 * @since 4.3.0 1070 * @access public 1071 * 1072 * @param string $section Name of a custom section which is a subclass of 1073 * {@see WP_Customize_Section}. 1074 */ 1075 public function register_section_type( $section ) { 1076 $this->registered_section_types[] = $section; 1077 } 1078 1079 /** 1080 * Render JS templates for all registered section types. 1081 * 1082 * @since 4.3.0 1083 * @access public 1084 */ 1085 public function render_section_templates() { 1086 foreach ( $this->registered_section_types as $section_type ) { 1087 $section = new $section_type( $this, 'temp', array() ); 1088 $section->print_template(); 1089 } 1090 } 1091 1092 /** 1009 1093 * Add a customize control. 1010 1094 * 1011 1095 * @since 3.4.0 … … final class WP_Customize_Manager { 1176 1260 */ 1177 1261 public function register_controls() { 1178 1262 1179 /* Control Types (custom control classes) */ 1263 /* Panel, Section, and Control Types */ 1264 $this->register_panel_type( 'WP_Customize_Panel' ); 1265 $this->register_section_type( 'WP_Customize_Section' ); 1266 $this->register_section_type( 'WP_Customize_Sidebar_Section' ); 1180 1267 $this->register_control_type( 'WP_Customize_Color_Control' ); 1181 1268 $this->register_control_type( 'WP_Customize_Media_Control' ); 1182 1269 $this->register_control_type( 'WP_Customize_Upload_Control' ); -
src/wp-includes/class-wp-customize-panel.php
diff --git src/wp-includes/class-wp-customize-panel.php src/wp-includes/class-wp-customize-panel.php index f977f06..14a47b4 100644
class WP_Customize_Panel { 214 214 * @return array The array to be exported to the client as JSON. 215 215 */ 216 216 public function json() { 217 $array = wp_array_slice_assoc( (array) $this, array( ' title', 'description', 'priority', 'type' ) );217 $array = wp_array_slice_assoc( (array) $this, array( 'id', 'title', 'description', 'priority', 'type' ) ); 218 218 $array['content'] = $this->get_content(); 219 219 $array['active'] = $this->active(); 220 220 $array['instanceNumber'] = $this->instance_number; … … class WP_Customize_Panel { 289 289 } 290 290 291 291 /** 292 * Render the panel container, and then its contents. 292 * Render the panel container, and then its contents (via `this->render_content()`) in a subclass. 293 * 294 * Panel containers are now rendered in JS by default, see {@see WP_Customize_Panel::print_template()}. 293 295 * 294 296 * @since 4.0.0 295 297 * @access protected 296 298 */ 297 protected function render() { 298 $classes = 'accordion-section control-section control-panel control-panel-' . $this->type; 299 protected function render() {} 300 301 /** 302 * Render the panel UI in a subclass. 303 * 304 * Panel contents are now rendered in JS by default, see {@see WP_Customize_Panel::print_template()}. 305 * 306 * @since 4.1.0 307 * @access protected 308 */ 309 protected function render_content() {} 310 311 /** 312 * Render the panel's JS templates. 313 * 314 * This function is only run for panel types that have been registered with 315 * {@see WP_Customize_Manager::register_panel_type()}. 316 * 317 * @since 4.3.0 318 */ 319 public function print_template() { 299 320 ?> 300 <li id="accordion-panel-<?php echo esc_attr( $this->id ); ?>" class="<?php echo esc_attr( $classes ); ?>"> 321 <script type="text/html" id="tmpl-customize-panel-<?php echo esc_attr( $this->type ); ?>-content"> 322 <?php $this->content_template(); ?> 323 </script> 324 <script type="text/html" id="tmpl-customize-panel-<?php echo esc_attr( $this->type ); ?>"> 325 <?php $this->render_template(); ?> 326 </script> 327 <?php 328 } 329 330 /** 331 * An Underscore (JS) template for rendering this panel's container. 332 * 333 * Class variables for this panel class are available in the `data` JS object; 334 * export custom variables by overriding {@see WP_Customize_Panel::json()}. 335 * 336 * @see WP_Customize_Panel::print_template() 337 * 338 * @since 4.3.0 339 */ 340 protected function render_template() { 341 ?> 342 <li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}"> 301 343 <h3 class="accordion-section-title" tabindex="0"> 302 <?php echo esc_html( $this->title ); ?>344 {{ data.title }} 303 345 <span class="screen-reader-text"><?php _e( 'Press return or enter to open this panel' ); ?></span> 304 346 </h3> 305 <ul class="accordion-sub-container control-panel-content"> 306 <?php $this->render_content(); ?> 307 </ul> 347 <ul class="accordion-sub-container control-panel-content"></ul> 308 348 </li> 309 349 <?php 310 350 } 311 351 312 352 /** 313 * Render the sections that have been added to the panel.353 * An Underscore (JS) template for this panel's content (but not its container). 314 354 * 315 * @since 4.1.0 316 * @access protected 355 * Class variables for this panel class are available in the `data` JS object; 356 * export custom variables by overriding {@see WP_Customize_Panel::json()}. 357 * 358 * @see WP_Customize_Panel::print_template() 359 * 360 * @since 4.3.0 317 361 */ 318 protected function render_content() {362 protected function content_template() { 319 363 ?> 320 <li class="panel-meta customize-info accordion-section <?php if ( empty( $this->description ) ) { echo ' cannot-expand'; } ?>">364 <li class="panel-meta customize-info accordion-section <# if ( ! data.description ) { #> cannot-expand<# } #>"> 321 365 <button class="customize-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></button> 322 366 <div class="accordion-section-title"> 323 367 <span class="preview-notice"><?php 324 368 /* translators: %s is the site/panel title in the Customizer */ 325 echo sprintf( __( 'You are customizing %s' ), '<strong class="panel-title"> ' . esc_html( $this->title ) . '</strong>' );369 echo sprintf( __( 'You are customizing %s' ), '<strong class="panel-title">{{ data.title }}</strong>' ); 326 370 ?></span> 327 371 <button class="customize-help-toggle dashicons dashicons-editor-help" tabindex="0" aria-expanded="false"><span class="screen-reader-text"><?php _e( 'Help' ); ?></span></button> 328 372 </div> 329 < ?php if ( ! empty( $this->description ) ) : ?>373 <# if ( data.description ) { #> 330 374 <div class="description customize-panel-description"> 331 <?php echo $this->description; ?>375 {{{ data.description }}} 332 376 </div> 333 < ?php endif; ?>377 <# } #> 334 378 </li> 335 379 <?php 336 380 } -
src/wp-includes/class-wp-customize-section.php
diff --git src/wp-includes/class-wp-customize-section.php src/wp-includes/class-wp-customize-section.php index f41767c..a48f0df 100644
class WP_Customize_Section { 223 223 * @return array The array to be exported to the client as JSON. 224 224 */ 225 225 public function json() { 226 $array = wp_array_slice_assoc( (array) $this, array( ' title', 'description', 'priority', 'panel', 'type' ) );226 $array = wp_array_slice_assoc( (array) $this, array( 'id', 'title', 'description', 'priority', 'panel', 'type' ) ); 227 227 $array['content'] = $this->get_content(); 228 228 $array['active'] = $this->active(); 229 229 $array['instanceNumber'] = $this->instance_number; 230 231 if ( $this->panel ) { 232 /* translators: ▸ is the unicode right-pointing triangle, and %s is the section title in the Customizer */ 233 $array['customizeAction'] = sprintf( __( 'Customizing ▸ %s' ), esc_html( $this->manager->get_panel( $this->panel )->title ) ); 234 } else { 235 $array['customizeAction'] = __( 'Customizing' ); 236 } 237 230 238 return $array; 231 239 } 232 240 … … class WP_Customize_Section { 251 259 } 252 260 253 261 /** 254 * Get the section's content templatefor insertion into the Customizer pane.262 * Get the section's content for insertion into the Customizer pane. 255 263 * 256 264 * @since 4.1.0 257 265 * … … class WP_Customize_Section { 297 305 } 298 306 299 307 /** 300 * Render the section, and the controls that have been added to it. 308 * Render the section UI in a subclass. 309 * 310 * Sections are now rendered in JS by default, see {@see WP_Customize_Section::print_template()}. 301 311 * 302 312 * @since 3.4.0 303 313 */ 304 protected function render() { 305 $classes = 'accordion-section control-section control-section-' . $this->type; 314 protected function render() {} 315 316 /** 317 * Render the section's JS template. 318 * 319 * This function is only run for section types that have been registered with 320 * {@see WP_Customize_Manager::register_section_type()}. 321 * 322 * @since 4.3.0 323 */ 324 public function print_template() { 325 ?> 326 <script type="text/html" id="tmpl-customize-section-<?php echo $this->type; ?>"> 327 <?php $this->render_template(); ?> 328 </script> 329 <?php 330 } 331 332 /** 333 * An Underscore (JS) template for rendering this section. 334 * 335 * Class variables for this section class are available in the `data` JS object; 336 * export custom variables by overriding {@see WP_Customize_Section::json()}. 337 * 338 * @see WP_Customize_Section::print_template() 339 * 340 * @since 4.3.0 341 */ 342 protected function render_template() { 306 343 ?> 307 <li id="accordion-section- <?php echo esc_attr( $this->id ); ?>" class="<?php echo esc_attr( $classes ); ?>">344 <li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}"> 308 345 <h3 class="accordion-section-title" tabindex="0"> 309 <?php echo esc_html( $this->title ); ?>346 {{ data.title }} 310 347 <span class="screen-reader-text"><?php _e( 'Press return or enter to open' ); ?></span> 311 348 </h3> 312 349 <ul class="accordion-section-content"> … … class WP_Customize_Section { 316 353 <span class="screen-reader-text"><?php _e( 'Back' ); ?></span> 317 354 </button> 318 355 <h3> 319 <span class="customize-action"><?php 320 if ( $this->panel ) { 321 /* translators: ▸ is the unicode right-pointing triangle, and %s is the section title in the Customizer */ 322 echo sprintf( __( 'Customizing ▸ %s' ), esc_html( $this->manager->get_panel( $this->panel )->title ) ); 323 } else { 324 _e( 'Customizing' ); 325 } 326 ?></span> 327 <?php echo esc_html( $this->title ); ?> 356 <span class="customize-action"> 357 {{{ data.customizeAction }}} 358 </span> 359 {{ data.title }} 328 360 </h3> 329 361 </div> 330 < ?php if ( ! empty( $this->description ) ) : ?>331 <p class="description customize-section-description"> <?php echo $this->description; ?></p>332 < ?php endif; ?>362 <# if ( data.description ) { #> 363 <p class="description customize-section-description">{{{ data.description }}}</p> 364 <# } #> 333 365 </li> 334 366 </ul> 335 367 </li> -
new file tests/phpunit/tests/customize/panel.php
diff --git tests/phpunit/tests/customize/panel.php tests/phpunit/tests/customize/panel.php new file mode 100644 index 0000000..69fcef8
- + 1 <?php 2 3 /** 4 * Tests for the WP_Customize_Panel class. 5 * 6 * @group customize 7 */ 8 class Tests_WP_Customize_Panel extends WP_UnitTestCase { 9 10 /** 11 * @var WP_Customize_Manager 12 */ 13 protected $manager; 14 15 function setUp() { 16 parent::setUp(); 17 require_once( ABSPATH . WPINC . '/class-wp-customize-manager.php' ); 18 $GLOBALS['wp_customize'] = new WP_Customize_Manager(); 19 $this->manager = $GLOBALS['wp_customize']; 20 $this->undefined = new stdClass(); 21 } 22 23 function tearDown() { 24 $this->manager = null; 25 unset( $GLOBALS['wp_customize'] ); 26 parent::tearDown(); 27 } 28 29 /** 30 * @see WP_Customize_Panel::__construct() 31 */ 32 function test_construct_default_args() { 33 $panel = new WP_Customize_Panel( $this->manager, 'foo' ); 34 $this->assertInternalType( 'int', $panel->instance_number ); 35 $this->assertEquals( $this->manager, $panel->manager ); 36 $this->assertEquals( 'foo', $panel->id ); 37 $this->assertEquals( 160, $panel->priority ); 38 $this->assertEquals( 'edit_theme_options', $panel->capability ); 39 $this->assertEquals( '', $panel->theme_supports ); 40 $this->assertEquals( '', $panel->title ); 41 $this->assertEquals( '', $panel->description ); 42 $this->assertEmpty( $panel->sections ); 43 $this->assertEquals( 'default', $panel->type ); 44 $this->assertEquals( array( $panel, 'active_callback' ), $panel->active_callback ); 45 } 46 47 /** 48 * @see WP_Customize_Panel::__construct() 49 */ 50 function test_construct_custom_args() { 51 $args = array( 52 'priority' => 200, 53 'capability' => 'edit_posts', 54 'theme_supports' => 'html5', 55 'title' => 'Hello World', 56 'description' => 'Lorem Ipsum', 57 'type' => 'horizontal', 58 'active_callback' => '__return_true', 59 ); 60 61 $panel = new WP_Customize_Panel( $this->manager, 'foo', $args ); 62 foreach ( $args as $key => $value ) { 63 $this->assertEquals( $value, $panel->$key ); 64 } 65 } 66 67 /** 68 * @see WP_Customize_Panel::__construct() 69 */ 70 function test_construct_custom_type() { 71 $panel = new Custom_Panel_Test( $this->manager, 'foo' ); 72 $this->assertEquals( 'titleless', $panel->type ); 73 } 74 75 /** 76 * @see WP_Customize_Panel::active() 77 * @see WP_Customize_Panel::active_callback() 78 */ 79 function test_active() { 80 $panel = new WP_Customize_Panel( $this->manager, 'foo' ); 81 $this->assertTrue( $panel->active() ); 82 83 $panel = new WP_Customize_Panel( $this->manager, 'foo', array( 84 'active_callback' => '__return_false', 85 ) ); 86 $this->assertFalse( $panel->active() ); 87 add_filter( 'customize_panel_active', array( $this, 'filter_active_test' ), 10, 2 ); 88 $this->assertTrue( $panel->active() ); 89 } 90 91 /** 92 * @param bool $active 93 * @param WP_Customize_Panel $panel 94 * @return bool 95 */ 96 function filter_active_test( $active, $panel ) { 97 $this->assertFalse( $active ); 98 $this->assertInstanceOf( 'WP_Customize_Panel', $panel ); 99 $active = true; 100 return $active; 101 } 102 103 /** 104 * @see WP_Customize_Panel::json() 105 */ 106 function test_json() { 107 $args = array( 108 'priority' => 200, 109 'capability' => 'edit_posts', 110 'theme_supports' => 'html5', 111 'title' => 'Hello World', 112 'description' => 'Lorem Ipsum', 113 'type' => 'horizontal', 114 'active_callback' => '__return_true', 115 ); 116 $panel = new WP_Customize_Panel( $this->manager, 'foo', $args ); 117 $data = $panel->json(); 118 $this->assertEquals( 'foo', $data['id'] ); 119 foreach ( array( 'title', 'description', 'priority', 'type' ) as $key ) { 120 $this->assertEquals( $args[ $key ], $data[ $key ] ); 121 } 122 $this->assertEmpty( $data['content'] ); 123 $this->assertTrue( $data['active'] ); 124 $this->assertInternalType( 'int', $data['instanceNumber'] ); 125 } 126 127 /** 128 * @see WP_Customize_Panel::check_capabilities() 129 */ 130 function test_check_capabilities() { 131 $user_id = $this->factory->user->create( array( 'role' => 'administrator' ) ); 132 wp_set_current_user( $user_id ); 133 134 $panel = new WP_Customize_Panel( $this->manager, 'foo' ); 135 $this->assertTrue( $panel->check_capabilities() ); 136 $old_cap = $panel->capability; 137 $panel->capability = 'do_not_allow'; 138 $this->assertFalse( $panel->check_capabilities() ); 139 $panel->capability = $old_cap; 140 $this->assertTrue( $panel->check_capabilities() ); 141 $panel->theme_supports = 'impossible_feature'; 142 $this->assertFalse( $panel->check_capabilities() ); 143 } 144 145 /** 146 * @see WP_Customize_Panel::get_content() 147 */ 148 function test_get_content() { 149 $panel = new WP_Customize_Panel( $this->manager, 'foo' ); 150 $this->assertEmpty( $panel->get_content() ); 151 } 152 153 /** 154 * @see WP_Customize_Panel::maybe_render() 155 */ 156 function test_maybe_render() { 157 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 158 $panel = new WP_Customize_Panel( $this->manager, 'bar' ); 159 $customize_render_panel_count = did_action( 'customize_render_panel' ); 160 add_action( 'customize_render_panel', array( $this, 'action_customize_render_panel_test' ) ); 161 ob_start(); 162 $panel->maybe_render(); 163 $content = ob_get_clean(); 164 $this->assertTrue( $panel->check_capabilities() ); 165 $this->assertEmpty( $content ); 166 $this->assertEquals( $customize_render_panel_count + 1, did_action( 'customize_render_panel' ), 'Unexpected did_action count for customize_render_panel' ); 167 $this->assertEquals( 1, did_action( "customize_render_panel_{$panel->id}" ), "Unexpected did_action count for customize_render_panel_{$panel->id}" ); 168 } 169 170 /** 171 * @see WP_Customize_Panel::maybe_render() 172 * @param WP_Customize_Panel $panel 173 */ 174 function action_customize_render_panel_test( $panel ) { 175 $this->assertInstanceOf( 'WP_Customize_Panel', $panel ); 176 } 177 178 /** 179 * @see WP_Customize_Panel::print_template() 180 */ 181 function test_print_templates_standard() { 182 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 183 184 $panel = new WP_Customize_Panel( $this->manager, 'baz' ); 185 ob_start(); 186 $panel->print_template(); 187 $content = ob_get_clean(); 188 $this->assertContains( '<script type="text/html" id="tmpl-customize-panel-default-content">', $content ); 189 $this->assertContains( 'accordion-section-title', $content ); 190 $this->assertContains( 'control-panel-content', $content ); 191 $this->assertContains( '<script type="text/html" id="tmpl-customize-panel-default">', $content ); 192 $this->assertContains( 'accordion-section-content', $content ); 193 $this->assertContains( 'preview-notice', $content ); 194 } 195 196 /** 197 * @see WP_Customize_Panel::print_template() 198 */ 199 function test_print_templates_custom() { 200 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 201 202 $panel = new Custom_Panel_Test( $this->manager, 'baz' ); 203 ob_start(); 204 $panel->print_template(); 205 $content = ob_get_clean(); 206 $this->assertContains( '<script type="text/html" id="tmpl-customize-panel-titleless-content">', $content ); 207 $this->assertNotContains( 'accordion-section-title', $content ); 208 209 $this->assertContains( '<script type="text/html" id="tmpl-customize-panel-titleless">', $content ); 210 $this->assertNotContains( 'preview-notice', $content ); 211 } 212 } 213 214 require_once ABSPATH . WPINC . '/class-wp-customize-panel.php'; 215 class Custom_Panel_Test extends WP_Customize_Panel { 216 public $type = 'titleless'; 217 218 protected function render_template() { 219 ?> 220 <li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}"> 221 <ul class="accordion-sub-container control-panel-content"></ul> 222 </li> 223 <?php 224 } 225 226 protected function content_template() { 227 ?> 228 <li class="panel-meta accordion-section control-section<# if ( ! data.description ) { #> cannot-expand<# } #>"> 229 <# if ( data.description ) { #> 230 <div class="accordion-section-content description"> 231 {{{ data.description }}} 232 </div> 233 <# } #> 234 </li> 235 <?php 236 } 237 238 } -
new file tests/phpunit/tests/customize/section.php
diff --git tests/phpunit/tests/customize/section.php tests/phpunit/tests/customize/section.php new file mode 100644 index 0000000..bf5a33f
- + 1 <?php 2 3 /** 4 * Tests for the WP_Customize_Section class. 5 * 6 * @group customize 7 */ 8 class Tests_WP_Customize_Section extends WP_UnitTestCase { 9 10 /** 11 * @var WP_Customize_Manager 12 */ 13 protected $manager; 14 15 function setUp() { 16 parent::setUp(); 17 require_once( ABSPATH . WPINC . '/class-wp-customize-manager.php' ); 18 $GLOBALS['wp_customize'] = new WP_Customize_Manager(); 19 $this->manager = $GLOBALS['wp_customize']; 20 $this->undefined = new stdClass(); 21 } 22 23 function tearDown() { 24 $this->manager = null; 25 unset( $GLOBALS['wp_customize'] ); 26 parent::tearDown(); 27 } 28 29 /** 30 * @see WP_Customize_Section::__construct() 31 */ 32 function test_construct_default_args() { 33 $section = new WP_Customize_Section( $this->manager, 'foo' ); 34 $this->assertInternalType( 'int', $section->instance_number ); 35 $this->assertEquals( $this->manager, $section->manager ); 36 $this->assertEquals( 'foo', $section->id ); 37 $this->assertEquals( 160, $section->priority ); 38 $this->assertEquals( 'edit_theme_options', $section->capability ); 39 $this->assertEquals( '', $section->theme_supports ); 40 $this->assertEquals( '', $section->title ); 41 $this->assertEquals( '', $section->description ); 42 $this->assertEmpty( $section->panel ); 43 $this->assertEquals( 'default', $section->type ); 44 $this->assertEquals( array( $section, 'active_callback' ), $section->active_callback ); 45 } 46 47 /** 48 * @see WP_Customize_Section::__construct() 49 */ 50 function test_construct_custom_args() { 51 $args = array( 52 'priority' => 200, 53 'capability' => 'edit_posts', 54 'theme_supports' => 'html5', 55 'title' => 'Hello World', 56 'description' => 'Lorem Ipsum', 57 'type' => 'horizontal', 58 'active_callback' => '__return_true', 59 'panel' => 'bar', 60 ); 61 62 $this->manager->add_panel( 'bar' ); 63 64 $section = new WP_Customize_Section( $this->manager, 'foo', $args ); 65 foreach ( $args as $key => $value ) { 66 $this->assertEquals( $value, $section->$key ); 67 } 68 } 69 70 /** 71 * @see WP_Customize_Section::__construct() 72 */ 73 function test_construct_custom_type() { 74 $section = new Custom_Section_Test( $this->manager, 'foo' ); 75 $this->assertEquals( 'titleless', $section->type ); 76 } 77 78 /** 79 * @see WP_Customize_Section::active() 80 * @see WP_Customize_Section::active_callback() 81 */ 82 function test_active() { 83 $section = new WP_Customize_Section( $this->manager, 'foo' ); 84 $this->assertTrue( $section->active() ); 85 86 $section = new WP_Customize_Section( $this->manager, 'foo', array( 87 'active_callback' => '__return_false', 88 ) ); 89 $this->assertFalse( $section->active() ); 90 add_filter( 'customize_section_active', array( $this, 'filter_active_test' ), 10, 2 ); 91 $this->assertTrue( $section->active() ); 92 } 93 94 /** 95 * @param bool $active 96 * @param WP_Customize_Section $section 97 * @return bool 98 */ 99 function filter_active_test( $active, $section ) { 100 $this->assertFalse( $active ); 101 $this->assertInstanceOf( 'WP_Customize_Section', $section ); 102 $active = true; 103 return $active; 104 } 105 106 /** 107 * @see WP_Customize_Section::json() 108 */ 109 function test_json() { 110 $args = array( 111 'priority' => 200, 112 'capability' => 'edit_posts', 113 'theme_supports' => 'html5', 114 'title' => 'Hello World', 115 'description' => 'Lorem Ipsum', 116 'type' => 'horizontal', 117 'panel' => 'bar', 118 'active_callback' => '__return_true', 119 ); 120 $section = new WP_Customize_Section( $this->manager, 'foo', $args ); 121 $data = $section->json(); 122 $this->assertEquals( 'foo', $data['id'] ); 123 foreach ( array( 'title', 'description', 'priority', 'panel', 'type' ) as $key ) { 124 $this->assertEquals( $args[ $key ], $data[ $key ] ); 125 } 126 $this->assertEmpty( $data['content'] ); 127 $this->assertTrue( $data['active'] ); 128 $this->assertInternalType( 'int', $data['instanceNumber'] ); 129 } 130 131 /** 132 * @see WP_Customize_Section::check_capabilities() 133 */ 134 function test_check_capabilities() { 135 $user_id = $this->factory->user->create( array( 'role' => 'administrator' ) ); 136 wp_set_current_user( $user_id ); 137 138 $section = new WP_Customize_Section( $this->manager, 'foo' ); 139 $this->assertTrue( $section->check_capabilities() ); 140 $old_cap = $section->capability; 141 $section->capability = 'do_not_allow'; 142 $this->assertFalse( $section->check_capabilities() ); 143 $section->capability = $old_cap; 144 $this->assertTrue( $section->check_capabilities() ); 145 $section->theme_supports = 'impossible_feature'; 146 $this->assertFalse( $section->check_capabilities() ); 147 } 148 149 /** 150 * @see WP_Customize_Section::get_content() 151 */ 152 function test_get_content() { 153 $section = new WP_Customize_Section( $this->manager, 'foo' ); 154 $this->assertEmpty( $section->get_content() ); 155 } 156 157 /** 158 * @see WP_Customize_Section::maybe_render() 159 */ 160 function test_maybe_render() { 161 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 162 $section = new WP_Customize_Section( $this->manager, 'bar' ); 163 $customize_render_section_count = did_action( 'customize_render_section' ); 164 add_action( 'customize_render_section', array( $this, 'action_customize_render_section_test' ) ); 165 ob_start(); 166 $section->maybe_render(); 167 $content = ob_get_clean(); 168 $this->assertTrue( $section->check_capabilities() ); 169 $this->assertEmpty( $content ); 170 $this->assertEquals( $customize_render_section_count + 1, did_action( 'customize_render_section' ), 'Unexpected did_action count for customize_render_section' ); 171 $this->assertEquals( 1, did_action( "customize_render_section_{$section->id}" ), "Unexpected did_action count for customize_render_section_{$section->id}" ); 172 } 173 174 /** 175 * @see WP_Customize_Section::maybe_render() 176 * @param WP_Customize_Section $section 177 */ 178 function action_customize_render_section_test( $section ) { 179 $this->assertInstanceOf( 'WP_Customize_Section', $section ); 180 } 181 182 /** 183 * @see WP_Customize_Section::print_template() 184 */ 185 function test_print_templates_standard() { 186 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 187 188 $section = new WP_Customize_Section( $this->manager, 'baz' ); 189 ob_start(); 190 $section->print_template(); 191 $content = ob_get_clean(); 192 $this->assertContains( '<script type="text/html" id="tmpl-customize-section-default">', $content ); 193 $this->assertContains( 'accordion-section-title', $content ); 194 $this->assertContains( 'accordion-section-content', $content ); 195 } 196 197 /** 198 * @see WP_Customize_Section::print_template() 199 */ 200 function test_print_templates_custom() { 201 wp_set_current_user( $this->factory->user->create( array( 'role' => 'administrator' ) ) ); 202 203 $section = new Custom_Section_Test( $this->manager, 'baz' ); 204 ob_start(); 205 $section->print_template(); 206 $content = ob_get_clean(); 207 $this->assertContains( '<script type="text/html" id="tmpl-customize-section-titleless">', $content ); 208 $this->assertNotContains( 'accordion-section-title', $content ); 209 $this->assertContains( 'accordion-section-content', $content ); 210 } 211 } 212 213 require_once ABSPATH . WPINC . '/class-wp-customize-section.php'; 214 class Custom_Section_Test extends WP_Customize_Section { 215 public $type = 'titleless'; 216 217 protected function render_template() { 218 ?> 219 <li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}"> 220 <ul class="accordion-section-content"> 221 <# if ( data.description ) { #> 222 <li class="customize-section-description-container"> 223 <p class="description customize-section-description">{{{ data.description }}}</p> 224 </li> 225 <# } #> 226 </ul> 227 </li> 228 <?php 229 } 230 231 } -
tests/qunit/fixtures/customize-settings.js
diff --git tests/qunit/fixtures/customize-settings.js tests/qunit/fixtures/customize-settings.js index 993f767..6feef67 100644
window._wpCustomizeSettings = { 39 39 'description': 'Lorem ipsum', 40 40 'instanceNumber': 1, 41 41 'priority': 110, 42 'title': ' Lorem Ipsum',42 'title': 'Fixture panel with content', 43 43 'type': 'default' 44 }, 45 'fixture-panel-default-templated': { 46 'active': true, 47 'description': 'Lorem ipsum', 48 'instanceNumber': 2, 49 'priority': 110, 50 'title': 'Fixture default panel using template', 51 'type': 'default' 52 }, 53 'fixture-panel-titleless-templated': { 54 'active': true, 55 'description': 'Lorem ipsum', 56 'instanceNumber': 3, 57 'priority': 110, 58 'title': 'Fixture titleless panel using template', 59 'type': 'titleless' 44 60 } 45 61 }, 46 62 'sections': { … … window._wpCustomizeSettings = { 53 69 'priority': 20, 54 70 'title': 'Fixture Section', 55 71 'type': 'default' 72 }, 73 'fixture-section-default-templated': { 74 'active': true, 75 'description': '', 76 'instanceNumber': 3, 77 'panel': 'fixture-panel', 78 'priority': 20, 79 'title': 'Fixture default section using template', 80 'type': 'default' 81 }, 82 'fixture-section-titleless-templated': { 83 'active': true, 84 'description': '', 85 'instanceNumber': 4, 86 'panel': 'fixture-panel', 87 'priority': 20, 88 'title': 'Fixture titleless section using template', 89 'type': 'titleless' 56 90 } 57 91 }, 58 92 'settings': { -
tests/qunit/index.html
diff --git tests/qunit/index.html tests/qunit/index.html index 55b95fe..2adf20b 100644
9 9 <script src="../../src/wp-includes/js/underscore.min.js"></script> 10 10 <script src="../../src/wp-includes/js/backbone.min.js"></script> 11 11 <script src="../../src/wp-includes/js/zxcvbn.min.js"></script> 12 <script src="../../src/wp-includes/js/wp-util.js"></script> 12 13 13 14 <!-- QUnit --> 14 15 <link rel="stylesheet" href="vendor/qunit.css" type="text/css" media="screen" /> … … 39 40 <script src="wp-includes/js/shortcode.js"></script> 40 41 <script src="wp-admin/js/customize-controls.js"></script> 41 42 <script src="wp-admin/js/customize-controls-utils.js"></script> 43 44 <!-- Customizer templates for sections --> 45 <script type="text/html" id="tmpl-customize-section-default"> 46 <li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}"> 47 <h3 class="accordion-section-title" tabindex="0"> 48 {{ data.title }} 49 <span class="screen-reader-text">Press return or enter to expand</span> 50 </h3> 51 <ul class="accordion-section-content"> 52 <# if ( data.description ) { #> 53 <li class="customize-section-description-container"> 54 <p class="description customize-section-description">{{{ data.description }}}</p> 55 </li> 56 <# } #> 57 </ul> 58 </li> 59 </script> 60 <script type="text/html" id="tmpl-customize-section-titleless"> 61 <li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}"> 62 <!-- Notice the lack of an h3 with title displayed inside. --> 63 <ul class="accordion-section-content"> 64 <# if ( data.description ) { #> 65 <li class="customize-section-description-container"> 66 <p class="description customize-section-description">{{{ data.description }}}</p> 67 </li> 68 <# } #> 69 </ul> 70 </li> 71 </script> 72 73 <!-- Customizer templates for panels --> 74 <script type="text/html" id="tmpl-customize-panel-default"> 75 <li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}"> 76 <h3 class="accordion-section-title" tabindex="0"> 77 {{ data.title }} 78 <span class="screen-reader-text">Press return or enter to open this panel</span> 79 </h3> 80 <ul class="accordion-sub-container control-panel-content"></ul> 81 </li> 82 </script> 83 <script type="text/html" id="tmpl-customize-panel-default-content"> 84 <li class="panel-meta accordion-section control-section<# if ( ! data.description ) { #> cannot-expand<# } #>"> 85 <div class="accordion-section-title" tabindex="0"> 86 <span class="preview-notice">You are customizing <strong class="panel-title">{{ data.title }}</strong></span> 87 </div> 88 <# if ( data.description ) { #> 89 <div class="accordion-section-content description"> 90 {{{ data.description }}} 91 </div> 92 <# } #> 93 </li> 94 </script> 95 <script type="text/html" id="tmpl-customize-panel-titleless"> 96 <li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}"> 97 <!-- Notice the lack of an h3 with title displayed inside. --> 98 <ul class="accordion-sub-container control-panel-content"></ul> 99 </li> 100 </script> 101 <script type="text/html" id="tmpl-customize-panel-titleless-content"> 102 <li class="panel-meta accordion-section control-section<# if ( ! data.description ) { #> cannot-expand<# } #>"> 103 <!-- Notice lack of title containing preview notice --> 104 <# if ( data.description ) { #> 105 <div class="accordion-section-content description"> 106 {{{ data.description }}} 107 </div> 108 <# } #> 109 </li> 110 </script> 42 111 </body> 43 112 </html> -
tests/qunit/wp-admin/js/customize-controls.js
diff --git tests/qunit/wp-admin/js/customize-controls.js tests/qunit/wp-admin/js/customize-controls.js index cb8767f..9ab7ce1 100644
jQuery( window ).load( function (){ 95 95 equal( control.section(), 'fixture-section' ); 96 96 } ); 97 97 98 // Begin sections. 98 99 module( 'Customizer Section in Fixture' ); 99 100 test( 'Fixture section exists', function () { 100 101 ok( wp.customize.section.has( 'fixture-section' ) ); 101 102 } ); 102 103 test( 'Fixture section has control among controls()', function () { 103 104 var section = wp.customize.section( 'fixture-section' ); 104 equal( section.controls().length, 1 ); 105 equal( section.controls()[0].id, 'fixture-control' ); 105 ok( -1 !== _.pluck( section.controls(), 'id' ).indexOf( 'fixture-control' ) ); 106 106 } ); 107 test( 'Fixture section has control among controls()', function () {107 test( 'Fixture section has has expected panel', function () { 108 108 var section = wp.customize.section( 'fixture-section' ); 109 109 equal( section.panel(), 'fixture-panel' ); 110 110 } ); 111 111 112 module( 'Customizer Default Section with Template in Fixture' ); 113 test( 'Fixture section exists', function () { 114 ok( wp.customize.section.has( 'fixture-section-default-templated' ) ); 115 } ); 116 test( 'Fixture section has expected content', function () { 117 var id = 'fixture-section-default-templated', section; 118 section = wp.customize.section( id ); 119 ok( ! section.params.content ); 120 ok( !! section.container ); 121 ok( section.container.is( '.control-section.control-section-default' ) ); 122 ok( 1 === section.container.find( '> .accordion-section-title' ).length ); 123 ok( 1 === section.container.find( '> .accordion-section-content' ).length ); 124 } ); 125 126 module( 'Customizer Custom Type (titleless) Section with Template in Fixture' ); 127 test( 'Fixture section exists', function () { 128 ok( wp.customize.section.has( 'fixture-section-titleless-templated' ) ); 129 } ); 130 test( 'Fixture section has expected content', function () { 131 var id = 'fixture-section-titleless-templated', section; 132 section = wp.customize.section( id ); 133 ok( ! section.params.content ); 134 ok( !! section.container ); 135 ok( section.container.is( '.control-section.control-section-titleless' ) ); 136 ok( 0 === section.container.find( '> .accordion-section-title' ).length ); 137 ok( 1 === section.container.find( '> .accordion-section-content' ).length ); 138 } ); 139 140 // Begin panels. 112 141 module( 'Customizer Panel in Fixture' ); 113 142 test( 'Fixture panel exists', function () { 114 143 ok( wp.customize.panel.has( 'fixture-panel' ) ); 115 144 } ); 116 test( 'Fixture section has control among controls()', function () { 145 test( 'Fixture panel has content', function () { 146 var panel = wp.customize.panel( 'fixture-panel' ); 147 ok( !! panel.params.content ); 148 ok( !! panel.container ); 149 } ); 150 test( 'Fixture panel has section among its sections()', function () { 117 151 var panel = wp.customize.panel( 'fixture-panel' ); 118 equal( panel.sections().length, 1 ); 119 equal( panel.sections()[0].id, 'fixture-section' ); 152 ok( -1 !== _.pluck( panel.sections(), 'id' ).indexOf( 'fixture-section' ) ); 120 153 } ); 121 154 test( 'Panel is not expanded by default', function () { 122 155 var panel = wp.customize.panel( 'fixture-panel' ); … … jQuery( window ).load( function (){ 138 171 ok( panel.expanded() ); 139 172 } ); 140 173 174 module( 'Customizer Default Panel with Template in Fixture' ); 175 test( 'Fixture section exists', function () { 176 ok( wp.customize.panel.has( 'fixture-panel-default-templated' ) ); 177 } ); 178 test( 'Fixture panel has expected content', function () { 179 var id = 'fixture-panel-default-templated', panel; 180 panel = wp.customize.panel( id ); 181 ok( ! panel.params.content ); 182 ok( !! panel.container ); 183 ok( panel.container.is( '.control-panel.control-panel-default' ) ); 184 ok( 1 === panel.container.find( '> .accordion-section-title' ).length ); 185 ok( 1 === panel.container.find( '> .control-panel-content' ).length ); 186 } ); 187 188 module( 'Customizer Custom Type Panel (titleless) with Template in Fixture' ); 189 test( 'Fixture panel exists', function () { 190 ok( wp.customize.panel.has( 'fixture-panel-titleless-templated' ) ); 191 } ); 192 test( 'Fixture panel has expected content', function () { 193 var id = 'fixture-panel-titleless-templated', panel; 194 panel = wp.customize.panel( id ); 195 ok( ! panel.params.content ); 196 ok( !! panel.container ); 197 ok( panel.container.is( '.control-panel.control-panel-titleless' ) ); 198 ok( 0 === panel.container.find( '> .accordion-section-title' ).length ); 199 ok( 1 === panel.container.find( '> .control-panel-content' ).length ); 200 } ); 201 141 202 142 203 module( 'Dynamically-created Customizer Setting Model' ); 143 204 settingId = 'new_blogname'; … … jQuery( window ).load( function (){ 163 224 sectionContent = '<li id="accordion-section-mock_title_tagline" class="control-section accordion-section"></li>'; 164 225 sectionData = { 165 226 content: sectionContent, 166 active: true 227 active: true, 228 type: 'default' 167 229 }; 168 230 169 231 mockSection = new wp.customize.Section( sectionId, { params: sectionData } ); … … jQuery( window ).load( function (){ 277 339 content: panelContent, 278 340 title: panelTitle, 279 341 description: panelDescription, 280 active: true // @todo This should default to true 342 active: true, // @todo This should default to true 343 type: 'default' 281 344 }; 282 345 283 346 mockPanel = new wp.customize.Panel( panelId, { params: panelData } );