[ConsoleInsights] Disable animations for screenshot tests

Bug: 401489541
Change-Id: I10af307201cce99f13601d57b19ffb0cce1c0aac
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6341554
Reviewed-by: Wolfgang Beyer <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>

Author: OrKoN

front_end/panels/explain/components/ConsoleInsight.ts

@@ -258,6 +258,8 @@ export class ConsoleInsight extends HTMLElement {
 
   readonly #shadow = this.attachShadow({mode: 'open'});
 
+  disableAnimations = false;
+
   #promptBuilder: PublicPromptBuilder;
   #aidaClient: PublicAidaClient;
   #renderer: MarkdownView.MarkdownView.MarkdownInsightRenderer;
@@ -772,7 +774,7 @@ export class ConsoleInsight extends HTMLElement {
         <main jslog=${jslog}>
           ${
             this.#state.validMarkdown ? html`<devtools-markdown-view
-              .data=${{tokens: this.#state.tokens, renderer: this.#renderer, animationEnabled: true} as MarkdownView.MarkdownView.MarkdownViewData}>
+              .data=${{tokens: this.#state.tokens, renderer: this.#renderer, animationEnabled: !this.disableAnimations} as MarkdownView.MarkdownView.MarkdownViewData}>
             </devtools-markdown-view>`: this.#state.explanation
           }
           ${this.#state.timedOut ? html`<p class="error-message">${i18nString(UIStrings.timedOut)}</p>` : Lit.nothing}

front_end/ui/components/docs/console_insight/static.ts

@@ -80,4 +80,5 @@ Images: ![https://example.com](https://example.com)
     },
 
     Host.AidaClient.AidaAccessPreconditions.AVAILABLE);
+component.disableAnimations = true;
 document.getElementById('container')?.appendChild(component);