心はいつもAirPucci (空元気でもいいから)

毎日がPucciを着ているような気分

RailsTutorial4.0を高速で復習する。5.6章。演習2問目のつづき。

      2014/01/23


5.6章。演習2問目です。TDDにこだわり、あえてこの問題をするまで、ヘッダーやフッターのリンクを貼らずにすっ飛ばしてきました。リンクのテストを書いたので、いよいよリンクを貼って行きます。

トップページにあるSignupボタンをユーザー登録ページにリンクする

リスト5.35 ボタンをユーザー登録ページにリンクする。
app/views/static_pages/home.html.erb

略
  <%= link_to "Sign up now!", signup_path, class: "btn btn-large btn-primary" %>
略

テスト実行すると、Sign up nowリンクエラーは消えました。

ヘッダーナビのリンクを貼る

実はHomeリンクを #にしていてもエラーにならないんですよねー貼る場所が同じだから。なので、view書く前に本当はテスト書くべきだけど、それは難しいのか?ちょっと別途考えておく。

で、リンクはり。
リスト5.25 ヘッダーパーシャルにリンクを追加する。

略
<%= link_to "sample app", root_path, id: "logo" %>
      <nav>
        <ul class="nav pull-right">
          <li><%= link_to "Home",    root_path %></li>
          <li><%= link_to "Help",    help_path %></li>
          <li><%= link_to "Sign in", '#' %></li>
        </ul>
      </nav>
略

テスト実行すると、helpリンクエラーは消えました。
残るは、ContactとAbout usです。これらはフッターに
Sign inは8章で作るからそのまま。

フッターのリンクを貼る

リスト5.26 フッターパーシャルにリンクを追加する。
app/views/layouts/_footer.html.erb

略
      <li><%= link_to "About",   about_path %></li>
      <li><%= link_to "Contact", contact_path %></li>
      <li><a href="http://news.railstutorial.jp/">News</a></li>
略

テスト実行するとエラーはなくなりました。バンザイ!

テストコードが要リファクタリングな感じなのは追々なおしていきます。

view書いてリンクはった後にテストコード書いた箇所があるので、
どうすべきだったかは、課題として残ります。

つぎ3問目。

 - テクニカル ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

RailsTutorial4.0を高速で復習する。8章。

仕様の探求 userモデルには、登録と認証、承認に必要なモデルは既に作ってありま …

もうあかん!Mac OSXのスクロールを逆にする

OSXのいつのバージョンからだっけ? スクロールの向きが突如逆になったんですよね …

no image
RubyとRailsのお作法

コーディングスタイルって結構気になります。 最初につとめた会社で、プログラミング …

no image
Ruby1.9と2.0、複数バージョンのRubyをインストールする。

Ruby1.9 + Rails3.2もいいけど、Ruby2.0 + Rails4 …

no image
IBActionのIBって?

railsもやってますが、xcodeも再開しています。 ところで、 IBActi …

no image
Google Appsで問い合わせフォームを作りました

とっても簡単でした。Google Appsでこのブログに問い合わせフォームを設置 …

no image
wordpressのサーバー移行したい

本当に自分の備忘録として。 サーバー移行したいなと考えています。 同時に、Wor …

no image
RailsTutorial4.0を高速で復習する。8.2.1章。途中から。

Railsのセキュリティに納得がいかず3日ほど低速です。とりあえず進めています。 …

no image
iPad vs. VAIO P 持ち歩き編。

旅に出かけるときはケーブルと一緒です。ドコモ携帯、VAIO P、iPhone、W …

MicrosoftのFutureVision 2019 vs 2011 vs 2010

Wiredで取り上げられたので、今日はMSのFutureVisionが話題でした …