首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Hartl Rails教程第8章

Hartl Rails教程第8章
EN

Stack Overflow用户
提问于 2014-01-01 20:41:09
回答 1查看 238关注 0票数 0

由于某些原因,在运行规范测试时,来自Bootstrap的更新的导航下拉菜单布局无法在登录时呈现(即它不显示“帐户”)。这是我的authentication_pages_spec:谢谢你的帮助。

代码语言:javascript
运行
复制
require 'spec_helper'

describe "Authentication" do

subject { page }

describe "signin page" do
    before { visit signin_path }

    it { should have_selector('h1',    text: 'Sign in') }
    it { should have_selector('title', text: 'Sign in') }
end

describe "signin" do
    before { visit signin_path }

    describe "with invalid information" do
        before { click_button "Sign in" }

        it { should have_selector('title', text: 'Sign in') }
        it { should have_selector('div.alert.alert-error', text: 'Invalid') }

        describe "after visiting another page" do
            before { click_link "Home" }
            it { should_not have_selector('div.alert.alert-error') }
        end
    end

    describe "with valid information" do
        let(:user){ FactoryGirl.create(:user) }
        before do
            fill_in "Email",    with: user.email.upcase
            fill_in "Password", with: user.password
            click_button "Sign in"
        end

        it { should have_selector('title',text: user.name) }

        it { should have_link('Users',    href: users_path) }
        it { should have_link('Profile',  href: users_path(path)) }
        it { should have_link('Settings', href: edit_user_path(user)) }
        it { should have_link('Sign out', href: signout_path) }
        it { should_not have_link('Sign in', href: signin_path) }

        describe "followed by signout" do
            before { click_link "Sign out" }
            it { should have_link('Sign in') }
        end
    end
  end
end

标头布局

代码语言:javascript
运行
复制
<header class="navbar navbar-fixed-top navbar-inverse">
   <div class="navbar-inner">
<div class="container">
  <%= 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>
      <% if signed_in? %>
        <li><%= link_to "Users", '#' %></li>
        <li id="fat-menu" class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Account <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to "Profile", current_user %></li>
            <li><%= link_to "Settings", '#' %></li>
            <li class="divider"></li>
            <li>
              <%= link_to "Sign out", signout_path, method: "delete" %>
            </li>
          </ul>
        </li>
      <% else %>
        <li><%= link_to "Sign in", signin_path %></li>
      <% end %>
    </ul>
  </nav>
</div>
EN

回答 1

Stack Overflow用户

发布于 2014-01-17 15:48:54

这个问题出现在您的app/assets/application.js文件中。

引导程序需要直接列在jquery下面。

//= require jquery

代码语言:javascript
运行
复制
  `//= require bootstrap`
代码语言:javascript
运行
复制
  `//= require jquery_ujs`
代码语言:javascript
运行
复制
  `//= require turbo links`
代码语言:javascript
运行
复制
  `//= require_tree .`
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20873039

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档