blocks|key|899507|text|如果您正在谈论在您的控制器规范中测试它，那么您通常会调用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|899508|get+:index|code-block|syntax|javascript|899509|要向索引操作发出HTTP请求，应改为调用|899510|xhr+:get,+:index|899511|使用GET向索引操作发出XmlHttpRequest+(AJAX)请求。|899512|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you're talking about testing it inside your controller specs, where you normally call

<pre><code>get :index
</code></pre>

to make an HTTP request to the index action, you would instead call

<pre><code>xhr :get, :index
</code></pre>

to make an XmlHttpRequest (AJAX) request to the index action using GET.

blocks|key|899582|text|Rails+5/6|type|unstyled|depth|inlineStyleRanges|entityRanges|data|899583|从Rails5.0(带有RSpec+3.X)开始，尝试这样设置xhr:+true：|offset|length|style|CODE|899584|get+:index,+xhr:+true|code-block|syntax|javascript|899585|背景|899586|下面是ActionController::TestCase中的相关代码。设置xhr标志最终会添加以下标头：|899587|if+xhr
++@request.set_header+"HTTP_X_REQUESTED_WITH",+"XMLHttpRequest"
++@request.fetch_header("HTTP_ACCEPT")+do+%7Ck%7C
++++@request.set_header+k,+[Mime[:js],+Mime[:html],+Mime[:xml],+"text/xml",+"*/*"].join(",+")
++end
end|899588|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rails/rails/blob/843345cae59b73e50af685ac1303a419a06b4c91/actionpack/lib/action_controller/test_case.rb#L500-L505^0|0|V|9|0|0|0|12|3|3|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|Q|3|R|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<h2>Rails 5 / 6</h2>

Since Rails 5.0 (with RSpec 3.X), try setting <code>xhr: true</code> like this:

<pre><code>get :index, xhr: true
</code></pre>

<h2>Background</h2>

Here's the relevant code in the <a href="https://github.com/rails/rails/blob/843345cae59b73e50af685ac1303a419a06b4c91/actionpack/lib/action_controller/test_case.rb#L500-L505" rel="noreferrer">ActionController::TestCase</a>. Setting the <code>xhr</code> flag ends up adding the following headers:

<pre><code>if xhr
 @request.set_header "HTTP_X_REQUESTED_WITH", "XMLHttpRequest"
 @request.fetch_header("HTTP_ACCEPT") do |k|
 @request.set_header k, [Mime[:js], Mime[:html], Mime[:xml], "text/xml", "*/*"].join(", ")
 end
end
</code></pre>

blocks|key|1114323|text|Rails+5和rspec+>3.1的语法发生了一些变化(我相信)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1114324|对于POST请求：|1114325|post+:create,+xhr:+true,+params:+{+polls:+{+question:+'some'+}+}|code-block|syntax|javascript|1114326|您现在需要显式设置params|offset|length|style|CODE|1114327|对于GET请求：|1114328|get+:action,+xhr:+true,+params:+{+id:+10+}|1114329|对于rails+4和rspec+<=+3.1|1114330|xhr+post+:create,+{+polls:+{+question:+'some'+}+}|1114331|GET请求：|1114332|xhr+get+:show,+id:+10|1114333|entityMap^0|0|0|0|9|6|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|15|8|@$K|16|L|17|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|19|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1A|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|10|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|11|$]]

Syntax changed a bit for Rails 5 and rspec > 3.1(i believe)

for POST requests:

<pre><code>post :create, xhr: true, params: { polls: { question: 'some' } }
</code></pre>

you now need explicitely set <code>params</code>

for GET requests:

<pre><code>get :action, xhr: true, params: { id: 10 }
</code></pre>

for rails 4 and rspec &lt;= 3.1

<pre><code>xhr post :create, { polls: { question: 'some' } }
</code></pre>

GET requests:

<pre><code>xhr get :show, id: 10
</code></pre>

blocks|key|1114348|text|下面是一个完整的示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1114349|get+"/events",+xhr:+true,+params:+{+direction:+"past"+}|code-block|syntax|javascript|1114350|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is a full example:
<pre><code>get &quot;/events&quot;, xhr: true, params: { direction: &quot;past&quot; }
</code></pre>

I'm fairly new to RoR and recently started learning BDD/Rspec for testing my application. I've been looking for a way to spec an AJAX request, but so far I haven't found much documentation on this at all. 

Anyone know how to do this? I'm using rails 2.3.8, rspec 1.3.0 and mocha 0.9.8 for my stubs (which I'm also in the process of learning...)

How do you test an AJAX request with RSpec/RoR?

我是RoR的新手，最近开始学习BDD/Rspec来测试我的应用程序。我一直在寻找一种方法来规范AJAX请求，但到目前为止，我还没有找到很多关于这方面的文档。有人知道怎么做吗？我正在使用rails 2.3.8、rspec 1.3.0和mocha 0.9.8作为我的存根(我也在学习过程中……)

问如何使用RSpec/RoR测试AJAX请求？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用RSpec/RoR测试AJAX请求？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用RSpec/RoR测试AJAX请求？
EN