Add minimum specs

Author: blocknotes

spec/dummy/app/admin/authors.rb

@@ -1,10 +1,21 @@
 # frozen_string_literal: true
 
 ActiveAdmin.register Author do
-  menu priority: 1
-
   permit_params :name, :email, :age, :avatar, profile_attributes: %i[id description _destroy]
 
+  member_action :dialog do
+    record = resource
+    context = Arbre::Context.new do
+      dl do
+        %i[name age created_at].each do |field|
+          dt Author.human_attribute_name(field) + ':'
+          dd record[field]
+        end
+      end
+    end
+    render plain: context
+  end
+
   index do
     selectable_column
     id_column

spec/dummy/app/admin/posts.rb

@@ -1,4 +1,57 @@
 # frozen_string_literal: true
 
-ActiveAdmin.register Post do
+ActiveAdmin.register Post do # rubocop:disable Metrics/BlockLength
+  permit_params :author_id, :title, :description, :category, :dt, :position, :published, tag_ids: []
+
+  member_action :save, method: [:post] do
+    render ActiveAdmin::DynamicFields.update(resource, params)
+  end
+
+  index do
+    selectable_column
+    id_column
+    column :title
+    column :author
+    column :published do |row|
+      status_tag row.published, ActiveAdmin::DynamicFields.edit_boolean(:published, save_admin_post_path(row.id), row.published)
+    end
+    column :created_at
+    actions
+  end
+
+  show do |record|
+    attributes_table do
+      row :author do
+        link_to record.author.name, dialog_admin_author_path(record.author), title: record.author.name, 'data-df-dialog': true, 'data-df-icon': true
+      end
+      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
+      f.input :title
+      f.input :description, input_html: { data: { if: 'blank', action: 'setValue no title', target: '#post_category' } }
+      f.input :category
+      f.input :published, input_html: { data: { if: 'not_checked', action: 'hide', target: '.group1' } }
+      f.input :dt, wrapper_html: { class: 'group1' }
+      f.input :position, wrapper_html: { class: 'group1' }
+    end
+
+    f.inputs 'Tags' do
+      f.input :tags
+    end
+
+    f.actions
+  end
 end

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

@@ -1 +1,3 @@
 //= require active_admin/base
+
+//= require activeadmin/dynamic_fields

spec/system/dialog_spec.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+RSpec.describe 'Dialog', type: :system do
+  let(:author) { Author.create!(email: 'some_email@example.com', name: 'John Doe', age: 30) }
+  let(:post) { Post.create!(title: 'Test', author: author, description: '') }
+
+  before do
+    post
+  end
+
+  after do
+    post.destroy
+    author.destroy
+  end
+
+  context 'with a dialog' do
+    subject(:author_link) { '.attributes_table .row-author a[data-df-dialog]' }
+
+    it 'opens the dialog' do
+      visit "/admin/posts/#{post.id}"
+
+      expect(page).to have_css(author_link)
+      expect(page).not_to have_css('.ui-dialog')
+      find(author_link).click
+      expect(page).to have_css('.ui-dialog', visible: :visible)
+      expect(page).to have_css('#df-dialog dd', text: author.name)
+      expect(page).to have_css('#df-dialog dd', text: author.age)
+    end
+  end
+end

spec/system/dynamic_fields_spec.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+RSpec.describe 'Dynamic fields', type: :system do
+  let(:author) { Author.create!(email: 'some_email@example.com', name: 'John Doe', age: 30) }
+  let(:post) { Post.create!(title: 'Test', author: author, description: '') }
+
+  before do
+    post
+  end
+
+  after do
+    post.destroy
+    author.destroy
+  end
+
+  context 'with some dynamic fields' do
+    it 'toggles the .group1 elements when clicking on the checkbox' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      expect(page).to have_css('#post_published[data-if="not_checked"][data-action="hide"][data-target=".group1"]')
+
+      expect(find('#post_published')).not_to be_checked
+      expect(page).to have_css('#post_dt_input', visible: :hidden)
+      expect(page).to have_css('#post_position_input', visible: :hidden)
+
+      find('#post_published').set(true)
+      expect(page).to have_css('#post_dt_input', visible: :visible)
+      expect(page).to have_css('#post_position_input', visible: :visible)
+
+      find('#post_published').set(false)
+      expect(page).to have_css('#post_dt_input', visible: :hidden)
+      expect(page).to have_css('#post_position_input', visible: :hidden)
+    end
+
+    it 'changes the value of target when the source element is blank' do
+      visit "/admin/posts/#{post.id}/edit"
+
+      expect(page).to have_css('#post_description[data-if="blank"][data-action="setValue no title"][data-target="#post_category"]')
+      expect(find('#post_category').value).to eq 'no title'
+      find('#post_category').set('...')
+      find('#post_description').set('...')
+      expect(find('#post_category').value).to eq '...'
+      find('#post_description').set('')
+      expect(find('#post_category').value).to eq 'no title'
+    end
+  end
+end

spec/system/inline_editing_spec.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+RSpec.describe 'Inline editing', type: :system do
+  let(:author) { Author.create!(email: 'some_email@example.com', name: 'John Doe', age: 30) }
+  let(:post) { Post.create!(title: 'Test', author: author, description: '') }
+
+  before do
+    post
+  end
+
+  after do
+    post.destroy
+    author.destroy
+  end
+
+  context 'with a column set for inline editing' do
+    let(:editing_widget) { '.index_content .status_tag[data-field="published"][data-field-type="boolean"]' }
+
+    it 'includes the editing widget' do
+      visit "/admin/posts"
+
+      expect(post.reload.published).to be_falsey
+      expect(page).to have_css(editing_widget, text: 'NO')
+      find(editing_widget).click
+      expect(page).to have_css(editing_widget, text: 'YES')
+      expect(post.reload.published).to be_truthy
+    end
+  end
+end