I should be done with the ingredient index page. I have a CouchDB view set up to pull this information back from the server. I have the Sinatra resource pulling from said CouchDB view. I even have the Haml view displaying the data.
I should be done, but I need verify that the pieces fit together, which is what Cucumber is for. The scenario from which all this started now stands at:
jaynestown% cucumber features/ingredient_index.feature:7 -sI define the first step as:
Sinatra::Test is deprecated; use Rack::Test instead.
Feature: Ingredient index for recipes
As a user curious about ingredients or recipes
I want to see a list of ingredients
So that I can see a sample of recipes in the cookbook using a particular ingredient
Scenario: A couple of recipes sharing an ingredient
Given a "Cookie" recipe with "butter" and "chocolate chips"
And a "Pancake" recipe with "flour" and "chocolate chips"
When I visit the ingredients page
Then I should see the "chocolate chips" ingredient
And "chocolate chips" recipes should include "Cookie" and "Pancake"
And I should see the "flour" ingredient
And "flour" recipes should include only "Pancake"
1 scenario (1 undefined)
7 steps (4 undefined, 3 passed)
0m2.190s
You can implement step definitions for undefined steps with these snippets:
Then /^I should see the "([^\"]*)" ingredient$/ do |arg1|
pending
end
Then /^"([^\"]*)" recipes should include "([^\"]*)" and "([^\"]*)"$/ do |arg1, arg2, arg3|
pending
end
Then /^"([^\"]*)" recipes should include only "([^\"]*)"$/ do |arg1, arg2|
pending
end
Then /^I should see the "([^\"]*)" ingredient$/ do |ingredient|Running the scenario, I find:
response.should have_selector(".ingredient",
:content => ingredient)
end
jaynestown% cucumber features/ingredient_index.feature:7 -sEw. An ingredient of "value"? A quick investigation identifies a discrepancy between that the view expects and what CouchDB returns (missing the "keys" attribute in the specification).
Sinatra::Test is deprecated; use Rack::Test instead.
Feature: Ingredient index for recipes
As a user curious about ingredients or recipes
I want to see a list of ingredients
So that I can see a sample of recipes in the cookbook using a particular ingredient
Scenario: A couple of recipes sharing an ingredient
Given a "Cookie" recipe with "butter" and "chocolate chips"
And a "Pancake" recipe with "flour" and "chocolate chips"
When I visit the ingredients page
Then I should see the "chocolate chips" ingredient
expected following output to contain a <.ingredient>chocolate chips</.ingredient> tag:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>EEE Cooks: Ingredient Index</title>
<link href="/stylesheets/style.css" rel="stylesheet" type="text/css">
</head>
<html><body>
<div id="header">
<div id="eee-header-logo">
<a href="/">
<img alt="Home" src="/images/eee_corner.png"></a>
</div>
</div>
<h1>
Ingredient Index
</h1>
<table><tr>
<td class="col1">
<p>
<span class="ingredient">
value
</span>
<span class="recipes">
<a href="/recipes/"></a>
</span>
</p>
...
I could have just as easily viewed the page in a browser to see this error. The benefit of using Cucumber to find this error, of course, is that I never have to manually find this bug in a browser again. I have a high degree of confidence that I have an integration test that is valuable (i.e. it actually found a bug).
After fixing that, I define the next missing step as:
Then /^"([^\"]*)" recipes should include "([^\"]*)" and "([^\"]*)"$/ do |ingredient, arg2, arg3|The response ought to have an element with a
response.should have_selector(".recipes") do |span|
span.should have_selector("a", :content => arg2)
span.should have_selector("a", :content => arg3)
end
end
class="recipes". That element should have child <a> elements, which should be linking the recipe titles from the feature ("chocolate chips" recipes should include "Cookie" and "Pancake").Last up, I need a definition that fits:
Then "flour" recipes should include only "Pancake"For this, I need to break out the XPath. I am looking to verify that a
<p> tag contains a span with the "flour" ingredient and that also contains another span that has the recipe title somewhere in it. The step definition that verifies this:Then /^"([^\"]*)" recipes should include only "([^\"]*)"$/ do |ingredient, recipe|For good measure, I would like to verify that there is only one
response.should have_xpath("//p[contains(span, '#{ingredient}')]/span[contains(., '#{recipe}')]")
end
<a> tag associated with that ingredient, so I add a second XPath expression:Then /^"([^\"]*)" recipes should include only "([^\"]*)"$/ do |ingredient, recipe|Just like that, I have a passing scenario:
response.should have_xpath("//p[contains(span, '#{ingredient}')]/span[contains(., '#{recipe}')]")
response.should have_xpath("//p[contains(span, '#{ingredient}')]/span[count(a)=1]")
end
jaynestown% cucumber features/ingredient_index.feature:7 -sI have one more scenario describing the case in which "common" ingredients are excluded from the index. No one really wants to scan through an index and be confronted with 200+ recipes with salt in them. I will pick up with that scenario tomorrow.
Sinatra::Test is deprecated; use Rack::Test instead.
Feature: Ingredient index for recipes
As a user curious about ingredients or recipes
I want to see a list of ingredients
So that I can see a sample of recipes in the cookbook using a particular ingredient
Scenario: A couple of recipes sharing an ingredient
Given a "Cookie" recipe with "butter" and "chocolate chips"
And a "Pancake" recipe with "flour" and "chocolate chips"
When I visit the ingredients page
Then I should see the "chocolate chips" ingredient
And "chocolate chips" recipes should include "Cookie" and "Pancake"
And I should see the "flour" ingredient
And "flour" recipes should include only "Pancake"
1 scenario (1 passed)
7 steps (7 passed)
0m0.665s
