Issue using have_css matcher in RSpec

[erbunao]

The way I test components at the moment is like this

RSpec.describe ExampleComponent, type: :component do
  it "renders something useful" do
    component = described_class.new(title: "Hello World")

    result = render_inline(component)

    expect(result.css('div').text).to include "Hello World"
  end
end

where example_component.html.erb is simply

<div><%= @title %></div>

---

While this works well, I think it could be improved especially with the use of Capybara matchers. Looking around the repo, I got a hint from this PR #344 to use rendered_component and have_css matcher.

I have updated my spec to use such matcher. However, I'm getting a RSpec::Expectations::ExpectationNotMetError.

Updated spec

RSpec.describe ExampleComponent, type: :component do
  it "renders something useful" do
    component = described_class.new(title: "Hello World")

    render_inline(component)

    expect(rendered_component).to have_css("div", text: "Hello World")
  end
end

Error log

RSpec::Expectations::ExpectationNotMetError: expected "<div>Hello World</div>\n" to respond to `has_css?`
from .../rspec-support-3.10.2/lib/rspec/support.rb:102:in `block in <module:Support>'

I wonder if I'm just missing something simple here or probably there is another way to do this. I appreciate any feedback!

[erbunao]

Adding config.include Capybara::RSpecMatchers, type: :component to rails_helper did the trick. Closing this now.