Chore/autumn clean

jest.config.js

@@ -12,17 +12,18 @@ module.exports = {
     ...config.moduleNameMapper,
     '^lodash-es$': 'lodash',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|md)$':
-      '<rootDir>/src/test/fileMock.js',
-    '^!raw-loader!*': '<rootDir>/src/test/rawLoaderMock.js',
-    '^(.+)\\?raw$': '<rootDir>/src/test/rawLoaderMock.js',
+      '<rootDir>/src/test/mocks/unsupported_file.js',
+    '^!raw-loader!*': '<rootDir>/src/test/mocks/rawLoader.js',
+    '^(.+)\\?raw$': '<rootDir>/src/test/mocks/rawLoader.js',
     '^grafana/app/core/core$': '<rootDir>/src/test/mocks/grafana/app/core/core.js',
+    '^grafana/app/core/app_events$': '<rootDir>/src/test/mocks/grafana/app/core/app_events.js',
   },
   testTimeout: 30000,
   // Inform jest to only transform specific node_module packages.
   transform: {
     ...config.transform,
     '^.+\\.mjs$': ['@swc/jest'],
-    'assets/snippets/.+\\.js$': '<rootDir>/src/test/rawLoaderMock.js',
+    'assets/snippets/.+\\.js$': '<rootDir>/src/test/mocks/rawLoader.js',
   },
   transformIgnorePatterns: [
     nodeModulesToTransform([

package.json

@@ -16,7 +16,6 @@
     "release:test": "release-it --dry-run --ci --no-git.requireCleanWorkingDir",
     "server": "docker compose up --build",
     "sign": "npx --yes @grafana/sign-plugin@latest",
-    "spellcheck": "cspell -c cspell.config.json \"**/*.{ts,tsx,js,go,md,mdx,yml,yaml,json,scss,css}\"",
     "test": "jest --all",
     "test:changed": "jest --watch --onlyChanged",
     "typecheck": "tsc --noEmit",

src/test/jest-setup.tsx

@@ -31,3 +31,9 @@ global.IntersectionObserver = jest.fn(() => ({
 }));
 
 import 'test/mocks/@grafana/runtime';
+import 'test/mocks/@grafana/ui';
+import 'test/mocks/components/SimpleMap';
+
+// note there are some other mocks set up in jest.config.js
+// for example the rawLoader, unsupported_file, grafana/app/core/core
+// and grafana/app/core/app_events

src/test/mocks/@grafana/ui.tsx

@@ -0,0 +1,30 @@
+import React, { forwardRef } from 'react';
+
+jest.mock('@grafana/ui', () => {
+  const actual = jest.requireActual('@grafana/ui');
+
+  const Icon = forwardRef((props, ref) => <svg {...props} />);
+  Icon.displayName = 'Icon';
+
+  // Monaco does not render with jest and is stuck at "Loading..."
+  // There doesn't seem to be a solution to this at this point,
+  // mocking it instead. Related github issue:
+  // https://github.com/suren-atoyan/monaco-react/issues/88
+  const CodeEditor = React.forwardRef((props: any, ref: any) => {
+    return <textarea ref={ref} data-testid="code-editor" onChange={props.onChange} value={props.value} />;
+  });
+  CodeEditor.displayName = 'CodeEditor';
+
+  return {
+    ...actual,
+    Icon,
+    BigValue: ({ value }: { value: { numeric: number; text?: string; title?: string } }) => (
+      <div>
+        {/* {value.numeric} */}
+        {value.text && <span>{value.text}</span>}
+        {value.title && <label>{value.title}</label>}
+      </div>
+    ),
+    CodeEditor,
+  };
+});

src/test/mocks/components/SimpleMap.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+jest.mock(`components/SimpleMap`, () => ({
+  SimpleMap: () => <div>A pretty map</div>,
+}));

src/test/mocks/grafana/app/core/app_events.js

@@ -0,0 +1,3 @@
+module.exports = {
+  emit: () => {},
+};