Vue未加载到测试中（黄瓜/水豚）

Question

我正在测试包含vue对象和黄瓜的RoR应用程序。 在浏览器中一切都很好，但是在测试中vue没有被加载。 我试图增加等待水豚的时间，但没有成功。 请把我指向某个地方。

我得到这个：

我要测试的代码是

#student_profiles.nomargin
  = render "header"
  .container-fluid.nopadding
    .student_count.aside-wrap.rounded-corners
      %text v-bind:students-count="studentsCount"
      %p.text Sie können aktuell aus <b>{{studentsCount.count}}</b> 
      Schülerinnen und Schülern aus bis zu 50 Ländern wählen.</p>
    .filters.aside-wrap
      %h4 Verfeinern Sie Ihre Auswahl durch Filtern: <filters :filters="filters" :filter-params="filterParams" :load-limit="loadLimit" :students="students" :counter="counter" :hobbies="hobbies" :update="update" :filter-loaded="filterLoaded"></filters>
      %br
      %text v-bind:students-count="studentsCount"
      %p.text Es werden <b>{{studentsCount.count_filter}}</b> von <b>{{studentsCount.count}}</b> angezeigt.</p>
      %br

我使用的步骤是：

@javascript
Scenario: Happy path to bla-bla
  Given I am on a mobile device
  Given I have '6' students shown in the app
  And I visit 'url'
  And I wait for the ajax request to finish
  Then I should see "6" within ".student_count"

对于Given I have '6' students shown in the app的步骤Given I have '6' students shown in the app我具有以下步骤定义。

Given(/^I have '(\d+)' students shown in the app$/) do |student_count|
  student_count.to_i.times do
    student = FactoryBot.create(:ib_student)
    FactoryBot.create(:ib_student_profile, student: student, force_profile_visible: true)
  end
end

Answer 1

对我有用的是将整个测试套件切换为Selenium headless-chrome，而不是Poltergeist / Phantom JS。