DEV: Show form templates in the composer (#21190)

spec/system/page_objects/components/composer.rb

@@ -72,6 +72,11 @@ module PageObjects
         find(AUTOCOMPLETE_MENU)
       end
 
+      def switch_category(category_name)
+        find(".category-chooser").click
+        find(".category-row[data-name='#{category_name}']").click
+      end
+
       def has_emoji_autocomplete?
         has_css?(AUTOCOMPLETE_MENU)
       end
@@ -98,6 +103,22 @@ module PageObjects
         page.has_no_css?(emoji_preview_selector(emoji))
       end
 
+      def has_composer_input?
+        page.has_css?("#{COMPOSER_ID} .d-editor .d-editor-input")
+      end
+
+      def has_form_template?
+        page.has_css?(".form-template-form__wrapper")
+      end
+
+      def has_form_template_field?(field)
+        page.has_css?(".form-template-field[data-field-type='#{field}']")
+      end
+
+      def has_form_template_chooser?
+        page.has_css?(".composer-select-form-template")
+      end
+
       def composer_input
         find("#{COMPOSER_ID} .d-editor .d-editor-input")
       end

spec/system/page_objects/components/select_kit.rb

@@ -34,8 +34,16 @@ module PageObjects
         component.find(".select-kit-header[data-value='#{value}']")
       end
 
-      def has_selected_name?(value)
-        component.find(".select-kit-header[data-name='#{value}']")
+      def has_selected_name?(name)
+        component.find(".select-kit-header[data-name='#{name}']")
+      end
+
+      def has_selected_choice_name?(name)
+        component.find(".selected-choice[data-name='#{name}']")
+      end
+
+      def has_option_name?(name)
+        component.find(".select-kit-collection li[data-name='#{name}']")
       end
 
       def expand