水豚Rspec測試可能做到AJAX - 測試contenteditables

Question

我想測試是否contenteditable textarea在我的代碼中工作，但我得到一個錯誤，我似乎無法修復。問題是，發送給控制器的參數並不是我期望的AJAX。這裏是我的代碼：

rspec的

describe 'editing contenteditables', js: true do 
    before do 
    page.find('#artistdescription').set('Pizza') 
    page.find('#similarArtists').click #in order to blur out of contenteditable 
    end 

    it {should have_content('Pizza')} 
end 

視圖

<% if @is_current_artist %> 
    <% description_text = (@artist.description.blank? && @is_current_artist) ? "test" : @artist.description %> 
    <textarea contenteditable='true' id='artistdescription'> 
    <%= description_text %> 
    </textarea> 
<% else %> 
    ... 

AJAX

$(document).on('blur', '#artistdescription', -> 
    $.ajax(
    url: "/artists/" + $('#idnumber').html() 
    type: "PATCH" 
    datatype: "JSON" 
    data: { 
     artist: { 
     description: $('#artistdescription').val().replace(/(<([^>]+)>)/ig,"") 
     } 
     session_code: getCookie('session_code'); 
    } 
) 
) 

控制器

def update 
    @artist = Artist.find(params[:id]) 
    p 'Hello from update' 
    return if !active_session && !is_current_artist 
    p 'Logged in!' 
    pp artist_params 
    @artist.update_attributes(artist_params) #error here 

    def artist_params 
    #Add more contenteditable stuff here 
    p '=====================TASTY TACOS!' 
    pp params 
    params.require(:artist).permit(:artist_name, :route_name, :password, :email, :background_image, :description, :hometown, :genre) #error here 
    end 

，這裏是我的錯誤信息

"Hello from update" 
"Logged in!" 
"=====================TASTY TACOS!" 
{"action"=>"update", "controller"=>"artists", "id"=>"1"} 
F 

Failures: 

    1) Current Artist editing contenteditables should text "Pizza" 
    Failure/Error: Unable to find matching line from backtrace 
    ActionController::ParameterMissing: 
     param is missing or the value is empty: artist 
    # ./app/controllers/artists_controller.rb:151:in `artist_params' 
    # ./app/controllers/artists_controller.rb:48:in `update' 

Finished in 15.41 seconds (files took 16.02 seconds to load) 
1 example, 1 failure 

Failed examples: 

rspec ./spec/features/editting_artist_spec.rb:32 # Current Artist editting contenteditables should text "Pizza" 

謝謝您的幫助。

Answer 1

原來這是與QtWebKit的本身有問題，如雀如上所述： https://github.com/thoughtbot/capybara-webkit/issues/553

有一種解決方法，在發送POST請求並手動重定向到update控制器方法（這裏詳細說明）：
https://stackoverflow.com/a/17870287/472768

Answer 2

解決此問題的一個好方法是強制頁面等待，直到所有未完成的ajax請求完成，然後再允許測試繼續。要點是每次請求完成時和每次請求完成時都必須記錄日誌。

在js文件called test.js

//= require jquery 

var requestsFinished = false; 

$(function() { 
    $(document).ajaxStop(function() { 
    requestsFinished = true; 
    }); 
}); 

在你.erb模板

<%= javascript_include_tag 'test' if Rails.env.test? %> 

在spec_helper.rb

config.include(RequestHelper, :type => :feature) 

在一個名爲request_helper.rb

module RequestHelper 
    def self.included(base) 
    base.metadata[:js] = true 

    base.send(:include, InstanceMethods) 
    end 

    class InstanceMethods 
    def wait_for_ajax 
     page.wait_until { 
     page.execute_script(<<-JS) 
      if(!requestsFinished) { 
      throw "Requests not finished"; 
      } 
     JS 
     } 
    end 

最後，在你要求的測試

page.execute_script(<<-JS) 
    $(document).trigger('blur'); 
JS 

wait_for_ajax 

page.should have_content('Success') 

Answer 3

我覺得這可能是問題：

https://github.com/thoughtbot/capybara-webkit/issues/553

的問題是測試系統本身。感謝您的幫助。如果你們有答案，請發佈。