From 4f6efb5bdac71dec59e9da1f84ddc7b529c06b97 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Thu, 26 Feb 2026 22:32:24 +0100
Subject: [PATCH] test for DataView

---
 src/components/ValueViewer.vue    |  1 +
 tests/components/DataView.spec.js | 48 +++++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+)

diff --git a/src/components/ValueViewer.vue b/src/components/ValueViewer.vue
index 7e35ce2..e103954 100644
--- a/src/components/ValueViewer.vue
+++ b/src/components/ValueViewer.vue
@@ -68,6 +68,7 @@ import cIo from '@/lib/utils/clipboardIo'
 import Logs from '@/components/Common/Logs'
 
 export default {
+  name: 'ValueViewer',
   components: {
     Codemirror,
     Logs
diff --git a/tests/components/DataView.spec.js b/tests/components/DataView.spec.js
index 05dfc2e..37956ab 100644
--- a/tests/components/DataView.spec.js
+++ b/tests/components/DataView.spec.js
@@ -418,4 +418,52 @@ describe('DataView.vue', () => {
       wrapper.findComponent({ name: 'graph' }).props('initOptions')
     ).to.eql({ test_options: 'latest_graph_options' })
   })
+
+  it('switches visibility of node or edge in graph mode', async () => {
+    const wrapper = mount(DataView, {
+      global: {
+        mocks: { $store },
+        provide: {
+          tabLayout: { dataView: 'above' }
+        }
+      }
+    })
+
+    // viewNodeOrEdgeBtn is not disaplyed in chart mode
+    expect(
+      wrapper.findComponent({ ref: 'viewNodeOrEdgeBtn' }).exists()
+    ).to.equal(false)
+
+    // Switch to pivot
+    const pivotBtn = wrapper.findComponent({ ref: 'pivotBtn' })
+    await pivotBtn.trigger('click')
+
+    // viewNodeOrEdgeBtn is not disaplyed in pivot mode
+    expect(
+      wrapper.findComponent({ ref: 'viewNodeOrEdgeBtn' }).exists()
+    ).to.equal(false)
+
+    // Switch to graph
+    const graphBtn = wrapper.findComponent({ ref: 'graphBtn' })
+    await graphBtn.trigger('click')
+
+    // viewNodeOrEdgeBtn is disaplyed in graph mode
+    const viewNodeOrEdgeBtn = wrapper.findComponent({
+      ref: 'viewNodeOrEdgeBtn'
+    })
+    expect(viewNodeOrEdgeBtn.exists()).to.equal(true)
+
+    // by default node viewer is hidden
+    expect(wrapper.findComponent({ name: 'value-viewer' }).exists()).to.equal(
+      false
+    )
+
+    // Click to show node viewer
+    await viewNodeOrEdgeBtn.trigger('click')
+    expect(wrapper.findComponent({ name: 'value-viewer' }).exists()).to.equal(
+      true
+    )
+
+    wrapper.unmount()
+  })
 })