diff --git a/app/static/jest.config.js b/app/static/jest.config.js
index e88f717a..e872026b 100644
--- a/app/static/jest.config.js
+++ b/app/static/jest.config.js
@@ -9,7 +9,7 @@ module.exports = {
     coveragePathIgnorePatterns: ["./tests/mocks.ts"],
     transformIgnorePatterns: ["node_modules/(?!(d3-format))"],
     moduleNameMapper: {
-        //"^color$": "<rootDir>/tests/color-shim.js",
+        // "^color$": "<rootDir>/tests/color-shim.js",
         "raw-loader!.*/help/(.*)$": "<rootDir>/src/app/help/$1"
     }
 };
diff --git a/app/static/src/app/components/code/CodeTab.vue b/app/static/src/app/components/code/CodeTab.vue
index cace4ba6..dccf09a6 100644
--- a/app/static/src/app/components/code/CodeTab.vue
+++ b/app/static/src/app/components/code/CodeTab.vue
@@ -15,13 +15,13 @@
         </div>
         <error-info :error="error"></error-info>
         <div class="mt-3">
-          <graph-configs-collapsible></graph-configs-collapsible>
+            <graph-configs-collapsible></graph-configs-collapsible>
         </div>
     </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from "vue";
+import { defineComponent, computed } from "vue";
 import { useStore } from "vuex";
 import VueFeather from "vue-feather";
 // eslint-disable-next-line import/no-webpack-loader-syntax
@@ -36,7 +36,7 @@ import GraphConfigsCollapsible from "../graphConfig/GraphConfigsCollapsible.vue"
 export default defineComponent({
     name: "CodeTab",
     components: {
-      GraphConfigsCollapsible,
+        GraphConfigsCollapsible,
         GenericHelp,
 
         ErrorInfo,
diff --git a/app/static/src/app/components/graphConfig/GraphConfig.vue b/app/static/src/app/components/graphConfig/GraphConfig.vue
index 3959a3fa..70db5f67 100644
--- a/app/static/src/app/components/graphConfig/GraphConfig.vue
+++ b/app/static/src/app/components/graphConfig/GraphConfig.vue
@@ -12,7 +12,7 @@
                 >
                     <span class="variable-name">{{ variable }}</span>
                     <span class="variable-delete">
-                      <button @click="removeVariable(graphIndex, variable)" v-tooltip="'Remove variable'">×</button>
+                        <button @click="removeVariable(graphIndex, variable)" v-tooltip="'Remove variable'">×</button>
                     </span>
                 </span>
             </template>
diff --git a/app/static/src/app/components/graphConfig/GraphConfigs.vue b/app/static/src/app/components/graphConfig/GraphConfigs.vue
index 5e7f3164..b4978216 100644
--- a/app/static/src/app/components/graphConfig/GraphConfigs.vue
+++ b/app/static/src/app/components/graphConfig/GraphConfigs.vue
@@ -1,8 +1,7 @@
 <template>
-
     <div id="graph-configs-instruction" class="ms-2">
-      Drag variables to 'Hidden variables' to remove them from your graph, or click 'Add Graph' to create a
-      new graph to move them to.
+        Drag variables to 'Hidden variables' to remove them from your graph, or click 'Add Graph' to create a new graph
+        to move them to.
     </div>
     <graph-config
         v-for="(_, index) in graphConfigs"
@@ -12,44 +11,42 @@
         @setDragging="setDraggingVariable"
     ></graph-config>
     <button class="btn btn-primary mt-2 ms-2" id="add-graph-btn" @click="addGraph">
-      <vue-feather size="20" class="inline-icon" type="plus"></vue-feather>
-      Add Graph
+        <vue-feather size="20" class="inline-icon" type="plus"></vue-feather>
+        Add Graph
     </button>
-    <hidden-variables
-        @setDragging="setDraggingVariable"
-        :dragging="draggingVariable"
-    ></hidden-variables>
-
+    <hidden-variables @setDragging="setDraggingVariable" :dragging="draggingVariable"></hidden-variables>
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, ref} from "vue";
-import {useStore} from "vuex";
-import VueFeather from "vue-feather";;
+import { computed, defineComponent, ref } from "vue";
+import { useStore } from "vuex";
+import VueFeather from "vue-feather";
 import HiddenVariables from "./HiddenVariables.vue";
 import GraphConfig from "./GraphConfig.vue";
-import {GraphsAction} from "../../store/graphs/actions";
+import { GraphsAction } from "../../store/graphs/actions";
 
 export default defineComponent({
-  components: {
-    VueFeather,
-    GraphConfig,
-    HiddenVariables
-  },
-  setup() {
-    const store = useStore();
-    const draggingVariable = ref(false); // indicates whether a child component is dragging a variable
-    const setDraggingVariable = (value: boolean) => (draggingVariable.value = value);
-    const graphConfigs = computed(() => store.state.graphs.config);
-    const addGraph = () => {
-      store.dispatch(`graphs/${GraphsAction.NewGraph}`);
-    };
-    return {
-      draggingVariable,
-      setDraggingVariable,
-      graphConfigs,
-      addGraph
-    };
-  }
+    components: {
+        VueFeather,
+        GraphConfig,
+        HiddenVariables
+    },
+    setup() {
+        const store = useStore();
+        const draggingVariable = ref(false); // indicates whether a child component is dragging a variable
+        const setDraggingVariable = (value: boolean) => {
+            draggingVariable.value = value;
+        };
+        const graphConfigs = computed(() => store.state.graphs.config);
+        const addGraph = () => {
+            store.dispatch(`graphs/${GraphsAction.NewGraph}`);
+        };
+        return {
+            draggingVariable,
+            setDraggingVariable,
+            graphConfigs,
+            addGraph
+        };
+    }
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/app/static/src/app/components/graphConfig/GraphConfigsCollapsible.vue b/app/static/src/app/components/graphConfig/GraphConfigsCollapsible.vue
index cbe9418d..3d8c1d81 100644
--- a/app/static/src/app/components/graphConfig/GraphConfigsCollapsible.vue
+++ b/app/static/src/app/components/graphConfig/GraphConfigsCollapsible.vue
@@ -1,27 +1,28 @@
 <template>
-  <vertical-collapse v-if="showGraphs" title="Graphs" collapse-id="graphs">
-    <graph-configs></graph-configs>
-  </vertical-collapse>
+    <vertical-collapse v-if="showGraphs" title="Graphs" collapse-id="graphs">
+        <graph-configs></graph-configs>
+    </vertical-collapse>
 </template>
 
 <script lang="ts">
 import GraphConfigs from "@/app/components/graphConfig/GraphConfigs.vue";
 import VerticalCollapse from "@/app/components/VerticalCollapse.vue";
-import {computed, defineComponent} from "vue";
-import {useStore} from "vuex";
+import { computed, defineComponent } from "vue";
+import { useStore } from "vuex";
+
 export default defineComponent({
-  name: "GraphConfigsCollapsible",
-  components: {
-    GraphConfigs,
-    VerticalCollapse
-  },
-  setup(){
-    const store = useStore();
-    const allVariables = computed<string[]>(() => store.state.model.odinModelResponse?.metadata?.variables || []);
-    const showGraphs = computed(() => allVariables.value.length && !store.state.model.compileRequired);
-    return {
-      showGraphs
-    };
-  }
+    name: "GraphConfigsCollapsible",
+    components: {
+        GraphConfigs,
+        VerticalCollapse
+    },
+    setup() {
+        const store = useStore();
+        const allVariables = computed<string[]>(() => store.state.model.odinModelResponse?.metadata?.variables || []);
+        const showGraphs = computed(() => allVariables.value.length && !store.state.model.compileRequired);
+        return {
+            showGraphs
+        };
+    }
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/app/static/src/app/components/graphConfig/HiddenVariables.vue b/app/static/src/app/components/graphConfig/HiddenVariables.vue
index 186a7b6c..12282a6e 100644
--- a/app/static/src/app/components/graphConfig/HiddenVariables.vue
+++ b/app/static/src/app/components/graphConfig/HiddenVariables.vue
@@ -23,14 +23,12 @@
 <script lang="ts">
 import { computed, defineComponent } from "vue";
 import { useStore } from "vuex";
-import VueFeather from "vue-feather";
 import { GraphsGetter } from "../../store/graphs/getters";
 import SelectVariables from "../mixins/selectVariables";
-import {fadeColor} from "./utils";
+import { fadeColor } from "./utils";
 
 export default defineComponent({
     name: "HiddenVariables",
-    components: { VueFeather },
     props: {
         dragging: {
             type: Boolean,
@@ -39,13 +37,13 @@ export default defineComponent({
     },
     setup(props, { emit }) {
         const store = useStore();
-        const  { startDrag, endDrag, onDrop } = SelectVariables(store, emit, true);
+        const { startDrag, endDrag, onDrop } = SelectVariables(store, emit, true);
         const hiddenVariables = computed<string[]>(() => store.getters[`graphs/${GraphsGetter.hiddenVariables}`]);
         const palette = computed(() => store.state.model.paletteModel!);
 
         const getStyle = (variable: string) => {
             const bgcolor = palette.value ? palette.value[variable] : "#eee";
-            return { "background-color": fadeColor(bgcolor)};
+            return { "background-color": fadeColor(bgcolor) };
         };
 
         return {
diff --git a/app/static/src/app/components/graphConfig/utils.ts b/app/static/src/app/components/graphConfig/utils.ts
index afa50149..dd407b79 100644
--- a/app/static/src/app/components/graphConfig/utils.ts
+++ b/app/static/src/app/components/graphConfig/utils.ts
@@ -1,5 +1,5 @@
 import * as Color from "color";
 
-export const fadeColor = (color: string) => {
+export const fadeColor = (color: string): string => {
     return Color(color).desaturate(0.6).fade(0.4).rgb().string();
-};
\ No newline at end of file
+};
diff --git a/app/static/src/app/components/mixins/selectVariables.ts b/app/static/src/app/components/mixins/selectVariables.ts
index 652090e3..05616822 100644
--- a/app/static/src/app/components/mixins/selectVariables.ts
+++ b/app/static/src/app/components/mixins/selectVariables.ts
@@ -1,29 +1,29 @@
-import {AppState} from "../../store/appState/state";
-import {Store} from "vuex";
-import {GraphsAction} from "../../store/graphs/actions";
-import {computed} from "vue";
+import { Store } from "vuex";
+import { computed } from "vue";
+import { AppState } from "../../store/appState/state";
+import { GraphsAction } from "../../store/graphs/actions";
 
 export interface SelectVariablesMixin {
     startDrag: (evt: DragEvent, variable: string) => void;
-    endDrag: () => void,
-    onDrop: (evt: DragEvent) => void,
-    removeVariable: (srcGraphIdx: number, variable: string) => void
+    endDrag: () => void;
+    onDrop: (evt: DragEvent) => void;
+    removeVariable: (srcGraphIdx: number, variable: string) => void;
 }
 
 export default (
     store: Store<AppState>,
-    emit: (event: string, ...args: any[]) => void,
+    emit: (event: string, ...args: unknown[]) => void,
     hiddenVariables: boolean,
-    graphIndex?: number): SelectVariablesMixin  => {
-
+    graphIndex?: number
+): SelectVariablesMixin => {
     const thisSrcGraph = hiddenVariables ? "hidden" : graphIndex!.toString();
 
     const startDrag = (evt: DragEvent, variable: string) => {
         const { dataTransfer } = evt;
-        dataTransfer!!.dropEffect = "move";
-        dataTransfer!!.effectAllowed = "move";
-        dataTransfer!!.setData("variable", variable);
-        dataTransfer!!.setData("srcGraph", thisSrcGraph);
+        dataTransfer!.dropEffect = "move";
+        dataTransfer!.effectAllowed = "move";
+        dataTransfer!.setData("variable", variable);
+        dataTransfer!.setData("srcGraph", thisSrcGraph);
 
         emit("setDragging", true);
     };
@@ -32,9 +32,9 @@ export default (
         emit("setDragging", false);
     };
 
-    const updateSelectedVariables = (graphIndex: number, newVariables: string[]) => {
+    const updateSelectedVariables = (graphIdx: number, newVariables: string[]) => {
         store.dispatch(`graphs/${GraphsAction.UpdateSelectedVariables}`, {
-            graphIndex,
+            graphIdx,
             selectedVariables: newVariables
         });
     };
@@ -47,18 +47,18 @@ export default (
         updateSelectedVariables(srcGraphIdx, srcVariables);
     };
 
-    const selectedVariables = computed<string[]>(
-        () => hiddenVariables ? [] : store.state.graphs.config[graphIndex!].selectedVariables
+    const selectedVariables = computed<string[]>(() =>
+        hiddenVariables ? [] : store.state.graphs.config[graphIndex!].selectedVariables
     );
 
     const onDrop = (evt: DragEvent) => {
         const { dataTransfer } = evt;
-        const variable = dataTransfer!!.getData("variable");
-        const srcGraph = dataTransfer!!.getData("srcGraph");
+        const variable = dataTransfer!.getData("variable");
+        const srcGraph = dataTransfer!.getData("srcGraph");
         if (srcGraph !== thisSrcGraph) {
             // remove from source graph
             if (srcGraph !== "hidden") {
-                removeVariable(parseInt(srcGraph), variable);
+                removeVariable(parseInt(srcGraph, 10), variable);
             }
             // add to this graph if necessary
             if (!hiddenVariables && !selectedVariables.value.includes(variable)) {
@@ -74,4 +74,4 @@ export default (
         endDrag,
         onDrop
     };
-}
\ No newline at end of file
+};
diff --git a/app/static/src/app/components/options/OptionsTab.vue b/app/static/src/app/components/options/OptionsTab.vue
index 745f5143..61bee5ae 100644
--- a/app/static/src/app/components/options/OptionsTab.vue
+++ b/app/static/src/app/components/options/OptionsTab.vue
@@ -37,6 +37,7 @@
 <script lang="ts">
 import { computed, defineComponent } from "vue";
 import { useStore } from "vuex";
+import GraphConfigsCollapsible from "@/app/components/graphConfig/GraphConfigsCollapsible.vue";
 import VerticalCollapse from "../VerticalCollapse.vue";
 import ParameterValues from "./ParameterValues.vue";
 import RunOptions from "./RunOptions.vue";
@@ -47,14 +48,11 @@ import { AppType, VisualisationTab } from "../../store/appState/state";
 import GraphSettings from "./GraphSettings.vue";
 import ParameterSets from "./ParameterSets.vue";
 import AdvancedSettings from "./AdvancedSettings.vue";
-import GraphConfigs from "@/app/components/graphConfig/GraphConfigs.vue";
-import GraphConfigsCollapsible from "@/app/components/graphConfig/GraphConfigsCollapsible.vue";
 
 export default defineComponent({
     name: "OptionsTab",
     components: {
-      GraphConfigsCollapsible,
-      GraphConfigs,
+        GraphConfigsCollapsible,
         ParameterSets,
         LinkData,
         OptimisationOptions,
diff --git a/app/static/src/app/components/run/RunPlot.vue b/app/static/src/app/components/run/RunPlot.vue
index 696aee44..47574be4 100644
--- a/app/static/src/app/components/run/RunPlot.vue
+++ b/app/static/src/app/components/run/RunPlot.vue
@@ -27,10 +27,10 @@ export default defineComponent({
     name: "RunPlot",
     props: {
         fadePlot: Boolean,
-      graphIndex: {
-        type: Number,
-        default: 0
-      }
+        graphIndex: {
+            type: Number,
+            default: 0
+        }
     },
     components: {
         WodinPlot
diff --git a/app/static/src/app/components/run/RunStochasticPlot.vue b/app/static/src/app/components/run/RunStochasticPlot.vue
index cf2313a1..bf293c23 100644
--- a/app/static/src/app/components/run/RunStochasticPlot.vue
+++ b/app/static/src/app/components/run/RunStochasticPlot.vue
@@ -22,10 +22,10 @@ export default defineComponent({
     name: "RunStochasticPlot",
     props: {
         fadePlot: Boolean,
-      graphIndex: {
-        type: Number,
-        default: 0
-      }
+        graphIndex: {
+            type: Number,
+            default: 0
+        }
     },
     components: {
         WodinPlot
diff --git a/app/static/src/app/components/run/RunTab.vue b/app/static/src/app/components/run/RunTab.vue
index c4929dfd..4a4c3cd9 100644
--- a/app/static/src/app/components/run/RunTab.vue
+++ b/app/static/src/app/components/run/RunTab.vue
@@ -5,12 +5,16 @@
         </div>
         <action-required-message :message="updateMsg"></action-required-message>
         <template v-for="(_, index) in graphConfigs" :key="index">
-          <run-stochastic-plot v-if="isStochastic" :fade-plot="!!updateMsg" :graph-index="index"></run-stochastic-plot>
-          <run-plot v-else :fade-plot="!!updateMsg" :model-fit="false" :graph-index="index">
-              <div v-if="sumOfSquares">
-                  <span>Sum of squares: {{ sumOfSquares }}</span>
-              </div>
-          </run-plot>
+            <run-stochastic-plot
+                v-if="isStochastic"
+                :fade-plot="!!updateMsg"
+                :graph-index="index"
+            ></run-stochastic-plot>
+            <run-plot v-else :fade-plot="!!updateMsg" :model-fit="false" :graph-index="index">
+                <div v-if="sumOfSquares">
+                    <span>Sum of squares: {{ sumOfSquares }}</span>
+                </div>
+            </run-plot>
         </template>
         <error-info :error="error"></error-info>
         <div>
@@ -136,7 +140,7 @@ export default defineComponent({
             downloadUserFileName,
             toggleShowDownloadOutput,
             download,
-          graphConfigs
+            graphConfigs
         };
     }
 });
diff --git a/app/static/src/app/store/graphs/actions.ts b/app/static/src/app/store/graphs/actions.ts
index df552a7d..ce2a1501 100644
--- a/app/static/src/app/store/graphs/actions.ts
+++ b/app/static/src/app/store/graphs/actions.ts
@@ -20,8 +20,9 @@ export const actions: ActionTree<GraphsState, AppState> = {
                 (s) => !payload.selectedVariables.includes(s)
             ) || [];
         // sort the selected variables to match the order in the model
-        const selectedVariables = payload.selectedVariables
-            .sort((a, b) => allVariables.indexOf(a) > allVariables.indexOf(b) ? 1 : -1);
+        const selectedVariables = payload.selectedVariables.sort((a, b) =>
+            allVariables.indexOf(a) > allVariables.indexOf(b) ? 1 : -1
+        );
 
         commit(GraphsMutation.SetSelectedVariables, { ...payload, selectedVariables, unselectedVariables });
         if (rootState.appType === AppType.Fit) {
diff --git a/app/static/src/app/store/model/actions.ts b/app/static/src/app/store/model/actions.ts
index b2d45dd9..d1418d6a 100644
--- a/app/static/src/app/store/model/actions.ts
+++ b/app/static/src/app/store/model/actions.ts
@@ -70,7 +70,11 @@ const compileModelAndUpdateStore = (context: ActionContext<ModelState, AppState>
 
         // Retain variable selections. Newly added variables will be selected by default in the first graph
         const selectedVariables = variables.filter((s) => !rootState.graphs.config[0].unselectedVariables.includes(s));
-        dispatch(`graphs/${GraphsAction.UpdateSelectedVariables}`, { graphIndex: 0, selectedVariables }, { root: true });
+        dispatch(
+            `graphs/${GraphsAction.UpdateSelectedVariables}`,
+            { graphIndex: 0, selectedVariables },
+            { root: true }
+        );
 
         if (state.compileRequired) {
             commit(ModelMutation.SetCompileRequired, false);
diff --git a/app/static/src/scss/style.scss b/app/static/src/scss/style.scss
index 7fe36a78..5586575e 100644
--- a/app/static/src/scss/style.scss
+++ b/app/static/src/scss/style.scss
@@ -134,7 +134,7 @@ $grey: #ccc;
 
 .drop-zone-instruction {
     height: 3rem;
-    background-color: #eee
+    background-color: #eee;
 }
 
 .variable {
@@ -155,4 +155,4 @@ $grey: #ccc;
         color: white;
         padding: 0;
     }
-}
\ No newline at end of file
+}
diff --git a/app/static/tests/color-shim.js b/app/static/tests/color-shim.js
deleted file mode 100644
index f6438b98..00000000
--- a/app/static/tests/color-shim.js
+++ /dev/null
@@ -1,6 +0,0 @@
-const Color = require("color/index.js");
-const color2 = Color.default;
-//module.exports = color2;
-console.log("Color from shim")
-console.log(typeof Color)
-module.exports = Color;
\ No newline at end of file
diff --git a/app/static/tests/e2e/code.etest.ts b/app/static/tests/e2e/code.etest.ts
index a0e06565..36c79559 100644
--- a/app/static/tests/e2e/code.etest.ts
+++ b/app/static/tests/e2e/code.etest.ts
@@ -1,7 +1,7 @@
 import { expect, test, Page } from "@playwright/test";
+import { plot } from "plotly.js-basic-dist-min";
 import PlaywrightConfig from "../../playwright.config";
 import { saveSessionTimeout, writeCode } from "./utils";
-import {plot} from "plotly.js-basic-dist-min";
 
 export const newValidCode = `## Derivatives
 deriv(y1) <- sigma * (y2 - y1)
@@ -84,8 +84,8 @@ test.describe("Code Tab tests", () => {
     const { timeout } = PlaywrightConfig;
 
     const getRunPlotOpacity = async (page: Page) => {
-        const plot = await page.locator(".wodin-plot-container");
-        return plot.evaluate((el) => window.getComputedStyle(el).getPropertyValue("opacity"));
+        const plotEl = await page.locator(".wodin-plot-container");
+        return plotEl.evaluate((el) => window.getComputedStyle(el).getPropertyValue("opacity"));
     };
 
     test("can update code, compile and run model", async ({ page }) => {
@@ -329,10 +329,13 @@ test.describe("Code Tab tests", () => {
         await page.click("#add-graph-btn");
 
         // Check second graph has appeared with placeholder text, and second graph config panel is there
-        expect(await page.locator(":nth-match(.wodin-plot-container, 2)").textContent()).toBe("No variables are selected.");
+        expect(await page.locator(":nth-match(.wodin-plot-container, 2)").textContent()).toBe(
+            "No variables are selected."
+        );
         expect(await page.locator(":nth-match(.graph-config-panel h5, 2)").textContent()).toBe("Graph 2");
-        expect(await page.locator(":nth-match(.graph-config-panel .drop-zone, 2)").textContent())
-            .toContain("Drag variables here to select them for this graph.");
+        expect(await page.locator(":nth-match(.graph-config-panel .drop-zone, 2)").textContent()).toContain(
+            "Drag variables here to select them for this graph."
+        );
 
         // Drag variable to second graph
         const sVariable = await page.locator(":nth-match(.graph-config-panel .variable, 1)");
diff --git a/app/static/tests/unit/components/graphConfig/graphConfig.test.ts b/app/static/tests/unit/components/graphConfig/graphConfig.test.ts
index 6fefe4a9..a4f92200 100644
--- a/app/static/tests/unit/components/graphConfig/graphConfig.test.ts
+++ b/app/static/tests/unit/components/graphConfig/graphConfig.test.ts
@@ -107,7 +107,10 @@ describe("GraphConfig", () => {
         await dropPanel.trigger("drop", { dataTransfer });
         expect(mockUpdateSelectedVariables.mock.calls.length).toBe(2);
         expect(mockUpdateSelectedVariables.mock.calls[0][1]).toStrictEqual({ graphIndex: 1, selectedVariables: ["J"] });
-        expect(mockUpdateSelectedVariables.mock.calls[1][1]).toStrictEqual({ graphIndex: 0, selectedVariables: ["S", "R", "I"] });
+        expect(mockUpdateSelectedVariables.mock.calls[1][1]).toStrictEqual({
+            graphIndex: 0,
+            selectedVariables: ["S", "R", "I"]
+        });
     });
 
     it("onDrop does not attempt to remove variable if source was hidden variables", async () => {
@@ -122,7 +125,10 @@ describe("GraphConfig", () => {
         const dropPanel = wrapper.find(".graph-config-panel");
         await dropPanel.trigger("drop", { dataTransfer });
         expect(mockUpdateSelectedVariables.mock.calls.length).toBe(1);
-        expect(mockUpdateSelectedVariables.mock.calls[0][1]).toStrictEqual({ graphIndex: 0, selectedVariables: ["S", "R", "I"] });
+        expect(mockUpdateSelectedVariables.mock.calls[0][1]).toStrictEqual({
+            graphIndex: 0,
+            selectedVariables: ["S", "R", "I"]
+        });
     });
 
     it("clicking remove button removes variable from graph", async () => {
@@ -134,12 +140,14 @@ describe("GraphConfig", () => {
     });
 
     it("shows drop zone when dragging", () => {
-        const wrapper = getWrapper({dragging: true});
+        const wrapper = getWrapper({ dragging: true });
         expect(wrapper.find(".drop-zone").classes()).toStrictEqual(["drop-zone", "drop-zone-active"]);
     });
 
-    it("shows instruction if no selected variables", () =>{
+    it("shows instruction if no selected variables", () => {
         const wrapper = getWrapper({}, []);
-        expect(wrapper.find(".drop-zone-instruction").text()).toBe("Drag variables here to select them for this graph.");
+        expect(wrapper.find(".drop-zone-instruction").text()).toBe(
+            "Drag variables here to select them for this graph."
+        );
     });
 });
diff --git a/app/static/tests/unit/components/graphConfig/graphConfigs.test.ts b/app/static/tests/unit/components/graphConfig/graphConfigs.test.ts
index 017ab14a..6803ef7e 100644
--- a/app/static/tests/unit/components/graphConfig/graphConfigs.test.ts
+++ b/app/static/tests/unit/components/graphConfig/graphConfigs.test.ts
@@ -1,12 +1,12 @@
 import Vuex from "vuex";
-import {BasicState} from "../../../../src/app/store/basic/state";
-import {mockBasicState} from "../../../mocks";
-import {GraphsAction} from "../../../../src/app/store/graphs/actions";
-import {shallowMount} from "@vue/test-utils";
+import { shallowMount } from "@vue/test-utils";
+import { nextTick } from "vue";
+import { BasicState } from "../../../../src/app/store/basic/state";
+import { mockBasicState } from "../../../mocks";
+import { GraphsAction } from "../../../../src/app/store/graphs/actions";
 import GraphConfigs from "../../../../src/app/components/graphConfig/GraphConfigs.vue";
 import GraphConfig from "../../../../src/app/components/graphConfig/GraphConfig.vue";
 import HiddenVariables from "../../../../src/app/components/graphConfig/HiddenVariables.vue";
-import {nextTick} from "vue";
 
 describe("GraphConfigs", () => {
     beforeEach(() => {
@@ -44,11 +44,13 @@ describe("GraphConfigs", () => {
 
     it("renders as expected", () => {
         const wrapper = getWrapper();
-        expect(wrapper.find("#graph-configs-instruction").text()).toContain("Drag variables to 'Hidden variables' to remove");
+        expect(wrapper.find("#graph-configs-instruction").text()).toContain(
+            "Drag variables to 'Hidden variables' to remove"
+        );
         const graphConfigComps = wrapper.findAllComponents(GraphConfig);
         expect(graphConfigComps.length).toBe(2);
         expect(graphConfigComps.at(0)!.props("graphIndex")).toBe(0);
-        expect(graphConfigComps.at(0)!.props("dragging")).toBe(false)
+        expect(graphConfigComps.at(0)!.props("dragging")).toBe(false);
         expect(graphConfigComps.at(1)!.props("graphIndex")).toBe(1);
         expect(graphConfigComps.at(1)!.props("dragging")).toBe(false);
         expect(wrapper.find("button").text()).toBe("Add Graph");
@@ -79,5 +81,4 @@ describe("GraphConfigs", () => {
         await wrapper.find("button").trigger("click");
         expect(mockNewGraph).toHaveBeenCalledTimes(1);
     });
-
-});
\ No newline at end of file
+});
diff --git a/app/static/tests/unit/components/graphConfig/graphConfigsCollapsible.test.ts b/app/static/tests/unit/components/graphConfig/graphConfigsCollapsible.test.ts
index 214adeef..daaca313 100644
--- a/app/static/tests/unit/components/graphConfig/graphConfigsCollapsible.test.ts
+++ b/app/static/tests/unit/components/graphConfig/graphConfigsCollapsible.test.ts
@@ -1,8 +1,8 @@
-import {ModelState} from "../../../../src/app/store/model/state";
 import Vuex from "vuex";
-import {BasicState} from "../../../../src/app/store/basic/state";
-import {mockBasicState, mockCodeState, mockModelState} from "../../../mocks";
-import {shallowMount} from "@vue/test-utils";
+import { shallowMount } from "@vue/test-utils";
+import { ModelState } from "../../../../src/app/store/model/state";
+import { BasicState } from "../../../../src/app/store/basic/state";
+import { mockBasicState, mockCodeState, mockModelState } from "../../../mocks";
 import GraphConfigsCollapsible from "../../../../src/app/components/graphConfig/GraphConfigsCollapsible.vue";
 import VerticalCollapse from "../../../../src/app/components/VerticalCollapse.vue";
 
@@ -25,7 +25,7 @@ describe("GraphConfigsCollapsible", () => {
             modules: {
                 model: {
                     namespaced: true,
-                    state: mockModelState({...defaultModelState, ...modelState})
+                    state: mockModelState({ ...defaultModelState, ...modelState })
                 }
             }
         });
@@ -60,5 +60,4 @@ describe("GraphConfigsCollapsible", () => {
         });
         expect(wrapper.findComponent(VerticalCollapse).exists()).toBe(false);
     });
-
-});
\ No newline at end of file
+});
diff --git a/app/static/tests/unit/components/graphConfig/hiddenVariables.test.ts b/app/static/tests/unit/components/graphConfig/hiddenVariables.test.ts
index e65dc7cb..e548f6cb 100644
--- a/app/static/tests/unit/components/graphConfig/hiddenVariables.test.ts
+++ b/app/static/tests/unit/components/graphConfig/hiddenVariables.test.ts
@@ -1,24 +1,26 @@
 // Mock the fadeColor util which uses color package, which doesn't play nicely with jest
-function mockfun() { return "Hello"; };
+import Vuex from "vuex";
+import { shallowMount } from "@vue/test-utils";
+import { BasicState } from "../../../../src/app/store/basic/state";
+import { GraphsAction } from "../../../../src/app/store/graphs/actions";
+import HiddenVariables from "../../../../src/app/components/graphConfig/HiddenVariables.vue";
+import { GraphsGetter } from "../../../../src/app/store/graphs/getters";
+
+function mockfun() {
+    return "Hello";
+}
 jest.mock("../../../../src/app/components/graphConfig/utils", () => {
     return {
         fadeColor: (input: string) => {
-            console.log(`calling fade w ${input}`)
+            console.log(`calling fade w ${input}`);
             const match = input.match(/rgb\(([0-9]*), ([0-9]*), ([0-9]*)\)/);
-            const result =  `rgba(${match![1]}, ${match![2]}, ${match![3]}, 0.5)`;
+            const result = `rgba(${match![1]}, ${match![2]}, ${match![3]}, 0.5)`;
             console.log(result);
             return result;
         }
-    }
+    };
 });
 
-import Vuex from "vuex";
-import {BasicState} from "../../../../src/app/store/basic/state";
-import {GraphsAction} from "../../../../src/app/store/graphs/actions";
-import {shallowMount} from "@vue/test-utils";
-import HiddenVariables from "../../../../src/app/components/graphConfig/HiddenVariables.vue";
-import {GraphsGetter} from "../../../../src/app/store/graphs/getters";
-
 describe("HiddenVariables", () => {
     beforeEach(() => {
         jest.clearAllMocks();
@@ -70,7 +72,6 @@ describe("HiddenVariables", () => {
         });
     };
 
-
     it("renders as expected", () => {
         const wrapper = getWrapper();
         expect(wrapper.find("h5").text()).toBe("Hidden variables");
@@ -83,7 +84,6 @@ describe("HiddenVariables", () => {
         expect((variables.at(1)!.element as HTMLElement).style.backgroundColor).toBe("rgba(0, 0, 255, 0.5)");
     });
 
-
     it("starting drag sets values in event and emits setDragging", async () => {
         const wrapper = getWrapper();
         const s = wrapper.findAll(".hidden-variables-panel .variable").at(0)!;
@@ -103,7 +103,6 @@ describe("HiddenVariables", () => {
         expect(wrapper.emitted("setDragging")![0]).toStrictEqual([false]);
     });
 
-
     it("onDrop removes variable from source", async () => {
         const wrapper = getWrapper();
         const dataTransfer = {
@@ -119,15 +118,14 @@ describe("HiddenVariables", () => {
         expect(mockUpdateSelectedVariables.mock.calls[0][1]).toStrictEqual({ graphIndex: 0, selectedVariables: ["J"] });
     });
 
-
     it("shows drop zone when dragging", async () => {
         const wrapper = getWrapper();
-        await wrapper.setProps({dragging: true});
+        await wrapper.setProps({ dragging: true });
         expect(wrapper.find(".drop-zone").classes()).toStrictEqual(["drop-zone", "drop-zone-active"]);
     });
 
-    it("shows instruction if no hidden variables", () =>{
+    it("shows instruction if no hidden variables", () => {
         const wrapper = getWrapper([]);
         expect(wrapper.find(".drop-zone-instruction").text()).toBe("Drag variables here to hide them on all graphs.");
     });
-});
\ No newline at end of file
+});
diff --git a/app/static/tests/unit/store/graphs/actions.test.ts b/app/static/tests/unit/store/graphs/actions.test.ts
index 6ac9a0d3..073397e9 100644
--- a/app/static/tests/unit/store/graphs/actions.test.ts
+++ b/app/static/tests/unit/store/graphs/actions.test.ts
@@ -78,12 +78,10 @@ describe("Graphs actions", () => {
     it("NewGraph adds empty graph", () => {
         const commit = jest.fn();
 
-        (actions[GraphsAction.NewGraph] as any)(
-            {
-                commit,
-                rootState
-            }
-        );
+        (actions[GraphsAction.NewGraph] as any)({
+            commit,
+            rootState
+        });
         expect(commit).toHaveBeenCalledTimes(1);
         expect(commit.mock.calls[0][0]).toBe(GraphsMutation.AddGraph);
         expect(commit.mock.calls[0][1]).toStrictEqual({
diff --git a/app/static/tests/unit/store/graphs/getters.test.ts b/app/static/tests/unit/store/graphs/getters.test.ts
index d77e61b1..feefc629 100644
--- a/app/static/tests/unit/store/graphs/getters.test.ts
+++ b/app/static/tests/unit/store/graphs/getters.test.ts
@@ -1,5 +1,5 @@
-import {mockGraphsState} from "../../../mocks";
-import {getters, GraphsGetter} from "../../../../src/app/store/graphs/getters";
+import { mockGraphsState } from "../../../mocks";
+import { getters, GraphsGetter } from "../../../../src/app/store/graphs/getters";
 
 describe("GraphsGetters", () => {
     it("gets allSelectedVariables", () => {
@@ -27,4 +27,4 @@ describe("GraphsGetters", () => {
         } as any;
         expect((getters[GraphsGetter.hiddenVariables] as any)({}, testGetters, rootState)).toStrictEqual(["e", "c"]);
     });
-});
\ No newline at end of file
+});
diff --git a/app/static/tests/unit/store/graphs/mutations.test.ts b/app/static/tests/unit/store/graphs/mutations.test.ts
index 66aa1ea9..a65ba15c 100644
--- a/app/static/tests/unit/store/graphs/mutations.test.ts
+++ b/app/static/tests/unit/store/graphs/mutations.test.ts
@@ -44,9 +44,7 @@ describe("Graphs mutations", () => {
 
     it("AddGraph pushed new graph to config", () => {
         const testState = mockGraphsState({
-            config: [
-                { selectedVariables: ["a"], unselectedVariables: ["b", "c"] }
-            ]
+            config: [{ selectedVariables: ["a"], unselectedVariables: ["b", "c"] }]
         });
         mutations.AddGraph(testState, { selectedVariables: [], unselectedVariables: ["b", "a", "c"] });
         expect(testState.config).toStrictEqual([