[8.15] [QA] Change CCS stack functional integration test to account f…

…or Monaco Dev Console. (#190382) (#190410)

# Backport

This will backport the following commits from `main` to `8.15`:
- [[QA] Change CCS stack functional integration test to account for
Monaco Dev Console.
(#190382)](#190382)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Marius
Dragomir","email":"marius-dr@users.noreply.github.com"},"sourceCommit":{"committedDate":"2024-08-13T13:44:23Z","message":"[QA]
Change CCS stack functional integration test to account for Monaco Dev
Console. (#190382)\n\n## Summary\r\nThe default editor for the Kibana
Dev Console has been changed from the\r\nAce editor to the Monaco
editor. This PR updates the ccs n-1 test to\r\naccount for
this.\r\n\r\nPS: The screen size change is done to account the size of
the response\r\nheaders in case of requests done to CCS configured
indices.\r\nBackport is only needed for 8.15
branch.","sha":"0f56e50093602223144c53db0c1f43e28cf11c04","branchLabelMapping":{"^v8.16.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["test","Team:QA","release_note:skip","test-stack-integration","v8.16.0","v8.15.1"],"title":"[QA]
Change CCS stack functional integration test to account for Monaco Dev
Console.
","number":190382,"url":"https://github.com/elastic/kibana/pull/190382","mergeCommit":{"message":"[QA]
Change CCS stack functional integration test to account for Monaco Dev
Console. (#190382)\n\n## Summary\r\nThe default editor for the Kibana
Dev Console has been changed from the\r\nAce editor to the Monaco
editor. This PR updates the ccs n-1 test to\r\naccount for
this.\r\n\r\nPS: The screen size change is done to account the size of
the response\r\nheaders in case of requests done to CCS configured
indices.\r\nBackport is only needed for 8.15
branch.","sha":"0f56e50093602223144c53db0c1f43e28cf11c04"}},"sourceBranch":"main","suggestedTargetBranches":["8.15"],"targetPullRequestStates":[{"branch":"main","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/190382","number":190382,"mergeCommit":{"message":"[QA]
Change CCS stack functional integration test to account for Monaco Dev
Console. (#190382)\n\n## Summary\r\nThe default editor for the Kibana
Dev Console has been changed from the\r\nAce editor to the Monaco
editor. This PR updates the ccs n-1 test to\r\naccount for
this.\r\n\r\nPS: The screen size change is done to account the size of
the response\r\nheaders in case of requests done to CCS configured
indices.\r\nBackport is only needed for 8.15
branch.","sha":"0f56e50093602223144c53db0c1f43e28cf11c04"}},{"branch":"8.15","label":"v8.15.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Marius Dragomir <marius-dr@users.noreply.github.com>

x-pack/test/stack_functional_integration/apps/ccs/ccs_console.js

@@ -11,6 +11,7 @@ export default function ({ getService, getPageObjects }) {
   const retry = getService('retry');
   const log = getService('log');
   const PageObjects = getPageObjects(['common', 'console']);
+  const browser = getService('browser');
 
   describe('Integration Tests - Console App CCS', function describeIndexTests() {
     this.tags('includeFirefox');
@@ -19,21 +20,22 @@ export default function ({ getService, getPageObjects }) {
       await PageObjects.common.navigateToApp('console');
       await PageObjects.common.dismissBanner();
       await retry.try(async () => {
-        await PageObjects.console.collapseHelp();
+        await PageObjects.console.closeHelpIfExists();
       });
     });
 
     describe('Perform CCS Search in Console', () => {
       before(async () => {
-        await PageObjects.console.clearTextArea();
+        await browser.setScreenshotSize(1800, 2937); //add the full response in getVisibleText
+        await PageObjects.console.monaco.clearEditorText();
       });
       it('it should be able to access remote data', async () => {
         await PageObjects.console.enterRequest(
-          '\nGET ftr-remote:makelogs工程-*/_search\n {\n "query": {\n "bool": {\n "must": [\n {"match": {"extension" : "jpg"'
+          '\nGET ftr-remote:makelogs工程-*/_search\n {\n "query": {\n "bool": {\n "must": [\n {"match": {"extension" : "jpg"} \n}\n}\n}\n}\n}'
         );
         await PageObjects.console.clickPlay();
         await retry.try(async () => {
-          const actualResponse = await PageObjects.console.getResponse();
+          const actualResponse = await PageObjects.console.monaco.getOutputText();
           expect(actualResponse).to.contain('"_index": "ftr-remote:makelogs工程-0"');
         });
       });