Add minimum specs

Author: blocknotes

spec/dummy/app/admin/posts.rb

@@ -1,4 +1,49 @@
 # frozen_string_literal: true
 
 ActiveAdmin.register Post do
+  permit_params :author_id, :title, :description, :category, :dt, :position, :published, tag_ids: []
+
+  index do
+    selectable_column
+    id_column
+    column :title
+    column :author
+    column :published
+    column :created_at
+    actions
+  end
+
+  show do
+    attributes_table do
+      row :author
+      row :title
+      row :description
+      row :category
+      row :dt
+      row :position
+      row :published
+      row :tags
+      row :created_at
+      row :updated_at
+    end
+    active_admin_comments
+  end
+
+  form do |f|
+    f.inputs 'Post' do
+      f.input :author, as: :selectize
+      f.input :title
+      f.input :description
+      f.input :category
+      f.input :dt
+      f.input :position
+      f.input :published
+    end
+
+    f.inputs 'Tags' do
+      f.input :tags, as: :selectize
+    end
+
+    f.actions
+  end
 end

spec/dummy/app/assets/javascripts/active_admin.js

@@ -1 +1,4 @@
 //= require active_admin/base
+
+//= require activeadmin/selectize/selectize
+//= require activeadmin/selectize_input

spec/dummy/app/assets/stylesheets/active_admin.scss

@@ -8,8 +8,10 @@
 // $sidebar-width: 242px;
 
 // Active Admin's got SASS!
-@import "active_admin/mixins";
-@import "active_admin/base";
+@import 'active_admin/mixins';
+@import 'active_admin/base';
+
+@import 'activeadmin/selectize_input';
 
 // Overriding any non-variable SASS must be done after the fact.
 // For example, to change the default status-tag color:

spec/system/selectize_inputs_spec.rb

@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+RSpec.describe 'Selectize inputs', type: :system do
+  let(:authors) do
+    3.times.map do |i|
+      Author.create!(email: "some_email_#{i}@example.com", name: "John #{i}", age: 30 + i * 3)
+    end
+  end
+  let(:post) { Post.create!(title: 'Test', author: authors.last) }
+  let(:tags) do
+    3.times.map do |i|
+      Tag.create!(name: "A tag #{i}")
+    end
+  end
+
+  before do
+    post.tags << tags.last
+  end
+
+  after do
+    post.destroy
+    authors.each(&:destroy)
+    tags.each(&:destroy)
+  end
+
+  context 'with a single value selectize input' do
+    let(:hidden_input) { '#post_author_input [data-selectize-input]' }
+    let(:selectize_control) { '#post_author_input .selectize-control.single' }
+    let(:selectize_input) { '#post_author_input .selectize-input' }
+
+    it 'includes the hidden select and the selectize-input element' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      expect(page).to have_select('post[author_id]', visible: false, selected: authors.last.name)
+      expect(page).to have_css(selectize_input)
+    end
+
+    it 'updates the entity association' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      find(selectize_input).click
+      find("#{selectize_control} .selectize-dropdown-content", text: 'John 1').click
+      find('[type="submit"]').click
+      expect(page).to have_content('was successfully updated')
+      expect(post.reload.author).to eq(authors.find { |item| item.name == 'John 1' })
+    end
+  end
+
+  context 'with a multiple values selectize input' do
+    let(:hidden_input) { '#post_tags_input [data-selectize-input]' }
+    let(:selectize_control) { '#post_tags_input .selectize-control.multi' }
+    let(:selectize_input) { '#post_tags_input .selectize-input' }
+
+    it 'includes the hidden select and the selectize-input element' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      expect(page).to have_select('post[tag_ids][]', visible: false, selected: tags.last.name)
+      expect(page).to have_css(selectize_input)
+    end
+
+    it 'updates the entity association' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      find(selectize_input).click
+      find('#post_tags_input .option', text: 'A tag 1').click
+      scroll_to(find('#post_submit_action'))
+      find('[type="submit"]').click
+      expect(page).to have_content('was successfully updated')
+      expect(post.reload.tags).to include(tags.find { |item| item.name == 'A tag 1' })
+    end
+  end
+end