簡體   English   中英

rspec水豚選擇器滑軌4

[英]rspec capybara selector rails 4

我正在嘗試編寫一個將要的rspec測試;

  • 訪問商店頁面
  • 在國家選擇框中選擇一個值
  • 並測試該值是否存在(最初在“國家/地區”框中,但我還將在第二項測試中測試依賴於國家/地區的城市)

HTML頁面

<!DOCTYPE html>
<html>
  <head>
    <title>Ruby on Rails Tutorial Sample App</title>
    <link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/custom.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/password_resets.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/people.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/products.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/sessions.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/store.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/users.css?body=1" media="all" rel="stylesheet" />
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/password_resets.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/people.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/products.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/sessions.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/static_pages.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/store.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/users.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>
    <meta content="authenticity_token" name="csrf-param" />
<meta content="NcsV3Ve7QqLTjeLNz5MLuCxzvG8urc63NiDk7RZTGtM=" name="csrf-token" />
    <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

  </head>
  <body>
    <header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <a href="/" id="logo">sample app</a>
      <nav>
        <ul class="nav btn-group navbar-nav navbar-right list-inline">
                  <li><a href="/">Home</a></li>
          <li><a href="/help">Help</a></li>
            <li><a href="/signin">Sign in</a></li>
        </ul>
        </div>
        </ul>
      </nav>
    </div>
  </div>
</header>


      <div class="container">




<h2>some text</h2>
<div class="row">
  <div class="col-md-4 col-md-offset-4">
    <div class="row">
      <div class="col-md-6 col-md-offset-2">
        <form accept-charset="UTF-8" action="/store/show" method="get"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /></div>

          <label for="catalogue_country">Country</label>
          <select id="countries_select" name="catalogue[country_id]"><option selected="selected" value="1">France</option>
<option value="2">Italy</option>
<option value="3">United Kingdom</option></select>

        <div class="pull-right">
          <input class="btn brn-large btn-primary" name="commit" type="submit" value="Add to Cart" />
</form>        </div>
      </div>
    </div>
  </div>
</div>


        <footer class="footer">
  <small>
    <a href="http://railstutorial.org/">Rails Tutorial</a>
    by Michael Hartl
  </small>
  <nav>
    <ul>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
      <li><a href="http://news.railstutorial.org/">News</a></li>
    </ul>
  </nav>
</footer>


      <pre class="debug_dump">--- !ruby/hash:ActionController::Parameters
controller: store
action: index
</pre>

    </div>
  </body>

</html>

我的測試

require 'spec_helper'

describe "index" do

  subject { page }

  before do

    visit store_path

    select "United Kingdom", :from => "catalogue[country_id]"

  end

  it { should have_select('country_id', :selected => 'United Kingdom') }

end

失敗

失敗:

1)索引失敗/錯誤:訪問store_path NoMethodError:nil:NilClass的未定義方法'id'

Rails控制台[app.store_path]驗證store_path為'/ store'

根據此博客文章中的說明動態填充選擇框

任何幫助表示贊賞,在此先感謝

有路線

  match '/store', to: 'store#index', as: :store, via: 'get'

  get 'store/show'

  match 'store/update_cities', to: 'store#update_cities',  as: :update_cities, via: 'get'

  match 'store/update_currencies', to: 'store#update_currencies',  as: :update_currencies, via: 'get'

它的一個索引頁面(store_path)帶有一個國家/地區選擇框。

這是商店控制器

  def index

    @countries = Country.all

    @cities = City.where("country_id = ?", Country.first.id)

    @currencies = Currency.where("country_id = ?", Country.first.id)

    @locations = Location.where("city_id = ?", Location.first.id)

    @products = Product.where("Location_id = ?", Product.first.id)

    @plugs = Plug.where("Location_id = ?", Plug.first.id)

  end

  def show
  end

  def update_cities

    @cities = City.where("country_id = ?", params[:country_id])

    respond_to do |format|

      format.js

    end
  end

您是要訪問特定商店還是列出所有商店?

在您的情況下,您嘗試訪問的是特定商店,您需要為此傳遞一個參數,在這種情況下,商店ID

要知道確切的路徑,請在控制台中編寫:

rake routes

如果要列出需要編寫的所有商店,則會找到其URL的每個路徑:

stores_path

代替:

store_path

store_path是/ store /:id

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM