commit dc25b5a1e460b440c6245d351769d2880bf41324
author Akron <nils@diewald-online.de> Mon Mar 23 13:57:52 2026 +0100
committer Akron <nils@diewald-online.de> Wed May 06 19:29:13 2026 +0200
tree b36c6575b8a729666613f6deeadf5f00807576a8
parent 0d0dc6bc356a4f5f27e1fdce7480ee80ef88ea44

Add data-testid for glimpse

Change-Id: I266605a01b3bb2da9fd570f7325ce2f5a3e2134e

dev/js/spec/panelSpec.js

diff --git a/dev/js/spec/panelSpec.js b/dev/js/spec/panelSpec.js
index ccdd4eb..cdde2f6 100644
--- a/dev/js/spec/panelSpec.js
+++ b/dev/js/spec/panelSpec.js
@@ -1,4 +1,4 @@
-define(['panel','view','panel/result','panel/pagination','util'], function (panelClass,viewClass,resultClass,paginationClass) {
+define(['panel','view','panel/result','panel/pagination','panel/query','util'], function (panelClass,viewClass,resultClass,paginationClass,queryPanelClass) {
 
   var controlStr = "";
 
@@ -254,4 +254,32 @@
     });
 
   });
+
+  describe('KorAP.Panel.Query', function () {
+
+    it('should set data-testid on glimpse button', function () {
+      // Set up required DOM elements
+      var colabel = document.createElement('label');
+      colabel.setAttribute('title', 'Glimpse description');
+      var glimpse = document.createElement('input');
+      glimpse.setAttribute('id', 'glimpse');
+      colabel.appendChild(glimpse);
+      document.body.appendChild(colabel);
+
+      var cutoff = document.createElement('input');
+      cutoff.setAttribute('type', 'checkbox');
+      cutoff.setAttribute('id', 'q-cutoff-field');
+      document.body.appendChild(cutoff);
+
+      var queryPanel = queryPanelClass.create();
+
+      var btn = queryPanel.element().querySelector('[data-testid="glimpse"]');
+      expect(btn).toBeTruthy();
+      expect(btn.getAttribute('data-testid')).toEqual('glimpse');
+
+      // Clean up
+      document.body.removeChild(colabel);
+      document.body.removeChild(cutoff);
+    });
+  });
 });

dev/js/src/panel/query.js

diff --git a/dev/js/src/panel/query.js b/dev/js/src/panel/query.js
index 08f51d3..fc95a9b 100644
--- a/dev/js/src/panel/query.js
+++ b/dev/js/src/panel/query.js
@@ -63,13 +63,15 @@
       s.associate(glimpseChange);
       s.set(cof.checked);
       
-      a.addToggle(
+      let b = a.addToggle(
         "Glimpse", {
           'cls':['glimpse'],
           'desc':colabel.getAttribute('title')
         },
         s
       );
+
+      b.setAttribute('data-testid', 'glimpse');
       
       // Don't show default glimpse
       colabel.style.display = "none";