Capybara with : js => true로 설정하면 테스트가 실패합니다.

Question

나는 며칠 전 Capybara를 사용하기 시작했고 전에는 셀레늄을 사용하지 않았습니다. 나는 내 테스트가 어떻게 beowser에서 수행되는지보고 싶어하고 그것을 위해 사용한다. selenium-webdriver. 내가 카피 바라의 다음 시험이 있습니다

어떤 scenario에 :js => true 추가

RSpec.feature 'Authentication', :type => :feature do 

    def register_with_form 
     visit '/' 
     click_on 'Account' 
     click_on 'Register' 
     fill_in 'Email', :with => 'test@example.com' 
     fill_in 'Name', :with => 'John' 
     fill_in 'Last name', :with => 'Smith' 
     fill_in 'Password', :with => '1234567890' 
     fill_in 'Password confirmation', :with => '1234567890' 
     find('.testing-sign-up-class') 
     click_button 'Sign up' 
     expect(page).to have_css '.hd-title', 'Get Started' 
    end 

    scenario 'User registers' do 
     register_with_form 
     expect(page).to have_css '.hd-title', 'Get Started' 
     expect(page).to have_css '.alert-success', 'Welcome! You have signed up successfully.' 
     expect(page).to have_css '.panel-title', 'What would you like to use GridHub for?' 
    end 

    scenario 'User sign out', :js => true do 
     register_with_form 
     click_on 'Account' 
     click_on 'Logout' 
     expect(page).to have_css '.alert-success', 'Signed out successfully.' 
    end 
end 

테스트를 끊었다. 콘솔을 보여줍니다

나는 보석 database_cleaner을 추가 한

1) Authentication When not registered User sign out 
    Failure/Error: click_button 'Sign up' 

    Selenium::WebDriver::Error::UnknownError: 


Element is not clickable at point (606, 23.73333740234375). Other element would receive the click: <input autocomplete="off" name="term" id="term" class="form-control nav-search-field main-ac autocomplete ui-autocomplete-input" placeholder="search items" data-url="/search" type="text"> 

, 내 spec_helper.rb 다음 코드가 있습니다

config.before(:each, type: :feature) do 
    driver_shares_db_connection_with_specs = Capybara.current_driver == :rack_test 

    if !driver_shares_db_connection_with_specs 
     DatabaseCleaner.strategy = :truncation 
    end 
    end 

    config.before(:each) do 
    DatabaseCleaner.start 
    end 

    config.append_after(:each) do 
    DatabaseCleaner.clean 
    end 

을 그리고 내 bin/rspec 파일에 다음 줄이 있습니다

config.use_transactional_fixtures = false 

감사합니다.

UPDATE는

나는 뭔가 다른 브라우저에서 문제가 될 수 있다는 것을 가정한다. 왜냐하면 어떤 상황에서는 테스트가 브라우저 (나는 파이어 폭스와 크롬을 썼다)를 열었고 일부 요소는 브라우저 창 아래에있을 수 있기 때문에 상황 테스트에 실패했기 때문에 필요한 버튼을 찾을 수 없습니다. 브라우저 창을 스크롤 할 시간이 있으면 일부 테스트가 성공적 일 수 있습니다.

Answer 1

JS 가능 드라이버 click_button 중 하나를 사용하면 버튼을 클릭 한 다음 계속 이동합니다. 예상되는 변경 사항을 알 수있는 방법이 없으므로 페이지에서 변경 될 내용을 기다리지 않습니다. 내 생각 엔 테스트가 register_with_form을 호출하고 리턴 할 때 폼과 같은 페이지에있는 'Account'링크를 즉시 클릭한다는 것입니다. 그러면 등록 제출을 취소하고 로그 아웃 링크가없는 페이지로 이동합니다. 이 문제를 해결하려면 register_with_form의 마지막 줄을 expect(page).to have_content('Welcome!')과 같이 만들어야 가입이 완료 될 때까지 돌아 가지 않습니다.

https://github.com/DatabaseCleaner/database_cleaner#rspec-with-capybara-example에서 append_after가 권장하는 database_cleaner 설정을 사용하십시오. 그렇지 않으면 요청이 완료되기 전에 데이터베이스가 정리되기 시작한 문제를 진단하기가 어려워집니다.