diff options
Diffstat (limited to 'spec/components/pajamas/banner_component_spec.rb')
-rw-r--r-- | spec/components/pajamas/banner_component_spec.rb | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/spec/components/pajamas/banner_component_spec.rb b/spec/components/pajamas/banner_component_spec.rb index 5969f06dbad..26468d80c77 100644 --- a/spec/components/pajamas/banner_component_spec.rb +++ b/spec/components/pajamas/banner_component_spec.rb @@ -19,22 +19,22 @@ RSpec.describe Pajamas::BannerComponent, type: :component do end it 'renders its content' do - expect(rendered_component).to have_text content + expect(page).to have_text content end it 'renders its title' do - expect(rendered_component).to have_css "h1[class='gl-banner-title']", text: title + expect(page).to have_css "h1[class='gl-banner-title']", text: title end it 'renders a close button' do - expect(rendered_component).to have_css "button.gl-banner-close" + expect(page).to have_css "button.gl-banner-close" end describe 'button_text and button_link' do let(:options) { { button_text: 'Learn more', button_link: '/learn-more' } } it 'define the primary action' do - expect(rendered_component).to have_css "a.btn-confirm.gl-button[href='/learn-more']", text: 'Learn more' + expect(page).to have_css "a.btn-confirm.gl-button[href='/learn-more']", text: 'Learn more' end end @@ -42,14 +42,14 @@ RSpec.describe Pajamas::BannerComponent, type: :component do let(:options) { { banner_options: { class: "baz", data: { foo: "bar" } } } } it 'are on the banner' do - expect(rendered_component).to have_css ".gl-banner.baz[data-foo='bar']" + expect(page).to have_css ".gl-banner.baz[data-foo='bar']" end context 'with custom classes' do let(:options) { { variant: :introduction, banner_options: { class: 'extra special' } } } it 'don\'t conflict with internal banner_classes' do - expect(rendered_component).to have_css '.extra.special.gl-banner-introduction.gl-banner' + expect(page).to have_css '.extra.special.gl-banner-introduction.gl-banner' end end end @@ -58,14 +58,14 @@ RSpec.describe Pajamas::BannerComponent, type: :component do let(:options) { { close_options: { class: "js-foo", data: { uid: "123" } } } } it 'are on the close button' do - expect(rendered_component).to have_css "button.gl-banner-close.js-foo[data-uid='123']" + expect(page).to have_css "button.gl-banner-close.js-foo[data-uid='123']" end end describe 'embedded' do context 'by default (false)' do it 'keeps the banner\'s borders' do - expect(rendered_component).not_to have_css ".gl-banner.gl-border-none" + expect(page).not_to have_css ".gl-banner.gl-border-none" end end @@ -73,7 +73,7 @@ RSpec.describe Pajamas::BannerComponent, type: :component do let(:options) { { embedded: true } } it 'removes the banner\'s borders' do - expect(rendered_component).to have_css ".gl-banner.gl-border-none" + expect(page).to have_css ".gl-banner.gl-border-none" end end end @@ -81,7 +81,7 @@ RSpec.describe Pajamas::BannerComponent, type: :component do describe 'variant' do context 'by default (promotion)' do it 'applies no variant class' do - expect(rendered_component).to have_css "[class='gl-banner']" + expect(page).to have_css "[class='gl-banner']" end end @@ -89,11 +89,11 @@ RSpec.describe Pajamas::BannerComponent, type: :component do let(:options) { { variant: :introduction } } it "applies the introduction class to the banner" do - expect(rendered_component).to have_css ".gl-banner.gl-banner-introduction" + expect(page).to have_css ".gl-banner.gl-banner-introduction" end it "applies the confirm class to the close button" do - expect(rendered_component).to have_css ".gl-banner-close.btn-confirm.btn-confirm-tertiary" + expect(page).to have_css ".gl-banner-close.btn-confirm.btn-confirm-tertiary" end end @@ -101,21 +101,21 @@ RSpec.describe Pajamas::BannerComponent, type: :component do let(:options) { { variant: :foobar } } it 'ignores the unknown variant' do - expect(rendered_component).to have_css "[class='gl-banner']" + expect(page).to have_css "[class='gl-banner']" end end end describe 'illustration' do it 'has none by default' do - expect(rendered_component).not_to have_css ".gl-banner-illustration" + expect(page).not_to have_css ".gl-banner-illustration" end context 'with svg_path' do let(:options) { { svg_path: 'logo.svg' } } it 'renders an image as illustration' do - expect(rendered_component).to have_css ".gl-banner-illustration img" + expect(page).to have_css ".gl-banner-illustration img" end end end @@ -131,15 +131,15 @@ RSpec.describe Pajamas::BannerComponent, type: :component do end it 'renders the slot content as illustration' do - expect(rendered_component).to have_css ".gl-banner-illustration svg" + expect(page).to have_css ".gl-banner-illustration svg" end context 'and conflicting svg_path' do let(:options) { { svg_path: 'logo.svg' } } it 'uses the slot content' do - expect(rendered_component).to have_css ".gl-banner-illustration svg" - expect(rendered_component).not_to have_css ".gl-banner-illustration img" + expect(page).to have_css ".gl-banner-illustration svg" + expect(page).not_to have_css ".gl-banner-illustration img" end end end @@ -154,15 +154,15 @@ RSpec.describe Pajamas::BannerComponent, type: :component do end it 'renders the slot content as the primary action' do - expect(rendered_component).to have_css "a.special", text: 'Special' + expect(page).to have_css "a.special", text: 'Special' end context 'and conflicting button_text and button_link' do let(:options) { { button_text: 'Not special', button_link: '/' } } it 'uses the slot content' do - expect(rendered_component).to have_css "a.special[href='#']", text: 'Special' - expect(rendered_component).not_to have_css "a.btn[href='/']" + expect(page).to have_css "a.special[href='#']", text: 'Special' + expect(page).not_to have_css "a.btn[href='/']" end end end |