ci config

Author: speakyourcode

.circleci/config.yml

@@ -49,6 +49,21 @@ jobs:
       - run:
           name: Build and test frontend
           command: ./node_modules/.bin/grafana-toolkit plugin:ci-build
+      - run:
+          name: Run test with coverage
+          command: ./node_modules/.bin/grafana-toolkit plugin:test --coverage
+      - run:
+          name: Setup Code Climate test-reporter
+          command: |
+            curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+            chmod +x ./cc-test-reporter
+            ./cc-test-reporter before-build
+          when: always
+      - run:
+          name: Send coverage report to Code Climate
+          command:
+            ./cc-test-reporter after-build -t lcov
+          when: always
       - run:
           name: Move results to ci folder
           command: ./node_modules/.bin/grafana-toolkit plugin:ci-build --finish
@@ -63,5 +78,7 @@ jobs:
           - ci/packages
           - ci/dist
           - ci/grafana-test-env
+          - coverage/lcov.info
       - store_artifacts:
           path: ci
+          path: coverage/lcov.info

README.md

@@ -1,5 +1,12 @@
 # Grafana Button Control Panel
 
+[![CircleCI](https://circleci.com/gh/speakyourcode/grafana-button-panel.svg?style=shield)](https://circleci.com/gh/speakyourcode/grafana-button-panel)
+[![David Dependency Status](https://david-dm.org/speakyourcode/grafana-button-panel.svg)](https://david-dm.org/speakyourcode/grafana-button-panel)
+[![David Dev Dependency Status](https://david-dm.org/speakyourcode/grafana-button-panel/dev-status.svg)](https://david-dm.org/speakyourcode/grafana-button-panel/?type=dev)
+[![Known Vulnerabilities](https://snyk.io/test/github/speakyourcode/grafana-button-panel/badge.svg)](https://snyk.io/test/github/speakyourcode/grafana-button-panel)
+[![Maintainability](https://api.codeclimate.com/v1/badges/3d8db85bc1cc2b95d314/maintainability)](https://codeclimate.com/github/speakyourcode/grafana-button-panel/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/3d8db85bc1cc2b95d314/test_coverage)](https://codeclimate.com/github/speakyourcode/grafana-button-panel/test_coverage)
+
 This panel allows you to create buttons and define actions for them. It can be
 used to add controlling functionality to your dashboards. Actions are defined as
 queries to Datasources.

src/editor.tsx

@@ -18,16 +18,17 @@ export interface EditorProps {
 }
 
 export const Editor: React.FC<EditorProps> = ({ buttons, onChange }) => {
-  const [elems, setElems] = React.useState<SelectableValue<string>[]>();
+  const [elems, setElems] = React.useState<Array<SelectableValue<string>>>();
   const [isOpen, setOpen] = React.useState<boolean[]>(buttons.map(e => false));
   React.useEffect(() => {
     let cancel = false;
     const fetchData = async () => {
       const ds = await getBackendSrv().get('/api/datasources');
-      if (!cancel)
+      if (!cancel) {
         setElems(
           ds.map((i: any) => ({ label: i.name, value: i.name, name: i.name }))
         );
+      }
     };
     fetchData();
     return (): void => {