<!-- Copyright (c) 2022, Oracle and/or its affiliates. All rights reserved. DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER. This code is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License version 2 only, as published by the Free Software Foundation. This code is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License version 2 for more details (a copy is included in the LICENSE file that accompanied this code). You should have received a copy of the GNU General Public License version 2 along with this work; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA. Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA or visit www.oracle.com if you need additional information or have any questions. --> <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table> <tr> <th style="background-color:rgb(204,255,255); font-weight:bold; width:5%;">S.No</th> <th style="background-color:rgb(204,255,255); font-weight:bold; width:25%;">Test</th> <th style="background-color:rgb(204,255,255); font-weight:bold; width:75%;">Scenario</th> </tr> <tr> <td>1</td> <td>Button Demo</td> <td> <ol> <li> Tab until the Button Demo icon <img src="./resource/rbtn.png"> has focus. Press 'space' to choose.<br> <li> Tab until the "Button Demo" tab has focus. Press 'space'. Press 'tab'.<br> <li> Use the arrow keys to navigate between "Buttons", "Radio Buttons", and "Check Boxes".<br> <li> Tab to enter the demo pane. Tab & Shift-Tab to move between each button.<br> <li> Press 'space' to trigger (i.e. "press") a button.<br> <li> Repeat steps 1 through 5 for the <b>Radio Button</b> & <b>Check Boxes</b> tabs.<br> </ol> </td> </td> </tr> <tr> <td style="Width:100%;" colspan="3"><b>Expected Result</b></td> </tr> <tr> <td style="Width:100%;" colspan="3"> <ol> <li>Verify that as you navigate, the focus is shown, e.g.</li> <img src="./resource/btn.png"> <li>As you press 'space' to trigger each button, verify that you see each button visually depress. e.g.: </li> <img src="./resource/dep.png"> </ol> </td> </tr> <tr> <td style="Width:100%;" colspan="3"><b>Note: actual component appearence may vary depending on look and feel.</b></td> </tr> </table> </body> </html>