1 files changed, 75 insertions, 0 deletions
diff --git a/spec/helpers/listbox_helper_spec.rb b/spec/helpers/listbox_helper_spec.rb
new file mode 100644
index 00000000000..8935d69d4f7
--- /dev/null
+++ b/spec/helpers/listbox_helper_spec.rb
@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe ListboxHelper do
+  subject do
+    tag = helper.gl_redirect_listbox_tag(items, selected, html_options)
+    Nokogiri::HTML.fragment(tag).children.first
+  end
+
+  before do
+    allow(helper).to receive(:sprite_icon).with(
+      'chevron-down',
+      css_class: 'gl-button-icon dropdown-chevron gl-icon'
+    ).and_return('<span class="icon"></span>'.html_safe)
+  end
+
+  let(:selected) { 'bar' }
+  let(:html_options) { {} }
+  let(:items) do
+    [
+      { value: 'foo', text: 'Foo' },
+      { value: 'bar', text: 'Bar' }
+    ]
+  end
+
+  describe '#gl_redirect_listbox_tag' do
+    it 'creates root element with expected classes' do
+      expect(subject.classes).to include(*%w[
+         dropdown
+         b-dropdown
+         gl-new-dropdown
+         btn-group
+         js-redirect-listbox
+      ])
+    end
+
+    it 'sets data attributes for items and selected' do
+      expect(subject.attributes['data-items'].value).to eq(items.to_json)
+      expect(subject.attributes['data-selected'].value).to eq(selected)
+    end
+
+    it 'adds styled button' do
+      expect(subject.at_css('button').classes).to include(*%w[
+        btn
+        dropdown-toggle
+        btn-default
+        btn-md
+        gl-button
+        gl-dropdown-toggle
+      ])
+    end
+
+    it 'sets button text to selected item' do
+      expect(subject.at_css('button').content).to eq('Bar')
+    end
+
+    context 'given html_options' do
+      let(:html_options) { { class: 'test-class', data: { qux: 'qux' } } }
+
+      it 'applies them to the root element' do
+        expect(subject.attributes['data-qux'].value).to eq('qux')
+        expect(subject.classes).to include('test-class')
+      end
+    end
+
+    context 'when selected does not match any item' do
+      let(:selected) { 'qux' }
+
+      it 'raises an error' do
+        expect { subject }.to raise_error(ArgumentError, /cannot find qux/)
+      end
+    end
+  end
+end