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

我有一个rspec测试，我需要从商品索引页面中专门找到一个与商品ID相对应的div块，并找到代表销毁/编辑和商品链接的glyphicon。我在索引页面上有文章列表，因此我需要针对CSS选择器。但是，我找不到解决方案来做到这一点。我尝试了以下方法：

1）在文章部分的每篇文章中添加一个id标记，并使用“内部”调用特定的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）用下面的代码替换“ inside”块，以找到文章的特定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}")

最佳答案

字符串插补仅适用于带双引号的字符串。

只是改变

within '#{@article_to_edit.id}' do

至

within "#{@article_to_edit.id}" do

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