Fix no-imperative-dom-api and no-lit-render-outside-of-view rule violations in protocol monitor

Bug: 407736287
Change-Id: I679d33b0cea605c63933becd42cd2fdbe413a87f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6421677
Reviewed-by: Benedikt Meurer <[email protected]>
Auto-Submit: Danil Somsikov <[email protected]>
Commit-Queue: Benedikt Meurer <[email protected]>

Author: danilsomsikov

front_end/panels/protocol_monitor/JSONEditor.test.ts

@@ -997,10 +997,12 @@ describeWithEnvironment('JSONEditor', () => {
          };
 
          jsonEditor.parameters = inputParameters as ProtocolMonitor.JSONEditor.Parameter[];
+         await jsonEditor.updateComplete;
 
          const promise = jsonEditor.once(ProtocolMonitor.JSONEditor.Events.SUBMIT_EDITOR);
 
-         dispatchKeyDownEvent(jsonEditor.contentElement, {key: 'Enter', ctrlKey: true, metaKey: true});
+         dispatchKeyDownEvent(
+             jsonEditor.contentElement.querySelector('.wrapper')!, {key: 'Enter', ctrlKey: true, metaKey: true});
 
          const response = await promise;
 
@@ -1259,7 +1261,8 @@ describeWithEnvironment('JSONEditor', () => {
        const promise = jsonEditor.once(ProtocolMonitor.JSONEditor.Events.SUBMIT_EDITOR);
 
        // We send the command
-       dispatchKeyDownEvent(jsonEditor.contentElement, {key: 'Enter', ctrlKey: true, metaKey: true});
+       dispatchKeyDownEvent(
+           jsonEditor.contentElement.querySelector('.wrapper')!, {key: 'Enter', ctrlKey: true, metaKey: true});
 
        const response = await promise;