wait until editor is ready

Author: emrberk

packages/browser-tests/cypress.config.js

@@ -6,7 +6,7 @@ const baseUrl = `http://localhost:9999${contextPath}`;
 module.exports = defineConfig({
   defaultCommandTimeout: 10000,
   e2e: {
-    defaultCommandTimeout: 5000,
+    defaultCommandTimeout: 30000,
     screenshotOnRunFailure: false,
     video: false,
     baseUrl: baseUrl,

packages/browser-tests/cypress/commands.js

@@ -153,6 +153,11 @@ Cypress.Commands.add("getMountedEditor", () =>
 );
 
 Cypress.Commands.add("getEditor", () => {
+  cy.window().then((win) => {
+    while (!win.monaco.__ready__) {
+      cy.wait(100);
+    }
+  });
   cy.get(".monaco-editor[role='code']");
 });
 

packages/web-console/src/scenes/Editor/Monaco/index.tsx

@@ -527,6 +527,14 @@ const MonacoEditor = () => {
     return () => window.removeEventListener("focus", setCompletionProvider)
   }, [])
 
+  useEffect(() => {
+    // @ts-ignore
+    if (editorReady && !window.monaco.__ready__) {
+      // @ts-ignore
+      window.monaco.__ready__ = true
+    }
+  }, [editorReady])
+
   return (
     <Content onClick={handleEditorClick}>
       <Editor