Html Selenium IDE不标识javascript选项卡菜单或子菜单

我正在录制一个脚本，在录制的过程中，我有一个选项卡，在鼠标移到菜单列表上后，它会从菜单列表中下拉出来。如果我需要在鼠标移到选项卡的主菜单上之后单击子菜单，那么IDE不会记录这个过程，我如何识别该选项卡。我尝试了单击、单击和等待、鼠标下降、鼠标下降、选择等，但都不起作用

如果我检查主菜单名为Demo的选项卡，并且Test1、Test2、Test3是它上面的子菜单，那么它看起来像-

<li ng-class="{'active': selectedTab =='demo'}" class="has-sub">
    <span class="submenu-button"></span>
    <a href="javascript:;"><i class="fa fa-check" aria-hidden="true"></i>Demo</a>
    <ul>
       <li><a href="./#/demo/channelRight">Test1</a></li>
       <li><a href="./#/demo/supplierRight">Test2</a></li>
       <li><a href="./#/demo/noAdProgrammes">Test3</a></li>
       <li><a href="./#/demo/manageTrigger">Test4</a></li>
    </ul>
</li>