tests for graph editor

src/components/Graph/GraphEditor.vue

@@ -288,7 +288,7 @@ export default {
     initOptions: Object,
     showViewSettings: Boolean
   },
-  emits: ['update', 'selectItem', 'deselectItem'],
+  emits: ['update', 'selectItem', 'clearSelection'],
   data() {
     return {
       graph: new Graph({ multi: true, allowSelfLoops: true }),
@@ -572,7 +572,7 @@ export default {
     clearSelection() {
       this.selectedNodeId = undefined
       this.selectedEdgeId = undefined
-      this.$emit('deselectItem')
+      this.$emit('clearSelection')
     },
     updateHighlightNodeMode(mode) {
       this.settings.style.highlightMode = mode

src/components/Graph/index.vue

@@ -32,7 +32,7 @@
             :showViewSettings="showViewSettings"
             @update="$emit('update')"
             @selectItem="selectedItem = $event"
-            @deselectItem="selectedItem = null"
+            @clearSelection="selectedItem = null"
           />
         </div>
       </template>
@@ -52,7 +52,7 @@
 import 'react-chart-editor/lib/react-chart-editor.css'
 import GraphEditor from '@/components/Graph/GraphEditor.vue'
 import { dataSourceIsValid } from '@/lib/graphHelper'
-import ValueViewer from '@/components/ValueViewer'
+import ValueViewer from '@/components/ValueViewer.vue'
 import Splitpanes from '@/components/Common/Splitpanes'
 
 export default {
@@ -78,7 +78,7 @@ export default {
   data() {
     return {
       resizeObserver: null,
-      selectedItem: {}
+      selectedItem: null
     }
   },
   computed: {