Сиеста селектор по пользовательским тегам

Question

Я хочу спросить, можно ли в сиесте написать селектор по пользовательскому тегу:

например у меня есть компонент:

<a class="x-btn x-unselectable x-box-item x-toolbar-item x-btn-default-small" style="min-width: 75px; right: auto; left: 232px; top: 0px; margin: 0px;" hidefocus="on" unselectable="on" id="button-1017" data-id="loginBtn" tabindex="0" componentid="button-1017" target="_blank">

который из консоли я могу выбрать с помощью css selector:document.querySelector('a[data-id="loginBtn"]')

но если я напишу в сиесте тест:t.chain({click: '>> a[data-id="loginBtn"]'}, нет компонента найти.

Как должен выглядеть селектор, чтобы найти компонент?

Answer 1

Селектор для вашего компонента должен выглядеть так:

t.chain(
    {click: 'a[data-id=loginBtn]'}
)

Метод click принимает ActionTarget, и вы использовали >>, который используется для запроса компонента ExtJS. Вы можете найти больше информации о том, как указать целевой тип на странице документов.

Если вы тестируете приложение ExtJS, вы также можете нажать кнопку компонента ExtJS. Существует несколько способов нацеливания на такую ​​кнопку, но если бы вы установили config itemId, который является уникальным идентификатором компонента, запрос выглядел бы так:

t.chain(
    {click: '>> button[itemId=loginBtn]'}
)