graphdb-workbench-tests 3.2.0 → 3.2.1

package/e2e-legacy/sparql-editor/yasqe-themes.spec.js

@@ -0,0 +1,54 @@
+import {QueryStubs} from '../../stubs/yasgui/query-stubs.js';
+import SparqlSteps from '../../steps/sparql-steps.js';
+import {YasqeSteps} from '../../steps/yasgui/yasqe-steps.js';
+
+describe('YASQE Themes', () => {
+
+  let repositoryId;
+  const THEME_PERSISTENCE_KEY = 'ls.workbench-settings';
+  beforeEach(() => {
+    cy.removeLocalStorage(THEME_PERSISTENCE_KEY);
+    repositoryId = 'yasqe-theme-' + Date.now();
+    QueryStubs.stubQueryCountResponse();
+    cy.createRepository({id: repositoryId});
+    cy.presetRepository(repositoryId);
+    cy.enableAutocomplete(repositoryId);
+  });
+
+  afterEach(() => {
+    cy.deleteRepository(repositoryId);
+    cy.removeLocalStorage(THEME_PERSISTENCE_KEY);
+  });
+  
+  it('should apply the default theme if theme is not persisted in local store', () => {
+    // GIVEN: No theme is persisted.
+    cy.removeLocalStorage(THEME_PERSISTENCE_KEY);
+    // WHEN: A page is visited with ontotext-yasgui-web-component rendered in it.
+    SparqlSteps.visit();
+    YasqeSteps.getYasqe().should('be.visible');
+    // THEN the default theme should be applied.
+    YasqeSteps.getCodeMirrorEl().should('have.class', 'cm-s-default');
+  });
+
+  it('should apply the default theme if the light theme is persisted in local store', () => {
+    // GIVEN: light theme is persisted to local store
+    cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"light"}));
+
+    // WHEN: A page is visited with ontotext-yasgui-web-component rendered in it.
+    SparqlSteps.visit();
+    YasqeSteps.getYasqe().should('be.visible');
+    // THEN the default theme should be applied.
+    YasqeSteps.getCodeMirrorEl().should('have.class', 'cm-s-default');
+  });
+
+  it('should apply the moxer theme if the dark theme is persisted in local store', () => {
+    // GIVEN: dark theme is persisted to local store
+    cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"dark"}));
+
+    // WHEN: A page is visited with ontotext-yasgui-web-component rendered in it.
+    SparqlSteps.visit();
+    YasqeSteps.getYasqe().should('be.visible');
+    // THEN the moxer theme should be applied.
+    YasqeSteps.getCodeMirrorEl().should('have.class', 'cm-s-moxer');
+  });
+});

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "3.2.0",
+      "version": "3.2.1",
       "license": "Apache-2.0",
       "devDependencies": {
         "@bahmutov/cypress-code-coverage": "^2.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/yasgui/yasqe-steps.js

@@ -13,6 +13,10 @@ export class YasqeSteps {
         return YasqeSteps.getYasqe();
     }
 
+    static getCodeMirrorEl() {
+        return YasqeSteps.getEditor().find('.CodeMirror');
+    }
+
     static getCodeMirror() {
         return this.getEditor().find('.CodeMirror').then(($el) => {
             // @ts-ignore
@@ -109,12 +113,14 @@ export class YasqeSteps {
      * @return {Cypress.Chainable<unknown>}
      */
     static getQuery(delay = 0) {
+        // eslint-disable-next-line cypress/no-unnecessary-waiting
         return cy.wait(delay).then(() => this.getCodeMirror()).then((cm) => {
             return cm.getValue();
         });
     }
 
     static getActiveTabQuery(delay = 0) {
+        // eslint-disable-next-line cypress/no-unnecessary-waiting
         return cy.wait(delay).then(() => this.getActiveTabCodeMirror()).then((cm) => {
             return cm.getValue();
         });