activeadmin-searchable_select 1.0.0

data/spec/features/end_to_end_spec.rb

@@ -0,0 +1,83 @@
+require 'rails_helper'
+
+require 'support/models'
+require 'support/capybara'
+require 'support/active_admin_helpers'
+
+RSpec.describe 'end to end', type: :feature, js: true do
+  before(:each) do
+    ActiveAdminHelpers.setup do
+      ActiveAdmin.register(Category) do
+        searchable_select_options(scope: Category, text_attribute: :name)
+      end
+
+      ActiveAdmin.register(Post) do
+        filter(:category, as: :searchable_select, ajax: true)
+
+        form do |f|
+          f.input(:category, as: :searchable_select, ajax: true)
+        end
+      end
+
+      ActiveAdmin.setup {}
+    end
+  end
+
+  describe 'index page with searchable select filter' do
+    before(:each) do
+      music_category = Category.create(name: 'Music')
+      travel_category = Category.create(name: 'Travel')
+
+      Post.create(title: 'Best songs',
+                  category: music_category)
+      Post.create(title: 'Best places',
+                  category: travel_category)
+    end
+
+    it 'loads filter input options' do
+      visit '/admin/posts'
+
+      expand_select_box
+
+      expect(select_box_items).to eq(%w(Music Travel))
+    end
+
+    it 'allows filtering options by term' do
+      visit '/admin/posts'
+
+      expand_select_box
+
+      wait_for_ajax do
+        enter_search_term('T')
+      end
+
+      expect(select_box_items).to eq(%w(Travel))
+    end
+  end
+
+  def expand_select_box
+    find('.select2-container').click
+  end
+
+  def enter_search_term(term)
+    find('.select2-dropdown input').send_keys(term)
+  end
+
+  def select_box_items
+    all('.select2-dropdown li').map(&:text)
+  end
+
+  def wait_for_ajax(count = 1)
+    page.execute_script 'window._ajaxCalls = 0'
+    page.execute_script 'window._ajaxCompleteCounter = function() { window._ajaxCalls += 1; }'
+    page.execute_script '$(document).ajaxComplete(window._ajaxCompleteCounter)'
+
+    yield
+
+    sleep(0.5) until finished_all_ajax_requests?(count)
+  end
+
+  def finished_all_ajax_requests?(count)
+    page.evaluate_script('window._ajaxCalls') == count
+  end
+end

data/spec/features/filter_input_spec.rb

@@ -0,0 +1,191 @@
+require 'rails_helper'
+
+require 'support/models'
+require 'support/capybara'
+require 'support/active_admin_helpers'
+
+RSpec.describe 'filter input', type: :request do
+  describe 'without ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Post) do
+          filter :category, as: :searchable_select
+        end
+      end
+    end
+
+    it 'renders select input with searchable-select-input css class' do
+      get '/admin/posts'
+
+      expect(response.body).to have_selector('select.searchable-select-input')
+    end
+
+    it 'renders options statically' do
+      Category.create!(name: 'Travel')
+      Category.create!(name: 'Music')
+
+      get '/admin/posts'
+
+      expect(response.body).to have_selector('.searchable-select-input option', text: 'Travel')
+      expect(response.body).to have_selector('.searchable-select-input option', text: 'Music')
+    end
+
+    it 'does not set data-ajax-url attribute' do
+      get '/admin/posts'
+
+      expect(response.body).not_to have_selector('.searchable-select-input[data-ajax-url]')
+    end
+  end
+
+  shared_examples 'renders ajax based searchable select input' do
+    it 'renders select input with searchable-select-input css class' do
+      get '/admin/posts'
+
+      expect(response.body).to have_selector('select.searchable-select-input')
+    end
+
+    it 'does not render options statically' do
+      Category.create!(name: 'Travel')
+
+      get '/admin/posts'
+
+      expect(response.body).not_to have_selector('.searchable-select-input option', text: 'Travel')
+    end
+
+    it 'sets data-ajax-url attribute' do
+      get '/admin/posts'
+
+      expect(response.body).to have_selector('.searchable-select-input[data-ajax-url]')
+    end
+
+    it 'renders selected option for current value' do
+      category = Category.create!(name: 'Travel')
+
+      get "/admin/posts?q[category_id_eq]=#{category.id}"
+
+      expect(response.body).to have_selector('.searchable-select-input option[selected]',
+                                             text: 'Travel')
+    end
+  end
+
+  describe 'with ajax option set to true' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category,
+                 as: :searchable_select,
+                 ajax: true)
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options collection name passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(name: 'custom', scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category,
+                 as: :searchable_select,
+                 ajax: {
+                   collection_name: 'custom'
+                 })
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options resource passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category_id_eq,
+                 as: :searchable_select,
+                 ajax: {
+                   resource: Category
+                 })
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options resource and collection name passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(name: 'custom', scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category_id_eq,
+                 as: :searchable_select,
+                 ajax: {
+                   resource: Category,
+                   collection_name: 'custom'
+                 })
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with selected option in ajax mode' do
+    it 'applies scope when looking up record' do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: Category.none, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category, as: :searchable_select, ajax: true)
+        end
+      end
+
+      category = Category.create!(name: 'Travel')
+
+      get "/admin/posts?q[category_id_eq]=#{category.id}"
+
+      expect(response.body).not_to have_selector('.searchable-select-input option[selected]')
+    end
+
+    it 'allows to use view helpers in scope lambda' do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: -> { Category.where(created_by: current_user) },
+                                    text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          filter(:category, as: :searchable_select, ajax: true)
+        end
+      end
+
+      user = User.create!
+      ApplicationController.current_user = user
+      category = Category.create!(name: 'Travel', created_by: user)
+
+      get "/admin/posts?q[category_id_eq]=#{category.id}"
+
+      expect(response.body).to have_selector('.searchable-select-input option[selected]',
+                                             text: 'Travel')
+    end
+  end
+end

data/spec/features/form_input_spec.rb

@@ -0,0 +1,178 @@
+require 'rails_helper'
+
+require 'support/models'
+require 'support/capybara'
+require 'support/active_admin_helpers'
+
+RSpec.describe 'form input', type: :request do
+  describe 'without ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input :category, as: :searchable_select
+          end
+        end
+      end
+    end
+
+    it 'renders select input with searchable-select-input css class' do
+      get '/admin/posts/new'
+
+      expect(response.body).to have_selector('select.searchable-select-input')
+    end
+
+    it 'renders options statically' do
+      Category.create!(name: 'Travel')
+      Category.create!(name: 'Music')
+
+      get '/admin/posts/new'
+
+      expect(response.body).to have_selector('.searchable-select-input option', text: 'Travel')
+      expect(response.body).to have_selector('.searchable-select-input option', text: 'Music')
+    end
+
+    it 'does not set data-ajax-url attribute' do
+      get '/admin/posts/new'
+
+      expect(response.body).not_to have_selector('.searchable-select-input[data-ajax-url]')
+    end
+  end
+
+  shared_examples 'renders ajax based searchable select input' do
+    it 'renders select input with searchable-select-input css class' do
+      get '/admin/posts/new'
+
+      expect(response.body).to have_selector('select.searchable-select-input')
+    end
+
+    it 'does not render options statically' do
+      Category.create!(name: 'Travel')
+
+      get '/admin/posts/new'
+
+      expect(response.body).not_to have_selector('.searchable-select-input option', text: 'Travel')
+    end
+
+    it 'sets data-ajax-url attribute' do
+      get '/admin/posts/new'
+
+      expect(response.body).to have_selector('.searchable-select-input[data-ajax-url]')
+    end
+
+    it 'renders selected option for current value' do
+      category = Category.create!(name: 'Travel')
+      post = Post.create!(title: 'A post', category: category)
+
+      get "/admin/posts/#{post.id}/edit"
+
+      expect(response.body).to have_selector('.searchable-select-input option[selected]',
+                                             text: 'Travel')
+    end
+  end
+
+  describe 'with ajax option set to true' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input(:category,
+                    as: :searchable_select,
+                    ajax: true)
+          end
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options collection name passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(name: 'custom', scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input(:category,
+                    as: :searchable_select,
+                    ajax: {
+                      collection_name: 'custom'
+                    })
+          end
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options resource passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input(:category_id,
+                    as: :searchable_select,
+                    ajax: {
+                      resource: Category
+                    })
+          end
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with options resource and collection name passed in ajax option' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Category) do
+          searchable_select_options(name: 'custom', scope: Category, text_attribute: :name)
+        end
+
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input(:category_id,
+                    as: :searchable_select,
+                    ajax: {
+                      resource: Category,
+                      collection_name: 'custom'
+                    })
+          end
+        end
+      end
+    end
+
+    include_examples 'renders ajax based searchable select input'
+  end
+
+  describe 'with custom class attribute' do
+    before(:each) do
+      ActiveAdminHelpers.setup do
+        ActiveAdmin.register(Post) do
+          form do |f|
+            f.input :category, as: :searchable_select, input_html: { class: 'custom' }
+          end
+        end
+      end
+    end
+
+    it 'adds searchable-select-input css class' do
+      get '/admin/posts/new'
+
+      expect(response.body).to have_selector('select.custom.searchable-select-input')
+    end
+  end
+end