Agile Web Development with Rails, Edition 4

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
<% if notice %>
<p id="notice"><%= notice %></p>
<% end %>
 
<h1>Your Pragmatic Catalog</h1>
 
<% @products.each do |product| %>
  <div class="entry">
    <%= image_tag(product.image_url) %>
    <h3><%= product.title %></h3>
    <p><%= sanitize(product.description) %></p>
    <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 %>

Associate image clicks with submit button clicks

edit app/assets/javascripts/store.js.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://jashkenas.github.com/coffee-script/
 
$ -> 
  $('.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

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
Loaded suite /home/rubys/.rvm/gems/ruby-1.8.7-p352/gems/rake-0.9.2.2/lib/rake/rake_test_loader
Started
.......
Finished in 0.542344 seconds.
 
7 tests, 28 assertions, 0 failures, 0 errors
Loaded suite /home/rubys/.rvm/gems/ruby-1.8.7-p352/gems/rake-0.9.2.2/lib/rake/rake_test_loader
Started
...E...F.EEEE....EEEE..
Finished in 1.00614 seconds.
 
  1) Error:
test_should_get_index(CartsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/carts_controller.rb:7:in `index'
    test/functional/carts_controller_test.rb:9:in `test_should_get_index'
 
  2) Failure:
test_should_create_line_item(LineItemsControllerTest) [test/functional/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/>.
 
  3) Error:
test_should_get_edit(LineItemsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    test/functional/line_items_controller_test.rb:39:in `test_should_get_edit'
 
  4) Error:
test_should_get_index(LineItemsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/line_items_controller.rb:7:in `index'
    test/functional/line_items_controller_test.rb:9:in `test_should_get_index'
 
  5) Error:
test_should_get_new(LineItemsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/line_items_controller.rb:29:in `new'
    test/functional/line_items_controller_test.rb:15:in `test_should_get_new'
 
  6) Error:
test_should_show_line_item(LineItemsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/line_items_controller.rb:18:in `show'
    test/functional/line_items_controller_test.rb:34:in `test_should_show_line_item'
 
  7) Error:
test_should_get_edit(ProductsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    test/functional/products_controller_test.rb:44:in `test_should_get_edit'
 
  8) Error:
test_should_get_index(ProductsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/products_controller.rb:7:in `index'
    test/functional/products_controller_test.rb:18:in `test_should_get_index'
 
  9) Error:
test_should_get_new(ProductsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/products_controller.rb:29:in `new'
    test/functional/products_controller_test.rb:24:in `test_should_get_new'
 
 10) Error:
test_should_show_product(ProductsControllerTest):
ActionView::Template::Error: undefined method `line_items' for nil:NilClass
    app/views/layouts/application.html.erb:20:in `_app_views_layouts_application_html_erb__1076610244_70146212992440'
    app/controllers/products_controller.rb:18:in `show'
    test/functional/products_controller_test.rb:39:in `test_should_show_product'
 
23 tests, 26 assertions, 1 failures, 9 errors
Errors running test:functionals! #<RuntimeError: Command failed with status (1): [/home/rubys/.rvm/rubies/ruby-1.8.7-p352/bi...]>

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