[FreestylerEval] test using UI

We now know that the hanging issue was due to code generated by the
LLM hanging and therefore the workaround to use a special event
was not actually helping.

Bug: 362730981
Change-Id: I4f70eae7aec05812922ba1035eb8a14bf831abfc
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5832744
Commit-Queue: Alex Rudenko <[email protected]>
Reviewed-by: Ergün Erdoğmuş <[email protected]>

Author: OrKoN

front_end/panels/freestyler/FreestylerAgent.ts

@@ -19,7 +19,6 @@ import {
   type ContextResponse,
   ConversationContext,
   debugLog,
-  isDebugMode,
   type ParsedResponse,
   type RequestOptions,
   ResponseType,
@@ -610,10 +609,6 @@ export class FreestylerAgent extends AiAgent<SDK.DOMModel.DOMNode> {
         }
 
         const sideEffectConfirmationPromiseWithResolvers = this.#confirmSideEffect<boolean>();
-        if (isDebugMode()) {
-          window.dispatchEvent(new CustomEvent(
-              'freestylersideeffect', {detail: {confirm: sideEffectConfirmationPromiseWithResolvers.resolve}}));
-        }
 
         yield {
           type: ResponseType.SIDE_EFFECT,

scripts/freestyler/auto_freestyler.js

@@ -264,10 +264,17 @@ class Example {
 
       await this.#devtoolsPage.locator('aria/Ask a question about the selected element').fill(query);
 
-      this.#devtoolsPage.evaluate(() => {
-        window.addEventListener('freestylersideeffect', ev => {
-          ev.detail.confirm();
-        });
+      const abort = new AbortController();
+      const autoAcceptEvals = async signal => {
+        while (!signal.aborted) {
+          await this.#devtoolsPage.locator('aria/Continue').click({signal});
+        }
+      };
+      autoAcceptEvals(abort.signal).catch(err => {
+        if (err.message === 'This operation was aborted') {
+          return;
+        }
+        console.error('autoAcceptEvals', err);
       });
 
       const done = this.#devtoolsPage.evaluate(() => {
@@ -282,6 +289,7 @@ class Example {
 
       await this.#devtoolsPage.keyboard.press('Enter');
       await done;
+      abort.abort();
 
       const result = JSON.parse(await this.#devtoolsPage.evaluate(() => {
         return localStorage.getItem('freestylerStructuredLog');