move filter button to component and use plug it to new route

spec/components/instructeurs/filter_buttons_component_spec.rb

@@ -0,0 +1,88 @@
+# frozen_string_literal: true
+
+describe Instructeurs::FilterButtonsComponent, type: :component do
+  let(:component) { described_class.new(filters:, procedure_presentation:, statut:) }
+  let(:instructeur) { create(:instructeur) }
+  let(:assign_to) { create(:assign_to, procedure:, instructeur:) }
+  let(:procedure_presentation) { create(:procedure_presentation, assign_to: assign_to) }
+  let(:statut) { 'tous' }
+  let(:filters) { [filter] }
+
+  def to_filter((label, filter)) = FilteredColumn.new(column: procedure.find_column(label: label), filter: filter)
+
+  before { render_inline(component) }
+
+  describe "visible text" do
+    let(:procedure) { create(:procedure, types_de_champ_public: [{ type: :text }]) }
+    let(:first_type_de_champ) { procedure.active_revision.types_de_champ_public.first }
+    let(:filter) { to_filter([first_type_de_champ.libelle, "true"]) }
+
+    context 'when type_de_champ text' do
+      it 'should passthrough value' do
+        expect(page).to have_text("true")
+      end
+    end
+
+    context 'when type_de_champ yes_no' do
+      let(:procedure) { create(:procedure, types_de_champ_public: [{ type: :yes_no }]) }
+
+      it 'should transform value' do
+        expect(page).to have_text("oui")
+      end
+    end
+
+    context 'when filter is state' do
+      let(:filter) { to_filter(['État du dossier', "en_construction"]) }
+
+      it 'should get i18n value' do
+        expect(page).to have_text("En construction")
+      end
+    end
+
+    context 'when filter is a date' do
+      let(:filter) { to_filter(['Date de création', "15/06/2023"]) }
+
+      it 'should get formatted value' do
+        expect(page).to have_text("15/06/2023")
+      end
+    end
+
+    context 'when there are multiple filters' do
+      let(:filters) do
+        [
+          to_filter(['État du dossier', "en_construction"]),
+          to_filter(['État du dossier', "en_instruction"]),
+          to_filter(['Date de création', "15/06/2023"])
+        ]
+      end
+
+      it 'should display all filters' do
+        text = "État du dossier : En construction ou État du dossier : En instruction et Date de création : 15/06/2023"
+        expect(page).to have_text(text)
+      end
+    end
+  end
+
+  describe "hidden inputs" do
+    let(:procedure) { create(:procedure) }
+
+    context 'with 2 filters' do
+      let(:en_construction_filter) { to_filter(['État du dossier', "en_construction"]) }
+      let(:en_instruction_filter) { to_filter(['État du dossier', "en_instruction"]) }
+      let(:column_id) { procedure.find_column(label: 'État du dossier').id }
+      let(:filters) { [en_construction_filter, en_instruction_filter] }
+
+      it 'should have the necessary inputs' do
+        expect(page).to have_field('statut', with: 'tous', type: 'hidden')
+
+        expect(page.all('form').count).to eq(2)
+
+        del_en_construction = page.all('form').first
+        expect(del_en_construction).to have_text('En construction')
+        expect(del_en_construction).to have_field('filters[]', with: '', type: 'hidden')
+        expect(del_en_construction).to have_field('filters[][id]', with: column_id, type: 'hidden')
+        expect(del_en_construction).to have_field('filters[][filter]', with: 'en_instruction', type: 'hidden')
+      end
+    end
+  end
+end