心はいつも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

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

  関連記事

詳解 Objective-C 2.0 第3版 CHAPTER2 Objective-Cのプログラム

Objective-Cの解説はメッセージから始まる。このメッセージという概念、も …

no image
RailsTutorial4.0を高速で復習する。9.3.4章。

9.3.4パーシャルのリファクタリング、です。 テストパスしているのでリファクタ …

no image
future vision 2019 vs 2010

マイクロソフトのfuture visonが話題らしい。 2019年の近未来。 情 …

no image
RailsTutorial4.0を高速で復習する。7.6章。演習。

7.6演習 1問目です。 リスト7.30のコードを使用して、7.1.4で定義され …

no image
RailsTutorial4.0を高速で復習する。4.6章。

4.6演習、です。4章がRubyの説明章だったので演習はRuby問題になっていま …

つながらないWimaxの電波倍返し

googleが見つかりませんと言われると、対外電波切れ。 本日は多発しています。 …

no image
RailsTutorial4.0を高速で復習する。3.5章。つづき。

3.5演習の2もんめをやります。 2.お気付きの方もいると思いますが、リスト3. …

no image
プログラミングから離れた理由を思い出した

私は転職が多く5社で正社員で経験しています。全部IT系なのだけど全部職種が違いま …

no image
Macで.htaccessを表示する設定

MacBook Air2代目。以前は行っていた.(ドット)がついたファイルをMa …

no image
RailsTutorial4.0を高速で復習する。3.1章。

3.1章は静的ページの追加。これをトップページとして後で色々追加していきます。 …