DEV: disambiguate system spec find to prevent flakyness (#22698)

app/assets/javascripts/discourse/app/widgets/summary-box.js

@@ -24,7 +24,7 @@ createWidget("summary-skeleton", {
       h("span", {}, [
         iconNode("magic", { class: "rotate-center" }),
         h(
-          "p.placeholder-generating-summary-text",
+          "div.placeholder-generating-summary-text",
           {},
           I18n.t("summary.in_progress")
         ),
@@ -51,7 +51,11 @@ export default createWidget("summary-box", {
     const html = [];
 
     if (attrs.summary) {
-      html.push(new RawHtml({ html: `<div>${attrs.summary}</div>` }));
+      html.push(
+        new RawHtml({
+          html: `<div class="generated-summary">${attrs.summary}</div>`,
+        })
+      );
       html.push(
         h("div.summarized-on", {}, [
           new RenderGlimmer(

spec/system/topic_summarization_spec.rb

@@ -25,7 +25,7 @@ RSpec.describe "Topic summarization", type: :system, js: true do
 
     find(".topic-strategy-summarization").click
 
-    summary = find(".summary-box p").text
+    summary = find(".summary-box .generated-summary p").text
 
     expect(summary).to eq(expected_summary)
   end