Ruby on Rails + Rspec:包含实例变量的 css 选择器的语法

Question

我有一个 rspec 测试，我需要专门从文章索引页面中找到一个div 块，对应于文章 ID 并找到代表销毁/编辑和文章链接的字形图标。我在索引页面上有一个文章列表，所以我需要特定于 css 选择器。但是，我找不到解决方案来做到这一点。我尝试了以下方法：

1）在文章部分的每篇文章中添加一个id标签，并使用"within"调用特定的div

文章部分：

<div class = "row" id="<%= article.id %>" >
....more code....
</div>

规格/功能/article_spec.rb

describe 'navigate' do
  let!(:user) { FactoryGirl.create(:user) }
  let!(:article)  { FactoryGirl.create(:article) }
  before do
    login_as(user, :scope => :user)
  end
  describe 'edit' do
    before do
      @article_to_edit = Article.create(title: 'Article to edit', summary: 'Summary of article to edit', description: 'Test to edit this article', user_id: user.id)
    end
    it 'edit and delete icon is visible to article owner from index page' do
      visit articles_path
      within '#{@article_to_edit.id}' do
        expect(page).to have_css('.glyphicon-pencil')
        expect(page).to have_css('.glyphicon-trash')
      end
    end
end

2）用下面的代码替换"within"块以找到文章的特定href链接

expect(page).to have_link('', href: "/articles/#{@article_to_edit.friendly_id}/edit")
expect(page).to have_link('', href: "/articles/#{@article_to_edit.friendly_id}")

Answer 1

Sting 插值仅适用于带有双引号的字符串。

只需更改

within '#{@article_to_edit.id}' do

自

within "#{@article_to_edit.id}" do

在问题中发布的代码示例中。并在使用articles/#{@article_to_edit.friendly_id}...构建URL的位置执行相同的操作