File: settings_section_component_spec.rb

package info (click to toggle)
gitlab 17.6.5-19
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 629,368 kB
  • sloc: ruby: 1,915,304; javascript: 557,307; sql: 60,639; xml: 6,509; sh: 4,567; makefile: 1,239; python: 406
file content (53 lines) | stat: -rw-r--r-- 1,520 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
# frozen_string_literal: true

require "spec_helper"

RSpec.describe Layouts::SettingsSectionComponent, type: :component, feature_category: :shared do
  let(:heading) { 'Settings section heading' }
  let(:description) { 'Settings section description' }
  let(:body) { 'Settings section content' }
  let(:id) { 'js-settings-section-id' }
  let(:testid) { 'settings-section-testid' }

  describe 'slots' do
    it 'renders heading' do
      render_inline described_class.new(heading)

      expect(page).to have_css('h2.gl-heading-2', text: heading)
    end

    it 'renders description' do
      render_inline described_class.new(heading, description: description)

      expect(page).to have_css('.gl-text-subtle', text: description)
    end

    it 'renders description slot' do
      render_inline described_class.new(heading) do |c|
        c.with_description { description }
      end

      expect(page).to have_css('.gl-text-subtle', text: description)
    end

    it 'renders body slot' do
      render_inline described_class.new(heading) do |c|
        c.with_body { body }
      end

      expect(page).to have_css('[data-testid="settings-section-body"]', text: body)
    end

    it 'renders id' do
      render_inline described_class.new(heading, id: id)

      expect(page).to have_css('#js-settings-section-id')
    end

    it 'renders testid' do
      render_inline described_class.new(heading, testid: testid)

      expect(page).to have_css('[data-testid="settings-section-testid"]')
    end
  end
end