diff --git a/package.json b/package.json index 378a1a696e..06c1a05fa0 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@mantine/hooks": "^9.0.0", + "@monaco-editor/react": "^4.7.0", "@octokit/rest": "^22.0.0", "@reduxjs/toolkit": "^1.9.7", "@sentry/react": "^10.5.0", @@ -77,6 +78,7 @@ "lz-string": "^1.4.4", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-hast": "^13.0.0", + "monaco-editor": "^0.55.1", "normalize.css": "^8.0.1", "phaser": "~3.90.0", "query-string": "^9.0.0", diff --git a/src/commons/editor/EditorContainer.test.tsx b/src/commons/editor/EditorContainer.test.tsx new file mode 100644 index 0000000000..95788e6280 --- /dev/null +++ b/src/commons/editor/EditorContainer.test.tsx @@ -0,0 +1,98 @@ +import { fireEvent, render, screen } from '@testing-library/react'; +import { Provider } from 'react-redux'; +import { mockInitialStore } from 'src/commons/mocks/StoreMocks'; +import { + defaultWorkspaceSettings, + WorkspaceSettingsContext, +} from 'src/commons/WorkspaceSettingsContext'; +import { flagMonacoEditorEnable } from 'src/features/monaco/flagMonacoEditorEnable'; +import { expect, test, vi } from 'vitest'; + +import EditorContainer, { type EditorContainerProps } from './EditorContainer'; + +vi.mock('./MonacoEditor', () => ({ + default: (props: any) => ( +