DEV: Add specs for short prompt

Author: janzenisaac

assets/javascripts/discourse/services/ai-bot-conversations-hidden-submit.js

@@ -25,9 +25,10 @@ export default class AiBotConversationsHiddenSubmit extends Service {
     this.composer.close();
 
     if (this.inputValue.length < 10) {
-      // TODO: Translate
-      this.dialog.alert({
-        message: "Message must be longer than 10 characters",
+      return this.dialog.alert({
+        message: i18n(
+          "discourse_ai.ai_bot.conversations.min_input_length_message"
+        ),
         didConfirm: () => this.focusInput(),
         didCancel: () => this.focusInput(),
       });

assets/javascripts/discourse/templates/discourse-ai-bot-conversations.hbs

@@ -16,7 +16,7 @@
       @action={{this.aiBotConversationsHiddenSubmit.submitToBot}}
       @icon="paper-plane"
       @title="discourse_ai.ai_bot.conversations.header"
-      class="ai-bot-button btn-primary"
+      class="ai-bot-button btn-primary ai-conversation-submit"
     />
   </div>
   <p class="ai-disclaimer">

config/locales/client.en.yml

@@ -697,6 +697,7 @@ en:
           disclaimer: "Generative AI can make mistakes"
           placeholder: "Ask a question..."
           new: "New Question"
+          min_input_length_message: "Message must be longer than 10 characters"
       sentiments:
         dashboard:
           title: "Sentiment"
@@ -752,6 +753,7 @@ en:
 
       user_preferences:
         empty: "There are no relevant settings available at this time"
+      experimental_homepage:
     review:
       types:
         reviewable_ai_post:

spec/system/ai_bot/personal_message_spec.rb

@@ -6,6 +6,7 @@
   let(:ai_pm_homepage) { PageObjects::Components::AiPmHomepage.new }
   let(:sidebar) { PageObjects::Components::NavigationMenu::Sidebar.new }
   let(:header_dropdown) { PageObjects::Components::NavigationMenu::HeaderDropdown.new }
+  let(:dialog) { PageObjects::Components::Dialog.new }
 
   fab!(:user) { Fabricate(:user, refresh_auto_groups: true) }
 
@@ -104,6 +105,17 @@
       expect(sidebar).to be_visible
     end
 
+    it "displays error when message is too short" do
+      visit "/"
+      find(".ai-bot-button").click
+
+      ai_pm_homepage.input.fill_in(with: "a")
+      ai_pm_homepage.submit
+      expect(ai_pm_homepage).to have_too_short_dialog
+      dialog.click_yes
+      expect(composer).to be_closed
+    end
+
     it "renders sidebar even when navigation menu is set to header" do
       SiteSetting.navigation_menu = "header dropdown"
       visit "/"

spec/system/page_objects/components/ai_pm_homepage.rb

@@ -6,6 +6,18 @@ class AiPmHomepage < PageObjects::Components::Base
       HOMEPAGE_BODY_CLASS = ".discourse-ai-bot-conversations-page"
       HOMEPAGE_WRAPPER_CLASS = ".custom-homepage__content-wrapper"
 
+      def input
+        page.find("#custom-homepage-input")
+      end
+
+      def submit
+        page.find(".ai-conversation-submit").click
+      end
+
+      def has_too_short_dialog?
+        page.find(".dialog-content", text: "Message must be longer than 10 characters")
+      end
+
       def has_homepage?
         page.has_css?("#{HOMEPAGE_BODY_CLASS} #{HOMEPAGE_WRAPPER_CLASS}")
       end