<!--
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>Demo Selection</td>
        <td>Move between demos with 'tab' and 'shift-tab', and left and right arrows. Type 'space' to activate a demo.
            <img src="./resource/dms.png">
        </td>
        </td>
    </tr>
    <tr>
        <td style="Width:100%;" colspan="3"><b>Expected Result</b></td>
    </tr>
    <tr>
        <td style="Width:100%;" colspan="3">
            Verify that there is visible focus as you tab (or arrow) between demo icons. Typing 'space' should change
            the selected demo.
        </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>