Agile Web Development with Rails, Edition 4

11.6 Iteration F6: Testing AJAX changes 11.4 Iteration F4: Hide an Empty Cart

11.5 Iteration F5: Making Images Clickable

Review our current storefront markup

edit app/views/store/index.html.erb
<p id="notice"><%= notice %></p>
 
<h1>Your Pragmatic Catalog</h1>
 
<% cache ['store', Product.latest] do %>
  <% @products.each do |product| %>
    <% cache ['entry', product] do %>
      <div class="entry">
        <%= image_tag(product.image_url) %>
        <h3><%= product.title %></h3>
        <%= sanitize(product.description) %>
        <div class="price_line">
          <span class="price"><%= number_to_currency(product.price) %></span>
          <%= button_to 'Add to Cart', line_items_path(product_id: product),
            remote: true %>
        </div>
      </div>
    <% end %>
  <% end %>
<% end %>

Associate image clicks with submit button clicks

edit app/assets/javascripts/store.coffee
# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
 
$(document).on "ready page:change", ->
  $('.store .entry > img').click ->
    $(this).parent().find(':submit').click()

The page looks no different

get /

Your Cart

CoffeeScript $36.00
Total $36.00

Your Pragmatic Catalog

Cs

CoffeeScript

CoffeeScript is JavaScript done right. It provides all of JavaScript's functionality wrapped in a cleaner, more succinct syntax. In the first book on this exciting new language, CoffeeScript guru Trevor Burnham shows you how to hold onto all the power and flexibility of JavaScript while writing clearer, cleaner, and safer code.

$36.00
Ruby

Programming Ruby 1.9 & 2.0

Ruby is the fastest growing and most exciting dynamic language out there. If you need to get working programs delivered fast, you should add Ruby to your toolbox.

$49.95
Rtp

Rails Test Prescriptions

Rails Test Prescriptions is a comprehensive guide to testing Rails applications, covering Test-Driven Development from both a theoretical perspective (why to test) and from a practical perspective (how to test effectively). It covers the core Rails testing tools and procedures for Rails 2 and Rails 3, and introduces popular add-ons, including Cucumber, Shoulda, Machinist, Mocha, and Rcov.

$34.95

Run tests... oops.

rake test
Run options: --seed 62959
 
# Running:
 
....E..FEE..EEE..E.EE.........
 
Finished in 0.592429s, 50.6390 runs/s, 106.3419 assertions/s.
 
  1) Error:
CartsControllerTest#test_should_get_index:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/carts_controller_test.rb:9:in `block in <class:CartsControllerTest>'
 
 
  2) Failure:
LineItemsControllerTest#test_should_create_line_item [/home/rubys/git/awdwr/edition4/work-224-42/depot/test/controllers/line_items_controller_test.rb:28]:
Expected response to be a redirect to <http://test.host/carts/980190963> but was a redirect to <http://test.host/>.
Expected "http://test.host/carts/980190963" to be === "http://test.host/".
 
 
  3) Error:
LineItemsControllerTest#test_should_get_edit:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/line_items_controller_test.rb:39:in `block in <class:LineItemsControllerTest>'
 
 
  4) Error:
LineItemsControllerTest#test_should_get_index:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/line_items_controller_test.rb:9:in `block in <class:LineItemsControllerTest>'
 
 
  5) Error:
LineItemsControllerTest#test_should_get_new:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/line_items_controller_test.rb:15:in `block in <class:LineItemsControllerTest>'
 
 
  6) Error:
LineItemsControllerTest#test_should_show_line_item:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/line_items_controller_test.rb:34:in `block in <class:LineItemsControllerTest>'
 
 
  7) Error:
ProductsControllerTest#test_should_get_new:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/products_controller_test.rb:24:in `block in <class:ProductsControllerTest>'
 
 
  8) Error:
ProductsControllerTest#test_should_get_edit:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/products_controller_test.rb:44:in `block in <class:ProductsControllerTest>'
 
 
  9) Error:
ProductsControllerTest#test_should_get_index:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/products_controller_test.rb:18:in `block in <class:ProductsControllerTest>'
 
 
 10) Error:
ProductsControllerTest#test_should_show_product:
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:21:in `_app_views_layouts_application_html_erb___2845180968780230323_45728460'
    test/controllers/products_controller_test.rb:39:in `block in <class:ProductsControllerTest>'
 
30 runs, 63 assertions, 1 failures, 9 errors, 0 skips

11.6 Iteration F6: Testing AJAX changes 11.4 Iteration F4: Hide an Empty Cart