Add data-testid for glimpse
Change-Id: I266605a01b3bb2da9fd570f7325ce2f5a3e2134e
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);
+ });
+ });
});