Partially apply UI eng vision in the SearchVieew

Will remove DOM references from output and other DOM manipulations in the subsequent CLs

Bug: 407750483
Change-Id: I07e7bca41b31f985ab9c10e6332c788f2d63bff9
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6881886
Reviewed-by: Philip Pfaffe <[email protected]>
Commit-Queue: Danil Somsikov <[email protected]>

Author: danilsomsikov

front_end/panels/search/SearchView.test.ts

@@ -78,8 +78,12 @@ class TestSearchView extends Search.SearchView.SearchView {
   /** Fills in the UI elements of the SearchView and hits 'Enter'. */
   triggerSearch(query: string, matchCase: boolean, isRegex: boolean): void {
     this.search.value = query;
-    this.matchCaseButton.toggled = matchCase;
-    this.regexButton.toggled = isRegex;
+    if (matchCase) {
+      this.matchCaseButton.click();
+    }
+    if (isRegex) {
+      this.regexButton.click();
+    }
 
     dispatchKeyDownEvent(this.search, {keyCode: UI.KeyboardShortcut.Keys.Enter.code});
   }