Click on a component inside Frame

    <li id="folder_13354" class="active ui-droppable">
        <div class="edit-folder-icon" style="display: none;"></div>
        **<a class="wb_folder" href="#">Demo</a>**
        <input class="editFolder_input" type="text" onfocus="this.value = this.value;">
            <div class="editFolder_edit editFolder_option" title="edit" style="display: none;">Edit</div>
            <div class="editFolder_delete editFolder_option" title="delete">Delete</div>
            <!--<span class="delete-result"><img src="/BC_S/css/mresearch/workbook/img/remove2.png"></span>-->
        </li>
        <li id="folder_7914" class="ui-droppable">
            <div class="edit-folder-icon" style="display: none;"></div>
            <a class="wb_folder" href="#">testwb1</a>
            <input class="editFolder_input" type="text" onfocus="this.value = this.value;">
                <div class="editFolder_edit editFolder_option" title="edit" style="display: none;">Edit</div>
                <div class="editFolder_delete editFolder_option" title="delete">Delete</div>
                <!--<span class="delete-result"><img src="/BC_S/css/mresearch/workbook/img/remove2.png"></span>-->
            </li>
        </ul>
        <div class="menu-bottom" style="width: 97.5%; background: #f2f5f7; min-height: 100px; height:553px;"></div>
    </div>

Need to click on BOLD text.

Add new folder
Demo

They are identified in ‘Record and Play.’

You would need to Switch to the iframe first and then click on the element inside an iframe. Then you would need to switch back to the default content.

https://docs.katalon.com/katalon-studio/docs/webui-switch-to-frame.html

https://docs.katalon.com/katalon-studio/docs/webui-click.html

https://docs.katalon.com/katalon-studio/docs/webui-switch-to-default-content.html

It is resolved. There was network issue in loading frame which caused failure.