Changeset 38035 for trunk/tests/phpunit/tests/adminbar.php

Timestamp:

07/12/2016 11:18:00 AM (10 years ago)

Author:

ocean90

Message:

Toolbar: Allow 0 as a value for the tabindex property of a menu item.

To enhance accessibility for items without a link you can now define tabindex="0", which makes descendant dropdowns accessible.

Props joedolson, afercia, ocean90.
Fixes #32495.

File:

• trunk/tests/phpunit/tests/adminbar.php (modified) (2 diffs)

trunk/tests/phpunit/tests/adminbar.php

@@ -133 +133 @@
                 $this->assertEquals( $profile_url, $node_user_info->href );
                 $this->assertEquals( $profile_url, $node_edit_profile->href );
-
         }
 
@@ -255 +254 @@
         }
 
+        /**
+         * @ticket 32495
+         *
+         * @dataProvider data_admin_bar_nodes_with_tabindex_meta
+         *
+         * @param array  $node_data     The data for a node, passed to `WP_Admin_Bar::add_node()`.
+         * @param string $expected_html The expected HTML when admin menu is rendered.
+         */
+        public function test_admin_bar_with_tabindex_meta( $node_data, $expected_html ) {
+                $admin_bar = new WP_Admin_Bar();
+                $admin_bar->add_node( $node_data );
+                $admin_bar_html = get_echo( array( $admin_bar, 'render' ) );
+                $this->assertContains( $expected_html, $admin_bar_html );
+        }
+
+        /**
+         * Data provider for test_admin_bar_with_tabindex_meta().
+         *
+         * @return array {
+         *     @type array {
+         *         @type array  $node_data     The data for a node, passed to `WP_Admin_Bar::add_node()`.
+         *         @type string $expected_html The expected HTML when admin bar is rendered.
+         *     }
+         * }
+         */
+        public function data_admin_bar_nodes_with_tabindex_meta() {
+                return array(
+                        array(
+                                // No tabindex.
+                                array(
+                                        'id' => 'test-node',
+                                ),
+                                '<div class="ab-item ab-empty-item">',
+                        ),
+                        array(
+                                // Empty string.
+                                array(
+                                        'id' => 'test-node',
+                                        'meta' => array( 'tabindex' => '' ),
+                                ),
+                                '<div class="ab-item ab-empty-item">',
+                        ),
+                        array(
+                                // Integer 1 as string.
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => '1' ),
+                                ),
+                                '<div class="ab-item ab-empty-item" tabindex="1">',
+                        ),
+                        array(
+                                // Integer -1 as string.
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => '-1' ),
+                                ),
+                                '<div class="ab-item ab-empty-item" tabindex="-1">',
+                        ),
+                        array(
+                                // Integer 0 as string.
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => '0' ),
+                                ),
+                                '<div class="ab-item ab-empty-item" tabindex="0">',
+                        ),
+                        array(
+                                // Integer, 0.
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => 0 ),
+                                ),
+                                '<div class="ab-item ab-empty-item" tabindex="0">',
+                        ),
+                        array(
+                                // Integer, 2.
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => 2 ),
+                                ),
+                                '<div class="ab-item ab-empty-item" tabindex="2">',
+                        ),
+                        array(
+                                // Boolean, false
+                                array(
+                                        'id'   => 'test-node',
+                                        'meta' => array( 'tabindex' => false ),
+                                ),
+                                '<div class="ab-item ab-empty-item">',
+                        ),
+                );
+        }
 }