jest config

Author: speakyourcode

jest.config.js

@@ -0,0 +1,9 @@
+// This file is needed because it is used by vscode and other tools that
+// call `jest` directly.  However, unless you are doing anything special
+// do not edit this file
+
+const standard = require('@grafana/toolkit/src/config/jest.plugin.config');
+
+// This process will use the same config that `yarn test` is using
+module.exports = standard.jestConfig();
+module.exports.setupFiles.push('./src/jest.setup.ts');

package.json

@@ -17,9 +17,11 @@
   },
   "devDependencies": {
     "@grafana/data": "next",
+    "@grafana/runtime": "next",
     "@grafana/toolkit": "next",
     "@grafana/ui": "next",
-    "@grafana/runtime": "next",
-    "emotion": "10.0.27"
+    "emotion": "10.0.27",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "1.15.2"
   }
 }

src/buttonPanel.test.tsx

@@ -0,0 +1,40 @@
+import {
+  DefaultTimeRange,
+  DefaultTimeZone,
+  LoadingState,
+  PanelProps,
+} from '@grafana/data';
+import { mount } from 'enzyme';
+import React from 'react';
+import { Options } from 'types';
+import { ButtonPanel } from './buttonPanel';
+
+describe('button panel', () => {
+  test('panel', () => {
+    let props: PanelProps<Options> = {
+      id: 1,
+      data: {
+        timeRange: DefaultTimeRange,
+        state: LoadingState.Done,
+        series: [],
+      },
+      fieldConfig: { defaults: {}, overrides: [] },
+      height: 1,
+      transparent: false,
+      width: 2,
+      onChangeTimeRange: () => {},
+      onFieldConfigChange: () => {},
+      onOptionsChange: () => {},
+      renderCounter: 1,
+      replaceVariables: () => '',
+      timeRange: DefaultTimeRange,
+      timeZone: DefaultTimeZone,
+      options: {
+        buttons: [],
+        orientation: 'horizontal',
+      } as Options,
+    };
+
+    mount(<ButtonPanel {...props} />);
+  });
+});

src/jest.setup.ts

@@ -0,0 +1,3 @@
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+Enzyme.configure({ adapter: new Adapter() });

src/module.test.ts

@@ -1,6 +1,12 @@
-// Just a stub test
-describe('placeholder test', () => {
-  it('should return true', () => {
-    expect(true).toBeTruthy();
+import { standardEditorsRegistry } from '@grafana/data';
+import { plugin } from './module';
+
+describe('button plugin', () => {
+  test('editor options', () => {
+    standardEditorsRegistry.setInit(() => {
+      return [{ id: 'radio' }] as any;
+    });
+    expect(plugin.optionEditors).toBeDefined();
+    expect(plugin.optionEditors?.list()).toHaveLength(2);
   });
 });