Как переключить вкладки начальной загрузки в функциональном тесте Geb в grails?

Question

Ні! Это мой первый вопрос.

Я использую grails 3.1.7 и встроенный Spock с Geb.

Я пытаюсь переключиться между двумя вкладками начальной загрузки внутри одной и той же страницы, чтобы избежать исключения ElementNotVisibleException.

Вот код (с несколькими строками опущена):

Markup:

<ul class="nav nav-tabs"> 
    <li class="${registerActive ? '' : 'active'}"><a data-toggle="tab" href="#login">...</a></li> 
    <li class="${registerActive ? 'active' : ''}"><a id="registerTab" data-toggle="tab" href="#register">...</a></li> 
</ul> 

<div class="tab-content"> 
    <div id="login" class="tab-pane fade ${registerActive ? '' : 'in active'}"> 
     <g:form ...> 
      <div> 
       <g:field type="email" name="username" /> 
      </div> 
      ... 
     </g:form> 
    </div> 

    <div id="register" class="tab-pane fade ${registerActive ? 'in active' : ''}"> 
     <g:form ...> 
      <div> 
       <g:field type="email" name="email"/> 
      </div> 
      ... 
     </g:form> 
    </div> 
</div> 

Тест:

void "register"() { 
    when:"user logged in" 
    register 'testUser@gmail.com', 'passW0rd!' ... 

    then: ... 
} 

    private register(String email, String password ...) { 
    go "/" 
    $('#registerTab').click() 
    $('input[name=email]').value(email) 
    $('input[name=password]').value(password) 
    ... 
    $('input[name=register]').click() 
} 

Попытка доступа поле "E-mail" вызывает ElementNotVisibleException.

Я также попытался добавить и удалить active класс, используя свойство jquery.

Но без результата форма по-прежнему остается невидимой для Geb.

Что я делаю неправильно? Можно ли предложить правильный способ переключения между двумя вкладками внутри отдельной страницы?

Спасибо!

Answer 1

Я думаю, что вы сталкиваетесь с этой проблемой, потому что для отображения вкладки требуется некоторое время.

Как описано здесь - http://www.gebish.org/async

асинхронность

Современные веб-страницы пестрят асинхронных операций, таких как AJAX запросов и анимации. Geb обеспечивает встроенную поддержку этого факта жизни.

Любой поиск содержимого или операция могут быть завернуты в предложение waitFor.

В вашем случае, это должно быть что-то вроде:

go "/" 
$('#registerTab').click() 
waitFor { 
    $('input[name=email]').value(email) 
} 

Answer 2

Я знаю, что это путь в прошлом, но в случае, если кто-то нуждается в решении, здесь один. Я создал яваскрипт функцию, как:

function changeTabs(tabNumber) { 
    $('a[href$="container' + tabNumber + '"]').tab('show'); 
} 

Тогда в моем Геба теста, я изменил вкладку с помощью следующей строки:

js.changeTabs('3') 

Это работает с ChromeDriver, который является то, что мы используем.