blueplanet

类似 “按照最新发布文章时间排序的用户列表” 的优雅的实现方法

blueplanet — Fri, 01 May 2015 08:30:39 +0800

前提

class User < AR
  has_many :posts
end

class Post < AR
  belongs_to :user
end

问题

想要实现用户的列表，按照用户最新发布的文章的时间排序
用数据举例来说，如果有下列数据的话，希望显示的顺序是user2 ; user1

user1
  post1 2015-03-01 00:00:00
  post2 2015-03-02 00:00:00
user2
  post11 2015-03-03 00:00:00

目前的实现方法

scope :order_list, -> {
    select(<<-EOS
      users.*,
      (SELECT MAX(created_at) FROM posts WHERE users.id = posts.user_id) max_created_at
    EOS
      ).joins(:posts).
      order('max_created_at DESC').
      uniq
}

虽然使用直接嵌套 SQL 的方法实现了，总觉得应该有更优雅的实现方法，希望各路高手指教一下，谢谢！

[已解决] 使用 Ajax 时遇到了 InvalidAuthenticityToken 错误

blueplanet — Fri, 07 Feb 2014 21:06:06 +0800

在 Rails 页面上使用 $.Ajax 发送一个最简单的的post请求，结果遇到了InvalidAuthenticityToken错误
如果使用form_for ... remote:true的话完全正常
我明白Rails的helper里面自动加了X-CSRF-Token:

我的问题是：难道在不使用`remote: true`的时候，都需要自己在`Ajax`请求里面加上`X-CSRF-Token:`么？

版本信息

OS : MacOS 10.9.2
Rails : 4.0.2
Ruby : 2.0.0-p353

代码

前提：rails g scaffold posts title content:text
views/posts/index.html.erb

<form action="/posts" method="POST">
  <input type="text" id="title">
  <input type="submit" id="ajax_submit">
</form>

assets/javascript/posts.js.coffee

$ ->
  $('#ajax_submit').click (event) ->
    event.preventDefault() # 最开始的时候忘记加这句了，导致默认的提交动作也被执行了
    $.ajax(
      type: "POST"
      url: "/posts"
      data: {
        title: $('#post_title')
      }
      success: ->
        alert "success"
    )

分析过程（jquery_ujs.js）

首先，有一个rails.CSRFProtection函数。它的作用就是向ajax请求的headers中加入csrf token信息，代码如下

CSRFProtection: function(xhr) {
  var token = $('meta[name="csrf-token"]').attr('content');
  if (token) xhr.setRequestHeader('X-CSRF-Token', token);
},

其次，第 290 行有如下的代码

if (rails.fire($document, 'rails:attachBindings')) { # 这句是触发`rails:attachBindings`事件
  $.ajaxPrefilter(function(options, originalOptions, xhr){ if ( !options.crossDomain ) { rails.CSRFProtection(xhr); }});

rails:attachBindings事件：查看change log可以看到，是为了增加$.rails的自定义设置。所以没有自定义的前提下，触发事件这句代码不会失败

## 2.0.3 (16 August 2012)

  - Updated to latest jquery-ujs
    - created `rails:attachBindings` to allow for customization of $.rails object settings
    - created `ajax:send` event to provide access to jqXHR object from ajax requests
    - added support for `data-with-credentials`

也就意味着，$.ajaxPrefilter(...这一句肯定会被执行
也就是说：引入了jquery_ujs.js的前提下，所有的ajax请求都会自动被加入csrf token

结论

在rails项目中，所有非跨站的ajax请求都会被自动加入csrf token信息，不需要自己去做

feature spec / integration spec ( request spec) / controller spec 的区别

blueplanet — Wed, 03 Jul 2013 20:25:14 +0800

如题。最近写测试的时候开始有点晕，不知道feature spec / integration spec / controller spec都应该测试什么

比如说，有这样一个场景

已登陆的用户，可以新建帖子

那我的开发过程是这样的

新建一个feature spec文件，使用capybara来模拟上述内容 ``` feature '已登录的用户，可以新建帖子' do include_context '用户登录' before { visit new_topic_path }

scenario '选择社区，填写标题和正文后，点击保存，可以新建一个帖子' do expect { select 'Testing', from: 'topic_node' fill_in 'topic_title', with: '测试' fill_in 'topic_content', with: '测试正文' click_button '保存' }.to change(Topic, :count).by(1) end end


* 然后执行测试，根据失败提示来继续开发
* 我原本是只写`feature`的测试来保证覆盖率的，有高手说，`feature`只测试功能，应该用`unit spec'来保证测试覆盖率
  * OK。那我把原来写在`feature`里面的各种验证的测试都改成`unit spec`，也就是`controller spec`, `model spec`，`feature spec`里面只保留基本的正常流程的`spec`。

### 到这里为止我还都理解。但之后就有点糊涂了。如果这样的话，那`request spec` 里面应该写哪些测试呢？

ruby-china 里面，ajax 如何实现的？

blueplanet — Wed, 26 Jun 2013 22:20:19 +0800

这两天在重看 @huacnlee 的视频 http://railscasts-china.com/episodes/live-show-with-huacnlee

我的理解是这样的：

在topics/show.html.erb里面调用topics_helper.rb的方法，生成了一个 Link

link_to raw([icon,"关注"].join(" ")), "#", :onclick => "return Topics.follow(this);",
                    'data-id' => topic.id,
                    'data-followed' => (class_name == "followed"),
                    :rel => "twipsy"

在topics.coffee里面定义了Topics.fllow这个事件（函数？）

# TopicsController 下所有页面的 JS 功能
window.Topics =
...
follow : (el) ->
topic_id = $(el).data("id")
followed = $(el).data("followed")
if followed
  $.ajax
    url : "/topics/#{topic_id}/unfollow"
    type : "POST"
  $(el).data("followed", false)
  $("i",el).attr("class", "icon small_follow")
else
  $.ajax
    url : "/topics/#{topic_id}/follow"
    type : "POST"
  $(el).data("followed", true)
  $("i",el).attr("class", "icon small_followed")
false

到这里我没弄明白的是

windows.Topics = ... 这句话是定义了一个变量？
如果我自己想实现一个最简单的js的hello world的话，只需要这两步就可以么？

实际上我自己尝试了一下，但没有成功

rails new coffee_test
rails g controller topics index
在topics/index.html.erb里面生成 Link <%= link_to 'test', “#", :onclick => "return Topics.sayHello();" %>

在topics.coffee里面定义函数

windows.Topics = 
sayHello: ->
alert('Topics say : hello!!!')

打开localhost:3000/topics/index后，点击test完全没反映，也没有 JS 错误

请问我的理解哪里出错了？

类似性别选项这样的固定分类如何做 i18n 国际化对应

blueplanet — Sat, 22 Jun 2013 06:53:20 +0800

对整个网站来说是固定的分类，不需要用户或者管理员来维护。所以我觉得不应该做成单独的 model
显示时是男／女，但数据库里保存的应该是 0／1 或者英文的 code

想请教大家，在做类似这样的分类的时候是如何做国际化对应的呢？

网页上想要的效果和 Model 的对应关系弄不明白了

blueplanet — Mon, 28 Jan 2013 06:27:52 +0800

网页上想要的效果

想做的功能
- 三个人想要聚会，选了两个备选日期
- 大家各自输入自己的两个日期的参加可否情况
- 最后选出可能参加人数最多的日期来聚会
设想的界面
- 每一行是一个备选日期
- 每一列是一个参加者
- 每一个单元格是参加者的备选日的参加可否情况
  
  甲乙丙
  
  2013/01/31 ○ ☓ ー
  
  2013/02/01 △ ー ○

	甲	乙	丙
2013/01/31	○	☓	ー
2013/02/01	△	ー	○

定义的模型

class Event
  has_many :days
  has_many :users
  has_many :statuses ???? 方案2
end

class Day
  belongs_to :event
  has_many :statuses ??? 方案1
end

class User
  belongs_to :event
end

class Status
  belongs_to :day ??? 方案1
  belongs_to :event ??? 方案2
end

我的问题

单纯从模型来看，我认为应该把Event和Status做成 1:n 的关系
可是在 view 里面看的时候，如果Day和Status做成 1:n 的关系的话我知道怎么实现；如果是Event和Status是 1:n 的话，不知道应该怎么实现

我现在的问题是

不知道方案 2 中，在 Event 中定义has_many :statuses之后，还应该怎样定义一个方法才能实现@event.statuses[row][col]这样的写法？
如果是你的话，选哪种实现方法？

方案 1: Day 和 Status 1:n

%tbody
  - @event.days.size.times do |row|
    %tr
      %td(id="rowItem#{row+1}")= @event.days[row].text
      - @event.users.size.times do |col|
        %td= @event.days[row].statuses[col].text

方案 2: Event 和 Status 1:n

%tbody
  - @event.days.size.times do |row|
    %tr
      %td(id="rowItem#{row+1}")= @event.days[row].text
      - @event.users.size.times do |col|
        %td= @event.statuses[row][col].text

[已解决] 貌似 RSS 不更新了？

blueplanet — Wed, 16 Jan 2013 05:35:34 +0800

在 google reader 订阅的 RSS，最新的是 1 月 6 日的《Rails3 in Action》真是一本好书！，之后就再没有更新。

是我自己的问题么？

使用 RSpec+Capybara 简单 BDD 入门 -11

blueplanet — Sat, 05 Jan 2013 22:05:50 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -10

用户故事

用户希望对帖子进行回复

环境准备

git checkout -b f11
rails c # console
rails s # server

步骤

编辑`spec/features/guest_can_see_topic_info_spec.rb`，增加回复 form 的验证部分

scenario '应该显示回复用的form' do
  visit "/topics/#{@topic.id}"

  page.should have_field 'reply_content'
  page.should have_button '提交回复'
end

测试失败：expected to find field "replay_content" but there were no matches
原因：没有实现的代码

编辑`topics/show.html.haml`

拷贝ui/topic.html中回复 form 的部分至当前模板

%section#reply.box
  %form(action="" method="post")
    %textarea(rows="4")
    %input(type="submit" class="btn btn-primary" value="提交回复")

修改为

%section#reply.box
  = form_for [@topic, Reply.new] do |f|
    = f.text_area :content, rows: 4
    = f.submit "提交回复", class: "btn btn-primary"

测试失败：undefined methodtopic_replies_path' for #<#<Class:0x007fc0f8`
原因：没有设置路由信息

编辑`config/routes.rb`，增加嵌套的 replay 的路由设置

resources :topics, only: [:index, :show, :new, :create] do
  resources :replies, only: [:create]
end

测试通过！

增加提交回复的测试用例

scenario '输入回复内容点击"提交回复"后，正常提交回复' do
  visit "/topics/#{@topic.id}"

  fill_in 'reply_content', with: "回复测试"
  click_button "提交回复"

  current_path.should == topic_path(@topic)
  page.should have_content "回复测试"
end

测试失败：uninitialized constant RepliesController
原因：没有replies这个controller

在`rails console`中执行

[34] pry(main)> generate "controller replies"
      create  app/controllers/replies_controller.rb
      invoke  haml
      create    app/views/replies
=> "Completed"
[35] pry(main)>

测试失败：The action 'create' could not be found for RepliesController
原因：没有create方法

编辑`controllers/replies_controller.rb`，增加`create`方法

def create
end

测试失败：Missing template replies/create, application/create with {:local...
原因：没有replies/create模板

编辑`controllers/replies_controller.rb`，增加实际逻辑

class RepliesController < ApplicationController
  def create
    topic = Topic.find(params[:topic_id])
    reply = topic.replies.build params[:reply]
    reply.user = current_user
    reply.save

    redirect_to topic
  end
end

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f11 --no-ff
git branch -d f11

!! 全部完成!!

使用 RSpec+Capybara 简单 BDD 入门 -10

blueplanet — Sat, 05 Jan 2013 21:59:52 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -9

用户故事

用户希望看到最新回复的信息

帖子列表页面上显示最新回复的信息

回复人
回复日期

补充：

实际的目的是把回复和用户关联起来

环境准备

git checkout -b f10
rails c # console
rails s # server

步骤

编辑`spec/features/topics_spec.rb`，增加最新回复的验证部分

scenario '应该显示帖子的最新回复的信息' do
  page.should have_content "last replied by #{@user.name} less than a minute ago"
end

测试失败：expected there to be text "last replied by test_user less than a minute ago" i...
原因：还没有实现具体的代码

编辑`topics/_topics.html.haml`

拷贝ui/topics.html中最新回复的部分至当前模板

%span= "  •  "
last replied by
= link_to "knwang", nil, class: "user_link"
4 mintes ago

修改为

- last_replay = topic.replies.last
- if last_replay
  %span= "  •  "
  last replied by
  = link_to last_replay.user.name, last_replay.user, class: "user_link"
  = "#{time_ago_in_words(last_replay.created_at)} ago"

在测试用例的background部分加入replay的数据

Topic.last.replies.create content: 'test replay', user: @user

测试失败：Can't mass-assign protected attributes: user
原因：没有设置user的访问属性

编辑`models/reply.rb`，增加用户关联并设置访问属性

class Reply < ActiveRecord::Base
  attr_accessible :content, :topic, :user

  belongs_to :topic
  belongs_to :user
end

在`rails console`中执行

[32] pry(main)> generate "migration AddUserIdToReplies user_id:integer"
      invoke  active_record
      create    db/migrate/20130103120615_add_user_id_to_replies.rb
=> "Completed"
[33] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f10 --no-ff
git branch -d f10

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -11

使用 RSpec+Capybara 简单 BDD 入门 -9

blueplanet — Sat, 05 Jan 2013 21:47:42 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -7

用户故事

用户希望看到帖子的回复列表

显示帖子的回复数量
显示回复的下列信息
- 回复日期时间
- 回复内容

环境准备

git checkout -b f9
rails c # console
rails s # server

步骤

编辑`spec/features/guest_can_see_topic_info_spec.rb`，增加回复部分的验证

scenario '应该显示帖子的回复信息' do
  visit "/topics/#{@topic.id}"

  page.should have_content "共收到 5 条回复"
end

测试失败：expected there to be text "共收到 5 条回复" in "社区会员...
原因：还没有实现代码

编辑`topics/show.html.haml`

拷贝ui/topic.html.haml的回复部分到当前模板

  %section#topic_content.box
    %p= @topic.content

  %section#replies_banner.box.info-box
    %span 共收到 5 条回复

  %section#replies.box
    %ul
      %li
        %a.span1(href="")
          %img(src="#{gravatar_url('joe@example.com')}")
        %article.span8
          = link_to "knwang", nil, class: "user_link"
          %span two hours ago
          %p ++ -- 这个操作就是罪恶的源泉。。++ -- 这个操作就是罪恶的源泉。。++ -- 这个操作就是罪恶的源泉。。++ -- 这个操作就是罪恶的源泉。。++ -- 这个操作就是罪恶的源泉。。++ -- 这个操作就是罪恶的源泉。。
      %li
        %a.span1(href="")
          %img(src="#{gravatar_url('joe@example.com')}")
        %article.span8
          = link_to "knwang", nil, class: "user_link"
          %span two hours ago
          %p ++ -- 这个操作就是罪恶的源泉。。
      %li
        %a.span1(href="")
          %img(src="#{gravatar_url('joe@example.com')}")
        %article.span8
          = link_to "knwang", nil, class: "user_link"
          %span two hours ago
          %p ++ -- 这个操作就是罪恶的源泉。。


%section#sidebar
  %section#new_topic.box

并修改为

  %section#topic_content.box
    %p= @topic.content

  %section#replies_banner.box.info-box
    %span= "共收到 #{@topic.replies.count} 条回复"

  %section#replies.box
    %ul
      - @topic.replies.each do |reply|
        %li
          %a.span1(href="")
            %img(src="#{gravatar_url('joe@example.com')}")
          %article.span8
            = link_to "knwang", nil, class: "user_link"
            %span= "#{time_ago_in_words(reply.created_at)} ago"
            %p= reply.content 

%section#sidebar
  %section#new_topic.box

注意：回复的user暂时先不考虑

测试失败：undefined methodreplies' for #Topic:0x007fc0f5c4b3b0...`
原因：没有replies定义

编辑`models/topic.rb`，增加关联定义

has_many :replies

测试失败：uninitialized constant Topic::Reply
原因：没有Reply这个model的定义

在`rails console`中执行

[26] pry(main)> generate "model reply content:text topic_id:integer"
      invoke  active_record
      create    db/migrate/20130103064335_create_replies.rb
      create    app/models/reply.rb
=> "Completed"
[27] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

修改 spec 文件

# coding: utf-8
feature '访问者希望看到帖子的详细信息' do
  background do
    @node = Node.create name: "Ruby"
    @topic = Topic.create title: "topic 1 test", content: "topic 1 content",  node: @node

    5.times.map.with_index { |i| Reply.create content: "reply #{i}", topic: @topic, user: user }
  end

  scenario '应该显示帖子的详细信息' do
......
  end

  scenario '应该显示帖子的回复信息' do
    visit "/topics/#{@topic.id}"

    page.should have_content "共收到 #{@topic.replies.count} 条回复"

    @topic.replies.each do |reply|
      page.should have_content reply.content
    end
  end
end

测试失败：Can't mass-assign protected attributes: topic, user
原因：没有设置topic,user的访问属性

编辑`models/reply.rb`，增加访问属性并设置 topic 和 user 的关联

class Reply < ActiveRecord::Base
  attr_accessible :content, :topic

  belongs_to :topic
end

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f9 --no-ff
git branch -d f9

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -10

使用 RSpec+Capybara 简单 BDD 入门 -8

blueplanet — Sat, 05 Jan 2013 21:44:20 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -7

用户故事

用户希望发布新帖

输入下列项目

节点
标题
内容点击保存按钮后，显示帖子列表
帖子列表显示帖子创建者信息
在用户信息页面显示最新公开的帖子列表

环境准备

git checkout -b f8
rails c # console
rails s # server

步骤

新建文件`spec/features/user_can_publish_topic_spec.rb`

# coding: utf-8
feature '用户希望公开帖子' do
  background do
    @user = User.create name: 'test_user'
  end

  before do
    visit '/sign_in'

    fill_in 'user_name', with: @user.name
    click_button "登录"
  end

  scenario '访问/topics/new，应该显示新建帖子页面' do
    click_link "发布新帖"

    current_path.should == new_topic_path
    page.should have_content "新建帖子"
  end
end

测试失败：undefined local variable or methodnew_topic_path' for #<RSpec:...`
原因：没有new_topic的路由信息

编辑`config/routes.rb`，增加路由信息

resources :topics, only: [:index, :show, :new]

测试失败：expected there to be text "新建帖子" in "社区会员...
原因：“新建帖子”的链接还没有加上

编辑`topics/index.html.haml`

修改第 10 行，增加链接

= link_to "发布新帖", new_topic_path, class: "btn btn-success"

测试失败：The action 'new' could not be found for TopicsController
原因：没有定义new方法

编辑`controllers/topics_controller.rb`，增加`new`方法

def new
end

测试失败：Missing template topics/new, application/new with {:locale=>...
原因：没有topics/new模板

新建`topics/new.html.haml`模板

拷贝ui/new_topic.html内容至当前文件

测试通过！

确认用户故事，增加`spec`

# coding: utf-8
feature '用户希望公开帖子' do
  background do
    @user = User.create name: 'test_user'

    Node.create name: "Ruby"
    Node.create name: "Rails"
    Node.create name: "XiaCheDan"
  end

  before do
    visit '/sign_in'

    fill_in 'user_name', with: @user.name
    click_button "登录"
  end

  scenario '访问/topics/new，应该显示新建帖子页面' do
    click_link "发布新帖"

    page.should have_content "新建帖子"
    page.should have_select "topic_node", options: Node.all.map { |node| node.name }
    page.should have_field 'topic_title'
    page.should have_field 'topic_content'
  end
end

测试失败：expected to find select box "topic_node" but there wer...
原因：模板还是写死的数据

编辑`topics/new.html.haml`

= render 'shared/breadcrumb', links: [["Home", ""], ["社区", ""], ["发帖", ""]]

%section#new_topic.box
  %h1 新建帖子
  = form_for @topic, html: {class: "form-horizontal"} do |f|
    .control-group
      = f.label "标题", class: "control-label"
      .controls
        = f.select :node_id, Node.all.map{ |node| [node.name, node.id] }
        %select
          %option(value="Ruby") Ruby
          %option(value="Rails") Rails
          %option(value="XiaCheDan") XiaCheDan
        = f.text_field :title
    .control-group
      = f.label "正文"
      .controls
        = f.text_area :content, rows: 20
    .submit-button
      = f.submit "保存", class: "btn btn-primary"
      = link_to "取消"

%section#sidebar
  %section#new_post_note.box
    %h2 发帖说明
    %p 没啥可说的，发就是了

测试失败：undefined methodmodel_name' for NilClass:Class`
原因：没有对@topic变量赋值

编辑`controllers/topics_controller.rb`

def new
  @topic = Topic.new
end

测试通过！

确认用户故事，增加 spec

# coding: utf-8
feature '用户希望公开帖子' do
  background do
    @user = User.create name: 'test_user'

    @ruby_node = Node.create name: "Ruby"
    Node.create name: "Rails"
.....
  scenario '输入节点、标题、内容，点击"保存"按钮，应该正常提交并显示帖子列表' do
    click_link "发布新帖"

    select @ruby_node.name, from: 'topic_node_id'
    fill_in 'topic_title', with: 'new topic title'
    fill_in 'topic_content', with: 'new topic content'

    click_button "保存"

    current_path.should == root_path
    page.should have_content 'new topic title'
  end
end

测试失败：No route matches [POST] "/topics"
原因：没有topics#create的路由信息

编辑`config/routes.rb`，增加路由信息

resources :topics, only: [:index, :show, :new, :create]

测试失败：The action 'create' could not be found for TopicsController
原因：没有定义create方法

编辑`controllers/topics_controller.rb`

def create
end

测试失败：Missing template topics/create, application/create with {:loca...
原因：没有create模板。

编辑`controllers/topics_controller.rb`

def create
  Topic.create(params[:topic])
  redirect_to root_path
end

测试失败：Can't mass-assign protected attributes: node_id
原因：没有对node_id的访问属性声明

编辑`model/topic.rb`，增加属性声明

attr_accessible :title, :node, :content, :node_id

测试通过！！

重构

spec 文件中，click_link "发布新帖"可以移到before里面

before do
  visit '/sign_in'

  fill_in 'user_name', with: @user.name
  click_button "登录"

  click_link "发布新帖"
end

scenario '访问/topics/new，应该显示新建帖子页面' do
  page.should have_content "新建帖子"
  page.should have_select "topic_node_id", options: Node.all.map { |node| node.name }
  page.should have_field 'topic_title'
  page.should have_field 'topic_content'
end

scenario '输入节点、标题、内容，点击"保存"按钮，应该正常提交并显示帖子列表' do
  select @ruby_node.name, from: 'topic_node_id'
  fill_in 'topic_title', with: 'new topic title'
  fill_in 'topic_content', with: 'new topic content'

  click_button "保存"

  current_path.should == root_path
  page.should have_content 'new topic title'
end

测试应该仍然全部通过

确认用户故事，修改 spec

编辑`spec/features/topics_spec.rb`，增加帖子创建者的验证部分

第二行的 feature 描述错了，也顺便修改一下 :)
顺便把重复的部分重构一下 :)

# coding: utf-8
feature '访问者希望看到所有帖子' do
  background do
    node = Node.create name: "瞎扯淡"
    @user = User.create name: 'test_user'

    Topic.create title: "DHH 的公开课", node: node
    Topic.create title: "Rails3 中 compass 的 IE 使用问题", node: node
    Topic.create title: "这周二上海搞Ruby Tuesday么？", node: node
  end

  context "访问/topics" do
    before do
      visit '/topics'
    end

    scenario '应该显示所有帖子' do
      Topic.all.each { |topic| page.should have_content topic.title }

      page.should have_content "published less than a minute ago"
    end

    scenario '应该显示帖子的节点名称' do
      Topic.all.each { |topic| page.should have_content topic.node.name } 
    end

    scenario '应该显示帖子创建者名称' do
      page.should have_content @user.name
    end
  end
end

测试失败：expected there to be text "test_user" in "社区会员...
原因：还没有显示创建者名称

编辑`topics/_topics.html.haml`

修改第 12 行

= link_to "knwang", nil, class: "user_link"

为

= link_to topic.author.name, topic.author, class: "user_link"

测试失败：undefined methodanthor' for #Topic:0x007fd32d943a60`
原因：没有定义author方法

编辑`models/topic.rb`，增加`author`的声明

belongs_to :anthor, class_name: "User"

在`rails console`中执行

[20] pry(main)> generate "migration AddAuthorIdToTopics author_id:integer"
      invoke  active_record
      create    db/migrate/20130102235735_add_author_id_to_topics.rb
=> "Completed"
[21] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

编辑`spec`，修改`Topic`，增加`author`的赋值部分

Topic.create title: "DHH 的公开课", node: node, author: @user
Topic.create title: "Rails3 中 compass 的 IE 使用问题", node: node, author: @user
Topic.create title: "这周二上海搞Ruby Tuesday么？", node: node, author: @user

测试失败：Can't mass-assign protected attributes: author
原因：没有设置author的访问属性

编辑`models/topic.rb`，增加访问属性声明

attr_accessible :title, :node, :content, :node_id, :author

部分测试成功，但有其他的测试失败

编辑`spec/features/user_can_publish_topic_spec.rb`

测试失败原因：公开帖子的时候没有设置author

def create
  topic = Topic.new params[:topic]
  topic.author = current_user
  topic.save

  redirect_to root_path
end

测试成功

编辑`spec/features/nodes_spec.rb`

测试失败原因：数据准备部分没有设置author

background do
  user = User.create name: 'test_user'

  @node1 = Node.create name: "Ruby Node", description: "Ruby是一门优美的语言"
  @node2 = Node.create name: "Rails Node", description: "Rails是一个快速WEB开发框架"

  2.times.map.with_index { |i| Topic.create title: "topic #{i}", node: @node1, author: user}
  3.times.map.with_index { |i| Topic.create title: "topic #{i + 10}", node: @node2, author: user}
end

测试通过！

再次确认用户故事，增加 spec

编辑`spec/features/guest_can_see_user_info_spec.rb`，增加最新帖子的验证部分

# coding: utf-8
feature '访问者希望看到用户的信息' do
  background do
    @user = User.create name: "test_user"

    5.times.map.with_index { |i| Topic.create title: "topic #{i}", author: @user }
  end

  scenario '访问/users/:id, 应该显示用户信息' do
    visit "/users/#{@user.id}"

    page.should have_content @user.name
    page.should have_content @user.created_at.to_s

    Topic.all.each do |topic|
      page.should have_content topic.title
    end
  end
end

测试失败：expected there to be text "topic 0" in "社区会...
原因：还没有实现最新回复的部分

编辑`users/show.html.haml`

拷贝ui/user.html.haml中最新回复的部分至当前模板最下方

%section#user_recent_topics.box
  %section#user_recent_topics_banner.box.info-box
    %span 最近发布的帖子
  %section#user_recent_topics_content.box
    %ul
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago

修改为

%section#user_recent_topics.box
  %section#user_recent_topics_banner.box.info-box
    %span 最近发布的帖子
  %section#user_recent_topics_content.box
    %ul
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago
      %li
        = link_to "Rails", nil, class: "node"
        = link_to "BDD开发模式:使用Rspec开发Rails Project的标准流程是什么?"
        %span 3 days ago

测试失败：undefined methodtopics' for #User:0x007fc0f7305830...`
原因：user还没有和topic关联

编辑`models/user.rb`，增加关联

has_many :topics, :class_name => "Topic", :foreign_key => "author_id"

测试通过！

重构

编辑 `spec/featurs/guest_can_see_user_info_spec.rb`

最新发布帖子的验证部分分到单独的scenario
把重复的部分提取到before

# coding: utf-8
feature '访问者希望看到用户的信息' do
  background do
    @user = User.create name: "test_user"
    node = Node.create name: "ruby"

    5.times.map.with_index { |i| Topic.create title: "topic #{i}", node: node, author: @user }
  end

  before do
    visit "/users/#{@user.id}"
  end

  scenario '应该显示用户信息' do
    page.should have_content @user.name
    page.should have_content @user.created_at.to_s
  end

  scenario '应该显示用户最新发布的帖子' do
    Topic.all.each do |topic|
      page.should have_content topic.title
    end
  end
end

补充重构（可以不做）

`guest_can_sign_in_spec.rb`中也有重复的代码可以重构

scenario '输入用户名后点击"登录"按钮，应该正常登录' do
  visit "/sign_in"

  fill_in "user_name", with: @user.name
  click_button "登录"

  current_path.should == root_path
end

scenario '应该显示用户名称' do
  visit "/sign_in"

  fill_in "user_name", with: @user.name
  click_button "登录"

  page.should have_content @user.name    
end

可以把重复的部分提取出来

  before do
    visit "/sign_in"

    fill_in "user_name", with: @user.name
    click_button "登录"
  end

  scenario '输入用户名后点击"登录"按钮，应该正常登录' do
    current_path.should == root_path
  end

  scenario '应该显示用户名称' do
    page.should have_content @user.name    
  end
end

完成，提交代码

git add .
git commit 
git checkout dev
git merge f8 --no-ff
git branch -d f8

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -9

使用 RSpec+Capybara 简单 BDD 入门 -7

blueplanet — Sat, 05 Jan 2013 21:25:52 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -6

用户故事

访问者希望登录

使用用户名登录
登录后显示帖子列表
在右上角显示用户名

环境准备

git checkout -b f7
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_sign_in_spec.rb`

# coding: utf-8
feature '访问者希望登录' do
  background do
    @user = User.create name: "test_user", email: "test@test.com"
  end

  scenario '输入用户名后点击"登录"按钮，应该正常登录' do
    visit "/sign_in"

    fill_in "user_name", with: @user.name
    click_button "登录"

    current_path.should == root_path
  end
end

测试失败：No route matches [GET] "/sign_in"
原因：没有sign_in的路由信息

编辑`config/routes.rb`，增加路由信息

match 'sign_in', to: "sessions#new"

测试失败：uninitialized constant SessionsController
原因：没有sessions这个controller

在`rails console`中执行

[10] pry(main)> generate "controller sessions"
      create  app/controllers/sessions_controller.rb
      invoke  haml
      create    app/views/sessions
=> "Completed"
[11] pry(main)>

测试失败：The action 'new' could not be found for SessionsController
原因：没有定义new方法

编辑`controllers/sessions_controller.rb`，增加`new`方法

class SessionsController < ApplicationController
  def new
  end
end

测试失败：Missing template sessions/new, application/new with {:lo...
原因：没有对应的new模板

新建`sessions/new.html.haml`模板

拷贝ui/signin.html内容至当前模板

= render 'shared/breadcrumb', links: [["Home", ""]]

%section#sign_in.box
  %h1 登录
  %form(action="" method="post" class="form-horizontal")
    .control-group
      %label(class="control-label") 用户名
      .controls
        %input(type="text")
    .submit-button
      %input(type="submit" value="登录" class="btn btn-primary")

%section#sidebar
  %section#has_account.box
    %h2 还没有帐号?
    = link_to "注册"

测试失败：Unable to find field "user_name"
原因：模板还是写死的假数据

修改`sessions/new.html.haml`模板

= render 'shared/breadcrumb', links: [["Home", ""]]

%section#sign_in.box
  %h1 登录
  = form_tag sessions_path, method: :post, class: "form-horizontal" do
    .control-group
      = label_tag :user_name, "用户名", class: "control-label"
      .controls
        = text_field_tag :user_name
    .submit-button
      = submit_tag "登录", class: "btn btn-primary"

%section#sidebar
  %section#has_account.box
    %h2 还没有帐号?
    = link_to "注册"

测试失败：undefined local variable or methodsessions_path' for #<...`
原因：没有sessions#create的路由信息

编辑`config/routes.rb`，增加路由信息

resources :sessions, only: [:create]

测试失败：The action 'create' could not be found for SessionsController
原因：没有定义create方法

编辑`controllers/sessions_controller`，增加`create`方法

def create
end

测试失败：Missing template sessions/create, application/create with {:l...
原因：没有sessions/create模板

编辑`controllers/sessions_controller`，修改`create`方法内容

def create
  session[:user_name] = params[:user_name]
  redirect_to root_path
end

测试通过！

确认用户故事，增加 spec

编辑`spec/features/guest_can_sign_in_spec.rb`

scenario '应该显示用户名称' do
  visit "/sign_in"

  fill_in "user_name", with: @user.name
  click_button "登录"

  page.should have_content @user.name    
end

测试失败：expected there to be text "test_user" in "社区会员 knowa...
原因：还没有写显示用户名称的代码

编辑`layouts/application.html.haml`

把第 22 行 knowang 的部分修改为实际代码

= current_user.name

测试失败：undefined local variable or methodcurrent_user' for #<...`
原因：没有定义current_user方法

编辑`controllers/application_controller.rb`，增加`current_user`的定义

class ApplicationController < ActionController::Base
  protect_from_forgery

  helper_method :current_user

  private
  def current_user
    user = User.new
    user = User.find_by_name(session[:user_name]) if session[:user_name]
    user
  end
end

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f7 --no-ff
git branch -d f7

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -8

使用 RSpec+Capybara 简单 BDD 入门 -6

blueplanet — Sat, 05 Jan 2013 21:16:04 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -5

用户故事

访问者希望注册用户

通过用户名和 Email 注册

环境准备

git checkout -b f6
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_sign_up_spec.rb`

# coding: utf-8
feature '访问者希望注册用户' do
  scenario '访问/sign_up, 应该显示注册用页面' do
    visit '/sign_up'

    page.should have_field "user_name"
    page.should have_field "user_email"
  end
end

测试失败：No route matches [GET] "/sign_up"
原因：没有sign_up的路由信息

编辑`config/routes.rb`，增加下列路由

match 'sign_up', to: "users#new"

测试失败：The action 'new' could not be found for UsersController
原因：users_controller没有new方法

编辑`controllers/users_controlelr.rb`，增加`new`方法

class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
  end

  def new
  end
end

测试失败：Missing template users/new, application/new with {:locale=>[:e...
原因：没有new模板

新建`users/new.html.haml`模板

拷贝ui/signup.html.haml内容至当前模板

测试失败：expected to find field "name" but there were no matches
原因：模板不是实际的内容，没有对应的字段

编辑`users/new.html.haml`模板

= render 'shared/breadcrumb', links: [["Home", ""]]

%section#new_user.box
  %h1 注册新用户
  = form_for @user, html: {class: "form-horizontal"} do |f|
    .control-group
      = f.label "用户名", class: "control-label"
      .controls
        = f.text_field :name
      = f.label "Email", class: "control-label"
      .controls
        = f.text_field :email, placeholder: "foo@bar.com"
    .submit-button
      = f.submit "提交注册信息", class: "btn btn-primary"

%section#sidebar
  %section#has_account.box
    %h2 已经有帐号了？
    = link_to "登录"

测试失败：undefined methodmodel_name' for NilClass:Class`
原因：没有设置@user变量

编辑`controllers/users_controller.rb`，在`new`方法中增加对`@user`赋值

def new
  @user = User.new
end

测试失败：undefined methodusers_path' for #<#<Class:0x007fd32d...`
原因：没有对users#create的路由信息

编辑`config/routes.rb`，增加`users#create`的路由信息

resources :users, only: [:show, :create]

测试失败：undefined methodemail' for #<User id: nil, nam...`
原因：user中没有定义email字段

在`rails consle`中执行

[9] pry(main)> generate "migration AddEmailToUsers email:string"
      invoke  active_record
      create    db/migrate/20130102003510_add_email_to_users.rb
=> "Completed"
[10] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

测试通过！

确认用户故事

###增加测试用例

# coding: utf-8
feature '访问者希望注册用户' do
  scenario '访问/sign_up, 应该显示注册用页面' do
    visit '/sign_up'

    page.should have_field "user_name"
    page.should have_field "user_email"
  end

  scenario '输入用户名和Email，点击"提交注册信息"按钮，应该显示首页' do
    visit '/sign_up'

    fill_in "user_name", with: "test_user"
    fill_in "user_email", with: "test@test.com"

    click_button "提交注册信息"

    current_path.should == root_path
  end
end

测试失败：The action 'create' could not be found for UsersController
原因：没有定义create方法

编辑`controllers/users_controller.rb`，增加`create`方法

def create
end

测试失败：Missing template users/create, application/create with {:loca...
原因：没有create模板

编辑`create`方法

def create
  User.create(params[:user])
  redirect_to root_path
end

测试失败：Can't mass-assign protected attributes: email
原因：没有email的属性声明

编辑`model/user.rb`，增加`email`属性声明

attr_accessible :name, :email

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f6 --no-ff
git branch -d f6

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -7

使用 RSpec+Capybara 简单 BDD 入门 -5

blueplanet — Sat, 05 Jan 2013 20:51:36 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -4

用户故事

访问者希望看到用户的信息

用户名称、创建日期

环境准备

git checkout -b f5
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_see_user_info_spec.rb`

# coding: utf-8
feature '访问者希望看到用户的信息' do
  scenario '访问/users/:id, 应该显示用户信息' do
    visit "/users/1"

    page.should have_content "test_user"
  end
end

测试失败：No route matches [GET] "/users/1"
原因：没有/users/1对应的路由信息

编辑`config/routes.rb`，增加路由信息

resources :users, only: [:show]

测试失败：uninitialized constant UsersController
原因：没有UsersController

在`rails console`中执行

[7] pry(main)> generate "controller users"
      create  app/controllers/users_controller.rb
      invoke  haml
      create    app/views/users
=> "Completed"
[8] pry(main)>

测试失败：The action 'show' could not be found for UsersController
原因：没有show方法

编辑`controllers/users_controller`，增加`show`方法

class UsersController < ApplicationController
  def show
  end
end

测试失败：Missing template users/show, application/show with {:loc...
原因：没有show模板

新建`users/show.html.haml`

拷贝ui/user.html内容至当前模板

%section#user.box
  %h1 个人信息
  %img(src="#{gravatar_url('joe@example.com')}")
  %dl
    %dt.span1 ID:
    %dd
      %strong chucai
    %dt.span1 Since:
    %dd 2012年2月12日

注意：当前用户故事只考虑基本用户信息，最新帖子和最新回复以后的步骤中会增加

测试失败：expected there to be text "test_user" in "社区会员 knowa...
原因：页面还是写死的数据

修改模板`users/show.html.haml`

%section#user.box
  %h1 个人信息
  %img(src="#{gravatar_url('joe@example.com')}")
  %dl
    %dt.span1 ID:
    %dd
      %strong= @user.name
    %dt.span1 Since:
    %dd= @user.created_at

测试失败：undefined methodname' for nil:NilClass`
原因：没有对@user变量赋值

编辑`controllers/users_controller.rb`

class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
  end
end

测试失败：uninitialized constant UsersController::User
原因：没有user这个model

在`rails console`中执行

[8] pry(main)> generate "model user name:string"
      invoke  active_record
      create    db/migrate/20130101221838_create_users.rb
      create    app/models/user.rb
=> "Completed"
[9] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

测试失败：Couldn't find User with id=1
原因：测试用例中使用的是写死的数据

修改测试用例，增加`user`部分

# coding: utf-8
feature '访问者希望看到用户的信息' do
  background do
    @user = User.create name: "test_user"
  end

  scenario '访问/users/:id, 应该显示用户信息' do
    visit "/users/#{@user.id}"

    page.should have_content @user.name
    page.should have_content @user.created_at.to_s
  end
end

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f5 --no-ff
git branch -d f5

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -6

使用 RSpec+Capybara 简单 BDD 入门 -4

blueplanet — Sat, 05 Jan 2013 20:40:48 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -3

用户故事

访问者希望看到帖子的详细信息

显示标题、内容、节点、创建日期
顶部的导航链接

环境准备

git checkout -b f4
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_see_topic_info_spec.rb`

# coding: utf-8
feature '访问者希望看到帖子的详细信息' do
  background do
    @node = Node.create name: "Ruby"
    @topic = Topic.create title: "topic 1 test", node: @node
  end

  scenario '访问/topics/1, 应该显示帖子的详细信息' do
    visit "/topics/#{@topic.id}"

    page.should have_content @topic.title
    page.should have_content @topic.node.name
  end
end

测试失败：No route matches [GET] "/topics/1"
原因：没有topics/1对应的路由信息

编辑`config/routes.rb`，增加`topics show`的路由设置

resources :topics, only: [:index, :show]

测试失败：The action 'show' could not be found for TopicsController
原因：TopicsController没有定义show方法

编辑`controllers/topics_controller.rb`，增加`show`方法定义

def show
end

测试失败：Missing template topics/show, application/show with {:lo...
原因：没有show模板

增加`topics/show.html.haml`，拷贝`ui/topic.html.haml`的内容至当前模板

测试失败：expected there to be text "topic 1 test" in "社区会...
原因：模板中是写死的假数据

修改`topics/show.html.haml`内容

= render 'shared/breadcrumb', links: [["Home", ""], ["社区", ""], ["新手问题", ""], ["浏览帖子", ""]]

%section#show_topic
  %section#topic_banner.box.info-box
    %h1= @topic.title
    %p.topic_info
      = link_to @topic.node.name, @topic.node, class: "node"
      %span= "  •  "
      = link_to "knwang", nil, class: "user_link"
      %span= "  •  "
      = "published #{@topic.created_at} ago"
  %section#topic_content.box
    %p= @topic.content

%section#sidebar
  %section#new_topic.box
    = link_to "发布新帖", nil, class: "btn btn-success"
  %section#stats.box
    %ul
      %li 社区会员: 4029 人
      %li 帖子数: 312 篇
      %li 回帖数: 3123 条

注意：回复的部分在后面的步骤中做，暂时删掉即可

测试失败：undefined methodtitle' for nil:NilClass`
原因：没有对@topic变量赋值

编辑`controllers/topics_controller.rb`

def show
  @topic = Topic.find(params[:id])
end

测试失败：undefined methodcontent' for #<Topic:0x0...`
原因：最开始生成topic的时候忘了content属性了 :)

在`rails console`中执行

[5] pry(main)> generate "migration AddContentToTopics content:text"
      invoke  active_record
      create    db/migrate/20130101134732_add_content_to_topics.rb
=> "Completed"
[6] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

测试通过！

修改测试用例，增加内容和创建时间的验证

# coding: utf-8
feature '访问者希望看到帖子的详细信息' do
  background do
    @node = Node.create name: "Ruby"
    @topic = Topic.create title: "topic 1 test", content: "topic 1 content",  node: @node
  end

  scenario '访问/topics/1, 应该显示帖子的详细信息' do
    visit "/topics/#{@topic.id}"

    page.should have_content @topic.title
    page.should have_content @topic.content
    page.should have_content @topic.node.name
    page.should have_content "published #{@topic.created_at} ago"
  end
end

测试失败：Can't mass-assign protected attributes: content
原因：没有设置content的访问属性

编辑`model/topic.rb`

attr_accessible :title, :node, :content

测试通过！

再次确认用户故事

增加导航栏的验证

page.should have_link "Home", href: root_path
page.should have_link @topic.node.name, href: node_path(@topic.node)
page.should have_link "浏览帖子", href: topic_path(@topic)

测试失败：undefined local variable or methodroot_path' for...`n
原因：没有root_path的定义

编辑`config/routes.rb`，增加`root_path`的定义

MyRubyChina::Application.routes.draw do
  resources :topics, only: [:index, :show]
  resources :nodes, only: [:show]

  root to: "topics#index"

  match 'ui/:action', controller: 'ui'
...

删除默认的主页文件

rm public/index.html

测试失败：expected to find link "Home" but there were no matches. Als...
原因：没有定义对应的链接

编辑`topics/show.html.haml`，修改顶部导航栏链接

= render 'shared/breadcrumb', links: [["Home", root_path], [@topic.node.name, @topic.node], ["浏览帖子", @topic]]

测试通过！

完成，提交代码

git add .
git rm public/index.html
git commit 
git checkout dev
git merge f4 --no-ff
git branch -d f4

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -5

使用 RSpec+Capybara 简单 BDD 入门 -3

blueplanet — Sat, 05 Jan 2013 20:29:07 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -2

用户故事

访问者希望看到一个节点的帖子列表

点击节点后显示该节点的帖子列表

环境准备

git checkout -b f3
rails c # console
rails s # server

步骤

新建文件`spec/features/nodes_spec.rb`

# coding: utf-8
feature '访问者希望看到一个节点的帖子列表' do
  background do
    @node1 = Node.create name: "Ruby Node"
    @node2 = Node.create name: "Rails Node"

    2.times.map.with_index { |i| Topic.create title: "topic #{i}", node: @node1}
    3.times.map.with_index { |i| Topic.create title: "topic #{i + 10}", node: @node2}
  end

  scenario '点击节点名称后，应该显示该节点的帖子列表' do
    visit '/topics'

    page.should have_content @node1.name
    page.should have_content @node2.name

    first(:link, @node1.name).click

    page.should have_content @node1.name
    page.should_not have_content @node2.name
  end
end

测试失败：Failure/Error: page.should_not have_content @node2.name expected there not to be text "Rails Node" in "....
原因：节点的链接还是无效链接，没有起作用

修改`topics/index.html.haml`

= link_to topic.node.name, nil, class: "node"

修改为

= link_to topic.node.name, , class: "node"

测试失败：undefined method node_path' for ...
原因：没有定义node的路由信息

修改`config/routes.rb`，增加`node`的路由定义

resources :nodes, only: [:show]

测试失败：uninitialized constant NodesController
原因：没有 node controller

在`rails console`中执行

[3] pry(main)> generate "controller nodes"
      create  app/controllers/nodes_controller.rb
      invoke  haml
      create    app/views/nodes
=> "Completed"
[4] pry(main)>

测试失败：The action 'show' could not be found for NodesController
原因：没有show方法

编辑`controllers/nodes_controller.rb`，增加`show`方法

class NodesController < ApplicationController
  def show
  end
end

测试失败：Missing template nodes/show, application/show with {:...
原因：没有show模板

新建`views/nodes/show.html.haml`

拷贝ui/node.html至上述文件，并修改第 5 行

%h2= node.name

测试失败：undefined methodname' for nil:NilClass
原因：没有对@node赋值

编辑`controllers/nodes_controller.rb`，增加`@node`的赋值

@node = Node.find(params[:id])

测试成功！但只是因为都是写死的数据，所以需要继续修改

修改`nodes/show.html.haml`第 7 行

%p= @node.description

测试失败：undefined methoddescription' for #<...`
原因：node没有description方法

在`rails console`中执行

[4] pry(main)> generate "migration AddDescriptionToNodes description:text"
      invoke  active_record
      create    db/migrate/20130101042100_add_description_to_nodes.rb
=> "Completed"
[5] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

测试成功。但各个帖子的信息还是写死的数据

编辑`controllers/nodes_controller.rb`，修改帖子列表的部分

= render 'shared/breadcrumb', links: [["Home", ""], ["社区", ""], ["Ruby", ""]]

%section#node_topics
  %section#node_info.box.box-gray.info-box
    %h2= @node.name
    %span 共有48个讨论主题
    %p= @node.description
  %ul.topics.box
    - @node.topics.each do |topic|
      %li
        %a.span1(href="")
          %img(src="#{gravatar_url('joe@example.com')}")
        %article.span7
          %p.topic_title
            = link_to topic.title
          %p.topic_info
            = link_to topic.node.name, topic.node, class: "node"
            %span= "  •  "
            = link_to "knwang", nil, class: "user_link"
            %span= "  •  "
            = "published #{time_ago_in_words(topic.created_at)} ago"
        %p.replies.span1
          %span 12

%section#sidebar
  %section#new_topic.box
    = link_to "发布新帖", nil, class: "btn btn-success"
  %section#stats.box
    %ul
      %li 社区会员: 4029 人
      %li 帖子数: 312 篇
      %li 回帖数: 3123 条

测试失败：undefined methodtopics' for #<Node:...`
原因：node没有topics方法

编辑`model/node.rb`，增加`topics`的声明

has_many :topics

测试成功！

重构

仔细看一下，topics/index.html.haml和nodes/show.html.haml两个页面中，显示帖子列表的部分是完全相同的，可以提出一个部分模板

新建`topics/_topics.html.haml`

%ul.topics.box
  - topics.each do |topic|
    %li
      %a.span1(href="")
        %img(src="#{gravatar_url('joe@example.com')}")
      %article.span7
        %p.topic_title
          = link_to topic.title
        %p.topic_info
          = link_to topic.node.name, topic.node, class: "node"
          %span= "  â€˘  "
          = link_to "knwang", nil, class: "user_link"
          %span= "  â€˘  "
          = "published #{time_ago_in_words(topic.created_at)} ago"
      %p.replies.span1
        %span 12

** 注意：把@topics变量修改为本地变量topics**

修改`topics/index.html.haml`

把文件中上述部分删除后，增加部分模板的调用

    %span 查看： 默认
  = render 'topics', topics: @topics

%section#sidebar
  %section#new_topic.box

修改 nodex/show.html.haml

把文件中上述部分删除后，增加部分模板的调用

    %span 共有48个讨论主题
    %p= @node.description
  = render 'topics/topics', topics: @node.topics

%section#sidebar
  %section#new_topic.box

注意：传入变量的部分略有不同

测试应该正常全部通过

完善 spec

编辑`spec/features/nodes_spec.rb`，增加`description`的设置以及验证

# coding: utf-8
feature '访问者希望看到一个节点的帖子列表' do
  background do
    @node1 = Node.create name: "Ruby Node", description: "Ruby是一门优美的语言"
    @node2 = Node.create name: "Rails Node", description: "Rails是一个快速WEB开发框架"

    2.times.map.with_index { |i| Topic.create title: "topic #{i}", node: @node1}
    3.times.map.with_index { |i| Topic.create title: "topic #{i + 10}", node: @node2}
  end

  scenario '点击节点名称后，应该显示该节点的帖子列表' do
    visit '/topics'

    Node.all.each do |node|
      page.should have_content node.name
    end

    first(:link, @node1.name).click

    page.should have_content @node1.name
    page.should have_content @node1.description

    page.should_not have_content @node2.name
    page.should_not have_content @node2.description
  end
end

测试失败：Can't mass-assign protected attributes: description
原因：description的访问属性没有设置

好险，这个地方忘记了！

编辑`model/node.rb`，增加`description`属性声明

attr_accessible :name, :description

测试通过！

完成，提交代码

git add .
git commit 
git checkout dev
git merge f3 --no-ff
git branch -d f3

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -4

使用 RSpec+Capybara 简单 BDD 入门 -2

blueplanet — Sat, 05 Jan 2013 20:18:13 +0800

目录：http://ruby-china.org/topics/7770 上一步：使用 RSpec+Capybara 简单 BDD 入门 -1

用户故事

访问者希望看到帖子的节点

在帖子列表中显示帖子名称

环境准备

git checkout -b f2
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_see_node_name_spec.rb`

# coding: utf-8
feature '访问者希望看到帖子的节点名称' do
  background do
    Topic.delete_all

    Topic.create title: "DHH 的公开课"
    Topic.create title: "Rails3 中 compass 的 IE 使用问题"
    Topic.create title: "这周二上海搞Ruby Tuesday么？"
  end

  scenario do
    visit '/topics'

    page.should have_content '瞎扯淡'
  end
end

测试失败：expected there to be text "瞎扯淡" in "社区会员 knowan...
原因：还没有实现的代码

编辑 topics/index.html.haml

把这一行

= link_to "分享", nil, class: "node"

修改为

= link_to topic.node.name, nil, class: "node"

测试失败：undefined methodnode' for #Topic:0x007fa4bc0d96d0`
原因：没有node这个方法

编辑`model/topic.rb`

增加

belongs_to :node

测试失败：undefined methodname' for nil:NilClass`
原因：node没有值

生成`Node`这个`model`，在`rails console`中执行

[5] pry(main)> generate "model node name:string"
      invoke  active_record
      create    db/migrate/20121231023808_create_nodes.rb
      create    app/models/node.rb
=> "Completed"
[6] pry(main)>

增加`node_id`。在`rails console`中执行

[13] pry(main)> generate "migration AddNodeIdToTopics node_id:integer"
      invoke  active_record
      create    db/migrate/20121231030435_add_node_id_to_topics.rb
=> "Completed"
[14] pry(main)>

执行数据库升级

bundle exec rake db:migrate
bundle exec rake db:test:prepare

修改测试用例

# coding: utf-8
feature '访问者希望看到帖子的节点名称' do
  background do
    Topic.delete_all
    Node.delete_all

    node = Node.create name: "瞎扯淡"

    Topic.create title: "DHH 的公开课", node: node
    Topic.create title: "Rails3 中 compass 的 IE 使用问题", node: node
    Topic.create title: "这周二上海搞Ruby Tuesday么？", node: node
  end

  scenario '访问/topics, 应该显示所有帖子的节点名称' do
    visit '/topics'

    Topic.all.each do |topic|
      page.should have_content topic.node.name
    end
  end
end

测试失败：Can't mass-assign protected attributes: node
原因：没有对node设置访问属性

修改`model/node.rb`，增加`node`的属性声明

attr_accessible :name, :node

当前测试成功，但前一个测试失败
原因：前一个测试用例中没有设置node信息

修改测试用例`spec/features/guest_can_see_all_topics_spec.rb`，增加`Node`的赋值

Node.delete_all

node = Node.create name: "瞎扯淡"

Topic.create title: "DHH 的公开课", node: node
Topic.create title: "Rails3 中 compass 的 IE 使用问题", node: node
Topic.create title: "这周二上海搞Ruby Tuesday么？", node: node

测试全部通过

提交代码

git add .
git commit 
git checkout dev
git merge f2 --no-ff
git branch -d f2

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -3

使用 RSpec+Capybara 简单 BDD 入门 -1

blueplanet — Sat, 05 Jan 2013 20:09:34 +0800

用户故事

访问者希望看到所有帖子的列表

显示帖子的标题和创建时间

环境准备

git checkout -b f1
rails c # console
rails s # server

步骤

新建文件`spec/features/guest_can_see_all_topics_spec.rb`

# coding: utf-8
feature '访问者希望看到所有帖子的列表' do
  scenario '访问/topics, 应该显示所有帖子' do
    visit '/topics'

    page.should have_content "DHH 的公开课"
    page.should have_content "Rails3 中 compass 的 IE 使用问题"
    page.should have_content "这周二上海搞Ruby Tuesday么？"
  end
end

测试失败：No route matches [GET] "/topics"
原因：没有正确的路由设置信息

编辑`config/route.rb`, 增加`topics`的定义

resources :topics, only: [:index]

测试失败：uninitialized constant TopicsController
原因：没有定义TopicsController

在`rails console`中执行

[1] pry(main)> generate "controller topics"
      create  app/controllers/topics_controller.rb
      invoke  haml
      create    app/views/topics
=> "Completed"

测试失败：The action 'index' could not be found for TopicsController
原因：TopicsController中没有定义index方法

编辑 `topics_controller.rb`

class TopicsController < ApplicationController
  def index
  end
end

测试失败：Missing template topics/index, application/index ...
原因：没有topics/index模板

新建文件：`app/views/topics/index.html.haml`

测试失败：Failure/Error: page.should have_content "DHH 的公开课"
原因：模板中没有显示内容

拷贝ui/topics.html.haml的内容至当前模板

测试成功了，但是不要高兴！成功是因为页面上所有的数据都是写死的假数据。必须更改为正确的代码

编辑`app/views/topics/index.html.haml`

= render 'shared/breadcrumb', links: [["Home", ""], ["社区", ""]]

%section#topics
  %section#topics_info.box.box-gray.info-box
    %span 查看： 默认
  %ul.topics.box
    - @topics.each do |topic|
      %li
        %a.span1(href="")
          %img(src="#{gravatar_url('joe@example.com')}")
        %article.span7
          %p.topic_title
            = link_to topic.title
          %p.topic_info
            = link_to "分享", nil, class: "node"
            %span= "  •  "
            = link_to "knwang", nil, class: "user_link"
            %span= "  •  "
            = "published #{time_ago_in_words(topic.created_at)} ago"
        %p.replies.span1
          %span 12

%section#sidebar
  %section#new_topic.box
    = link_to "发布新帖", nil, class: "btn btn-success"
  %section#stats.box
    %ul
      %li 社区会员: 4029 人
      %li 帖子数: 312 篇
      %li 回帖数: 3123 条

测试失败：undefined methodeach' for nil:NilClass`
原因：TopicsController的index方法中没有对@topics赋值

编辑`topics_controller.rb`，增加赋值部分

class TopicsController < ApplicationController
  def index
    @topics = Topic.all
  end
end

注意：由于是示范项目所以直接使用了 Topic.all，实际项目中绝对不能这样做

测试失败：uninitialized constant TopicsController::Topic
原因：没有 Topic 这个 model

在`rails conssole`中执行

[2] pry(main)> generate "model topic title"
      invoke  active_record
      create    db/migrate/20121229122838_create_topics.rb
      create    app/models/topic.rb
=> "Completed"
[3] pry(main)>

测试失败：expected there to be text "DHH 的公开课" in "社区...
原因：测试数据库中没有对应的数据

编辑 `spec/features/guest_can_see_all_topics_spec.rb`，增加`background`部分

# coding: utf-8
feature '访问者希望看到所有帖子的列表' do
  background do
    Topic.delete_all

    Topic.create title: "DHH 的公开课"
    Topic.create title: "Rails3 中 compass 的 IE 使用问题"
    Topic.create title: "这周二上海搞Ruby Tuesday么？"
  end

  scenario '访问/topics, 应该显示所有帖子' do
    visit '/topics'

    Topic.all.each do |topic|
      page.should have_content topic.title
    end
  end
end

测试成功！！完成！！

提交代码

git add . git commit git checkout dev git merge f1 --no-ff git push origin dev

总结

执行测试之后，按照提示的错误进行修改即可
问题
- 目前自动测试基本不起作用，每次都需要手动执行测试

下一步骤：使用 RSpec+Capybara 简单 BDD 入门 -2

使用 RSpec + Capybara 简单 BDD 入门 -目录

blueplanet — Sat, 05 Jan 2013 20:01:01 +0800

前提

我也是个 Rails 初学者，文中可能会有考虑不周或者错误的地方，希望大家多指正，共同进步
计划是使用 RSpec+Capybara 写 features 测试＋简单的单元测试，并不是完全的 BDD，是一个简略版本

缘起

前段时间刚看完了 The RSpec Book 之后对 BDD 特别感兴趣，尝试了一下 cucumber 但不是很顺利就暂时放下了
之后有幸参加了的社区最高楼 @knwang 周四晚现场编程网上演示面向新手的现场演示，被从外至内的理念震撼了视频在这里
@knwang 在交流时间里说过，实际项目开发的时候，会使用 TDD/BDD 进行开发，但基本的从外至内的理念是不变的，于是参加活动之后，先是按照 @knwang 的演示步骤自己动手做了几遍，觉得收获非常大，如果能够把 RSpec 加进去的话应该更完美。
最近又学到了 RSpec 写 features 的方法，于是决定使用 RSpec+Capybara 来把 @knwang 的步骤重新做一遍，顺便把这个过程记录下来，希望能够对其他人有所帮助

计划

完全按照 @knwang 的步骤，重写一遍 Ruby China Clone
使用 RSpec+Capybara 编写测试
每个步骤新开一个帖子，这个帖子作为目录。步骤完成后把新帖子链接加到这个帖子里
把 @knwang 的步骤翻译成了中文。由于英文水平很低，并且用户故事的写法也不是很熟练，可能看起来比较生硬，请见谅

步骤

可能出现的问题

无法退出。按照下面的步骤实现即可

编辑`controllers/sessions_controller.rb`，增加`destroy`方法

def destroy
  session[:user_name] = nil
  redirect_to root_path
end

编辑`layouts/application.html.haml`，修改第 26 行的链接

= link_to "退出", sign_out_path

编辑`conf/routes.rb`，增加路由信息

match 'sign_out', to: "sessions#destroy"

在使用`rails server`后启动浏览器进行测试的时候没有`Node`

由于是示范项目，所以并没有把所有功能做完
可以在rails console里面加上几个就可以了

起步

参考我的 git 库
- gitcafe : https://gitcafe.com/blueplanet/ruby_china_clone
- github : https://github.com/blueplanet/ruby_china_clone
主要有两个分支：
- master 分支：从 @knwang 的库拷贝过来的。除了基本的框架之外还有 ui 这个 controller。相当于美工做好的设计，纯 HTML 加上假的数据。这个分支不打算更新
- dev 分支：今后的开发分支。修改会提交到这个分支

本地开发步骤

git clone https://gitcafe.com/blueplanet/ruby_china_clone.git
cd ruby_china_clone
git checkout master
git checkout -b dev # 创建dev分支

启动自动测试环境

bundle install --without production # 只安装开发环境和测试环境需要的gem
bundle exec guard

执行之后如果出现下面的提示，说明环境没问题了

Finished in 0.00856 seconds 
0 examples, 0 failures           
Randomized with seed 26104    
Done.  
17:00:57 - INFO - Guard is now watching at ....
[1] guard(main)>

以后的步骤中，新建或者保存 spec 文件之后，会自动执行对应的测试

先把坑挖好，慢慢填上！

感想

真正动手很重要
- 实际花费时间：写帖子 20 小时左右，之前的练习和调查也至少是这个数字
- 这 40 个小时，感觉是进步最大最快的 40 个小时。所以，不能只顾看书，动手才是真的！
实际开发很复杂
- 由于示范的侧重点不同，实际上回避了两个比较大的问题。一是 UI 设计，二是用户故事的写法。
- 实际上如果自己做项目，最先遇到的就是这两个问题。至少我是撞得够呛，呵呵。计划下个阶段摸索一下这两个方面。

最后，再次感谢 @knwang 的演示！

开发模式启动 rails server 后，貌似 CSS 没起作用

blueplanet — Wed, 19 Sep 2012 06:29:15 +0800

我是 Rails 初学者，遇到的问题如题，执行setup.rb正常结束后，执行rails server启动进程也成功。打开 3000 端口结果是这个样子，貌似 CSS 没起作用。不知道是哪儿的问题呢？

操作系统：MacOS 10.8
Ruby: 1.9.3p194
MongoDB: 2.2.0

效果图：

blueplanet

类似 “按照最新发布文章时间排序的用户列表” 的优雅的实现方法

前提

问题

目前的实现方法

[已解决] 使用 Ajax 时遇到了 InvalidAuthenticityToken 错误

我的问题是：难道在不使用remote: true的时候，都需要自己在Ajax请求里面加上X-CSRF-Token:么？

版本信息

代码

分析过程（jquery_ujs.js）

结论

feature spec / integration spec ( request spec) / controller spec 的区别

ruby-china 里面，ajax 如何实现的？

类似性别选项这样的固定分类如何做 i18n 国际化对应

网页上想要的效果和 Model 的对应关系弄不明白了

网页上想要的效果

定义的模型

我的问题

方案 1: Day 和 Status 1:n

方案 2: Event 和 Status 1:n

[已解决] 貌似 RSS 不更新了？

使用 RSpec+Capybara 简单 BDD 入门 -11

用户故事

环境准备

步骤

编辑spec/features/guest_can_see_topic_info_spec.rb，增加回复 form 的验证部分

编辑topics/show.html.haml

编辑config/routes.rb，增加嵌套的 replay 的路由设置

增加提交回复的测试用例

在rails console中执行

编辑controllers/replies_controller.rb，增加create方法

编辑controllers/replies_controller.rb，增加实际逻辑

完成，提交代码

使用 RSpec+Capybara 简单 BDD 入门 -10

用户故事

环境准备

步骤

编辑spec/features/topics_spec.rb，增加最新回复的验证部分

编辑topics/_topics.html.haml

编辑models/reply.rb，增加用户关联并设置访问属性

在rails console中执行

执行数据库升级

完成，提交代码

使用 RSpec+Capybara 简单 BDD 入门 -9

用户故事

环境准备

步骤

编辑spec/features/guest_can_see_topic_info_spec.rb，增加回复部分的验证

编辑topics/show.html.haml

编辑models/topic.rb，增加关联定义

在rails console中执行

执行数据库升级

修改 spec 文件

编辑models/reply.rb，增加访问属性并设置 topic 和 user 的关联

完成，提交代码

使用 RSpec+Capybara 简单 BDD 入门 -8

用户故事

环境准备

步骤

新建文件spec/features/user_can_publish_topic_spec.rb

编辑config/routes.rb，增加路由信息

编辑topics/index.html.haml

编辑controllers/topics_controller.rb，增加new方法

新建topics/new.html.haml模板

确认用户故事，增加spec

编辑topics/new.html.haml

编辑controllers/topics_controller.rb

确认用户故事，增加 spec

编辑config/routes.rb，增加路由信息

编辑controllers/topics_controller.rb

编辑controllers/topics_controller.rb

编辑model/topic.rb，增加属性声明

重构

确认用户故事，修改 spec

编辑spec/features/topics_spec.rb，增加帖子创建者的验证部分

编辑topics/_topics.html.haml

编辑models/topic.rb，增加author的声明

在rails console中执行

执行数据库升级

编辑spec，修改Topic，增加author的赋值部分

我的问题是：难道在不使用`remote: true`的时候，都需要自己在`Ajax`请求里面加上`X-CSRF-Token:`么？

编辑`spec/features/guest_can_see_topic_info_spec.rb`，增加回复 form 的验证部分

编辑`topics/show.html.haml`

编辑`config/routes.rb`，增加嵌套的 replay 的路由设置

在`rails console`中执行

编辑`controllers/replies_controller.rb`，增加`create`方法

编辑`controllers/replies_controller.rb`，增加实际逻辑

编辑`spec/features/topics_spec.rb`，增加最新回复的验证部分

编辑`topics/_topics.html.haml`

编辑`models/reply.rb`，增加用户关联并设置访问属性

在`rails console`中执行

编辑`spec/features/guest_can_see_topic_info_spec.rb`，增加回复部分的验证

编辑`topics/show.html.haml`

编辑`models/topic.rb`，增加关联定义

在`rails console`中执行

编辑`models/reply.rb`，增加访问属性并设置 topic 和 user 的关联

新建文件`spec/features/user_can_publish_topic_spec.rb`

编辑`config/routes.rb`，增加路由信息

编辑`topics/index.html.haml`

编辑`controllers/topics_controller.rb`，增加`new`方法

新建`topics/new.html.haml`模板

确认用户故事，增加`spec`

编辑`topics/new.html.haml`

编辑`controllers/topics_controller.rb`

编辑`config/routes.rb`，增加路由信息

编辑`controllers/topics_controller.rb`

编辑`controllers/topics_controller.rb`

编辑`model/topic.rb`，增加属性声明

编辑`spec/features/topics_spec.rb`，增加帖子创建者的验证部分

编辑`topics/_topics.html.haml`

编辑`models/topic.rb`，增加`author`的声明

在`rails console`中执行

编辑`spec`，修改`Topic`，增加`author`的赋值部分

编辑`models/topic.rb`，增加访问属性声明

编辑`spec/features/user_can_publish_topic_spec.rb`

编辑`spec/features/nodes_spec.rb`

编辑`spec/features/guest_can_see_user_info_spec.rb`，增加最新帖子的验证部分

编辑`users/show.html.haml`

编辑`models/user.rb`，增加关联

编辑 `spec/featurs/guest_can_see_user_info_spec.rb`

`guest_can_sign_in_spec.rb`中也有重复的代码可以重构

新建文件`spec/features/guest_can_sign_in_spec.rb`

编辑`config/routes.rb`，增加路由信息

在`rails console`中执行

编辑`controllers/sessions_controller.rb`，增加`new`方法

新建`sessions/new.html.haml`模板

修改`sessions/new.html.haml`模板

编辑`config/routes.rb`，增加路由信息

编辑`controllers/sessions_controller`，增加`create`方法

编辑`controllers/sessions_controller`，修改`create`方法内容

编辑`spec/features/guest_can_sign_in_spec.rb`

编辑`layouts/application.html.haml`

编辑`controllers/application_controller.rb`，增加`current_user`的定义

新建文件`spec/features/guest_can_sign_up_spec.rb`

编辑`config/routes.rb`，增加下列路由

编辑`controllers/users_controlelr.rb`，增加`new`方法

新建`users/new.html.haml`模板

编辑`users/new.html.haml`模板

编辑`controllers/users_controller.rb`，在`new`方法中增加对`@user`赋值

编辑`config/routes.rb`，增加`users#create`的路由信息

在`rails consle`中执行

编辑`controllers/users_controller.rb`，增加`create`方法

编辑`create`方法

编辑`model/user.rb`，增加`email`属性声明

新建文件`spec/features/guest_can_see_user_info_spec.rb`

编辑`config/routes.rb`，增加路由信息

在`rails console`中执行

编辑`controllers/users_controller`，增加`show`方法

新建`users/show.html.haml`

修改模板`users/show.html.haml`

编辑`controllers/users_controller.rb`

在`rails console`中执行

修改测试用例，增加`user`部分

新建文件`spec/features/guest_can_see_topic_info_spec.rb`

编辑`config/routes.rb`，增加`topics show`的路由设置

编辑`controllers/topics_controller.rb`，增加`show`方法定义