我正在构建一个Rails 3应用程序,它为移动设备(使用jQuery Mobile)和常规桌面浏览器呈现不同的视图.我正在使用Cucumber/Capybara进行测试,并为移动设备和浏览器提供单独的测试套件.我可以使用此处的'headers hack'在请求的HTTP头中设置移动用户代理字符串...
在Rails 3中使用Cucumber/Capybara,如何设置自定义User-Agent字符串？
问题...
我的大多数移动Cucumber步骤都运行良好(例如,我将移动标头设置为一步,然后移动视图呈现).然而,在表单提交之后,测试然后呈现下一步的浏览器视图(而不是我想要的移动视图).我想这可能是因为Capybara在表单提交动作后丢弃了标题.
我尝试通过向控制器操作添加记录器来测试这一点,以便我可以查看user_agent标头,如下所示:
def show
# …
logger.info("Headers: #{request.user_agent}")
# …
end
我使用了iPhone标头(买方是资源).在我的test.log中,我看到:
对于创建动作......
Started POST "/buyers" for 127.0.0.1 at 2011-04-19 16:49:18 -0700
Processing by BuyersController#create as HTML
#...
Headers: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7
#...
Redirected to http://www.example.com/buyers/1
Completed 302 Found in 7ms
对于后续的show动作(注意'标题:'为空白)......
Started GET "/buyers/1" for 127.0.0.1 at 2011-04-19 16:49:18 -0700
Processing by BuyersController#show as HTML
#... …我正在使用Twitter Bootstrap和Flot(也是HAML和Coffeescript)构建一个Rails 3.2.11应用程序.
在一个视图中,我有像这样实现的Bootstrap选项卡(部分在选项卡窗格中呈现.),
.tabbable
%ul.nav.nav-tabs
%li.active
%a{'data-toggle' => 'tab', :href => '#tab1'} This is tab 1
%li
%a{"data-toggle" => "tab", :href => "#tab2"} This is tab 2
.tab-content
#tab1.tab-pane.active
= render 'tab_one_content'
#tab2.tab-pane
= render 'tab_two_content'
在一个部分,我有一张桌子.我想在td内渲染一个flot图表.我想要渲染图表的部分看起来像这样,
%table
%tr
%th
Some heading text…
%td
-# Make the 12-month barchart
- @chart_data = @barchart_12_mos_array.to_json
#my_barchart.barchart{:data => {:bardata => @chart_data}}
我将图表维度应用于这样的CSS类,
.barchart {
width: 240px;
height: 120px;
}
我的Coffeescript看起来像这样.我希望图表可以在document.ready上绘制
$ ->
$.plot $('#my_barchart'), [
data: $("#my_barchart").data("bardata")
bars:
show: true
barWidth: (365/12)*24*60*60*1000*.75 …我正在使用Flot 0.8.1构建一个Rails 3.2.11应用程序.我想用Prawn在PDF中渲染我的Flot图表.(我将使用.getCanvas和.toDataURL方法将图像数据Ajax到服务器.)我的Flot图表在浏览器中渲染得很好,画布上的轴标签归功于jquery.flot.canvas.js插件.
问题
我正在用宽酒吧制作条形图.我希望我的x轴标签在条形图下方居中,而不是在刻度线下面居中(它们看起来有点太远了).
在我将轴标签放在画布上之前(例如,当使用没有jquery.flot.canvas.js插件的HTML标签时),我使用SCSS为它们设置样式,
.flot-x-axis {
.tickLabel {
font-size: 10px;
padding-left: 16px; // Nudges x-axis labels to the right
}
}
现在,通过在画布上渲染标签,上面的SCSS不会将x轴标签向右移动.奇怪的是,font-size:样式确实有效,但padding-left:没有效果(也尝试了margin-left :).我似乎无法找到适当的选择器来应用填充.
我感谢任何帮助.谢谢!
更新
我在我的代码中使用了align:'center'选项,但它似乎没有任何效果(即,如同align:'center'省略).请参阅如何使用Flot canvas插件.FWIW,我正在使用基于时间的数据.
看起来我遇到了类似的问题,Flot条形图月份对齐问题
jsFiddle在这里.注意:在FireFox中呈现正常,但在Chrome中则不然.
好吧,当然它在我的jsFiddle中运行正常,但不在我的代码中.我猜我需要抬起眼睛!