graphdb-workbench-tests 3.4.0-TR4 → 3.4.0-TR5

package/package.json

@@ -1,44 +1,60 @@
 {
-    "name": "graphdb-workbench-tests",
-    "version": "3.4.0-TR4",
-    "description": "Cypress tests for GraphDB workbench",
-    "scripts": {
-        "prepack": "npm shrinkwrap",
-        "postpack": "mv npm-shrinkwrap.json package-lock.json",
-        "start": "cypress open",
-        "start:flaky": "cypress open --config-file cypress-flaky.config.js",
-        "test": "cypress run",
-        "test:flaky": "cypress run --config-file cypress-flaky.config.js",
-        "test:partial": "cypress run --spec \"integration/repository/**\"",
-        "test:core": "cypress run --spec integration/repository/**,integration/import/**,integration/sparql-editor/**,integration/monitor/**,integration/cluster/**,integration/ttyg/**"
-    },
-    "author": {
-        "name": "Ontotext AD",
-        "url": "https://www.ontotext.com/"
-    },
-    "license": "Apache-2.0",
-    "keywords": [
-        "graphdb",
-        "workbench"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Ontotext-AD/graphdb-workbench.git"
-    },
-    "devDependencies": {
-        "cypress": "^14.0.3",
-        "cypress-failed-log": "^2.10.0",
-        "cypress-file-upload": "^5.0.8",
-        "cypress-localstorage-commands": "^2.2.6",
-        "cypress-multi-reporters": "^1.6.3",
-        "cypress-real-events": "^1.8.1",
-        "cypress-terminal-report": "^7.0.3",
-        "cypress-wait-until": "^3.0.2",
-        "del": "^6.1.1",
-        "minimist": "^1.2.5",
-        "mocha-junit-reporter": "^2.2.0"
-    },
-    "resolutions": {
-        "minimist": "^1.2.5"
-    }
+  "name": "graphdb-workbench-tests",
+  "version": "3.4.0-TR5",
+  "description": "Cypress tests for GraphDB workbench",
+  "type": "module",
+  "scripts": {
+    "prepack": "npm shrinkwrap",
+    "postpack": "mv npm-shrinkwrap.json package-lock.json",
+    "cy:open": "cypress open",
+    "cy:open-legacy": "cypress open  --config-file cypress-legacy.config.js",
+    "cy:open-security": "cypress open  --config-file cypress-security.config.js",
+    "cy:open-flaky": "cypress open --config-file cypress-flaky.config.js",
+    "cy:guides": "cypress run --config-file cypress-legacy.config.js --spec \"e2e-legacy/guides/**/*.spec.js\" --browser chrome",
+    "cy:run": "npm run cy:run-legacy && cypress run",
+    "cy:run:partial": "cypress run --config-file cypress-legacy.config.js --spec \"e2e-legacy/**/jdbc-create.spec.js\" --browser chrome",
+    "cy:run-legacy": "cypress run --config-file cypress-legacy.config.js --browser chrome",
+    "cy:run-security": "cypress run --config-file cypress-security.config.js --browser chrome",
+    "cy:run-legacy:coverage": "cypress run --config-file cypress-legacy.config.js --browser chrome",
+    "cy:run-flaky": "cypress run --config-file cypress-flaky.config.js --browser chrome",
+    "test": "npm run cy:run-legacy",
+    "test:core": "cypress run --spec e2e-legacy/repository/**,e2e-legacy/import/**,e2e-legacy/sparql-editor/**,e2e-legacy/monitor/**,e2e-legacy/cluster/**,e2e-legacy/ttyg/**",
+    "lint": "eslint '**/*.{js,mjs,cjs}'"
+  },
+  "author": {
+    "name": "Ontotext AD",
+    "url": "https://www.ontotext.com/"
+  },
+  "license": "Apache-2.0",
+  "keywords": [
+    "graphdb",
+    "workbench"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Ontotext-AD/graphdb-workbench.git"
+  },
+  "devDependencies": {
+    "@bahmutov/cypress-code-coverage": "^2.7.2",
+    "@cypress/webpack-preprocessor": "^7.0.1",
+    "@eslint/js": "^9.33.0",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-istanbul": "^7.0.0",
+    "cypress": "15.9.0",
+    "cypress-failed-log": "^2.10.0",
+    "cypress-file-upload": "^5.0.8",
+    "cypress-localstorage-commands": "^2.2.7",
+    "cypress-multi-reporters": "^2.0.5",
+    "cypress-real-events": "^1.14.0",
+    "cypress-terminal-report": "^7.2.0",
+    "cypress-wait-until": "^3.0.2",
+    "del": "^8.0.0",
+    "dotenv": "^17.0.1",
+    "eslint": "^9.33.0",
+    "eslint-plugin-cypress": "^5.1.0",
+    "globals": "^17.1.0",
+    "minimist": "^1.2.8",
+    "mocha-junit-reporter": "^2.2.1",
+    "path-browserify": "^1.0.1"
+  }
 }

package/plugins/index.js

@@ -11,17 +11,20 @@
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)
 
-const del = require('del');
+import { deleteSync } from 'del';
+import failed from 'cypress-failed-log/src/failed.js';
+import installLogsPrinter from 'cypress-terminal-report/src/installLogsPrinter.js';
+
 const retryTracker = {};
 
-module.exports = (on, config) => {
+export default (on, config) => {
     // `on` is used to hook into various events Cypress emits
     // `config` is the resolved Cypress config
     on('task', {
-        failed: require('cypress-failed-log/src/failed')()
+        failed: failed()
     });
 
-    require('cypress-terminal-report/src/installLogsPrinter')(on, {
+    installLogsPrinter(on, {
         logToFilesOnAfterRun: true,
         printLogsToConsole: 'onFail',
         outputRoot: config.projectRoot + '/logs/',
@@ -64,7 +67,7 @@ module.exports = (on, config) => {
                 test.attempts.some((attempt) => attempt.state === 'failed')
             );
             if (!failures) {
-                return del(results.video);
+                return deleteSync(results.video);
             }
         }
     });
@@ -95,4 +98,6 @@ module.exports = (on, config) => {
         printGroup('[FAIL] Broken tests', broken);
         console.log('====================================================================================================\n');
     });
+
+    return config;
 };

package/steps/application-steps.js

@@ -1,29 +1,31 @@
+import {ToasterSteps} from "./toaster-steps";
+
 export class ApplicationSteps {
 
     // notifications
     static getNotifications() {
-        return cy.get('#toast-container');
+        return ToasterSteps.getToast()
     }
 
     static getSuccessNotifications() {
-        return this.getNotifications().find('.toast-success');
+        return this.getNotifications().filter('.toast-success');
     }
 
     static getErrorNotifications() {
-        return this.getNotifications().find('.toast-error');
+        return this.getNotifications().filter('.toast-error');
     }
 
     static getInfoNotification() {
-        return this.getNotifications().find('.toast-info');
+        return this.getNotifications().filter('.toast-info');
     }
 
     static getWarningNotification() {
-        return this.getNotifications().find('.toast-warning');
+        return this.getNotifications().filter('.toast-warning');
     }
 
     // navigation via main menu
     static openImportPage() {
-        cy.get('.main-menu .menu-element-root[href=import]').click();
+        cy.get('onto-navbar .menu-element').eq(0).click();
     }
 
     static geLoader() {

package/steps/base-steps.js

@@ -0,0 +1,29 @@
+export class BaseSteps {
+  static visit(page) {
+    cy.visit(page);
+  }
+
+  static clickOutsideElement() {
+    cy.get('body').click(0,0);
+  }
+
+  static reloadPage(force = false) {
+    cy.reload(force);
+  }
+
+  static getByTestId(testId) {
+    return cy.getByTestId(testId);
+  }
+
+  static typeEscapeKey() {
+    cy.get('body').type('{esc}');
+  }
+
+  static getUrl() {
+    return cy.url();
+  }
+
+  static validateUrl(url) {
+    this.getUrl().should('include', url);
+  }
+}

package/steps/class-views-steps.js

@@ -1,12 +1,14 @@
 /**
  * Reusable functions for interacting with graph dropdown on Class hierarchy and relationships pages.
  */
+import {ToasterSteps} from "./toaster-steps";
+import {BaseSteps} from './base-steps.js';
 
 export const GRAPH_FILE = 'graphdb-news-dataset.zip';
 export const ALL_GRAPHS = 'All graphs';
 export const NEWS_GRAPH = 'http://example.org/news';
 
-class ClassViewsSteps {
+class ClassViewsSteps extends BaseSteps {
     static visit() {
         cy.visit('/hierarchy');
         cy.window();
@@ -21,6 +23,14 @@ class ClassViewsSteps {
         });
     }
 
+    static getClassViewsComponent() {
+        return cy.get('.explore');
+    }
+
+    static getExploreResults() {
+        return this.getClassViewsComponent().find('.explore_results');
+    }
+
     static getClassChart() {
         return cy.get('#classChart');
     }
@@ -106,7 +116,7 @@ class ClassViewsSteps {
     }
 
     static getReturnButton() {
-        return cy.get('.icon-arrow-left');
+        return cy.get('.ri-arrow-left-circle-line');
     }
 
     static goBack() {
@@ -122,7 +132,7 @@ class ClassViewsSteps {
     }
 
     static searchForClass() {
-        return cy.get('.toolbar-holder .icon-search').click();
+        return cy.get('.toolbar-holder .search-icon').click();
     }
 
     static getSearchInput() {
@@ -149,7 +159,7 @@ class ClassViewsSteps {
 
     static selectGraphFromDropDown(graph) {
         cy.get('#selectGraphDropdown .dropdown-item')
-            .each(($el, index, $list) => {
+            .each(($el) => {
                 if ($el.text().trim() === graph) {
                     cy.wrap($el).click();
                 }
@@ -173,9 +183,7 @@ class ClassViewsSteps {
     }
 
     static verifyDataChangedWarning() {
-        cy.get('#toast-container').find('.toast-title')
-            .should('be.visible')
-            .and('contain', 'Repository data has changed');
+        ToasterSteps.verifyTitle('Repository data has changed');
     }
 
     static confirmReload() {
@@ -186,6 +194,26 @@ class ClassViewsSteps {
     static reloadDiagram() {
         cy.get('.reload-diagram-btn').click();
     }
+
+    static getNoHierarchyErrorElement() {
+        return this.getExploreResults().find('.no-hierarchy-error');
+    }
+
+    static getRDFClassHierarchy() {
+        return this.getExploreResults().find('.rdf-class-hierarchy');
+    }
+
+    static getClassElement(className) {
+        return this.getByTestId(`class-${className}`)
+    }
+
+    static selectClassElement(className) {
+        this.getClassElement(className).click({force: true});
+    }
+
+    static clickInstanceCountLink() {
+        this.getByTestId('instances-count-link').click();
+    }
 }
 
 export default ClassViewsSteps;

package/steps/cluster/cluster-page-steps.js

@@ -1,4 +1,6 @@
-export class ClusterPageSteps {
+import {BaseSteps} from "../base-steps";
+
+export class ClusterPageSteps extends BaseSteps {
     static visit() {
         cy.visit('/cluster');
     }
@@ -7,6 +9,10 @@ export class ClusterPageSteps {
         return cy.get('.cluster-view');
     }
 
+    static getNoClusterImage() {
+        return this.getClusterPage().find('.no-cluster')
+    }
+
     static getCreateClusterButton() {
         return cy.get('.cluster-zone');
     }
@@ -47,8 +53,12 @@ export class ClusterPageSteps {
         this.getPreviewClusterConfigButton().click();
     }
 
+    static getLegendButton() {
+        return this.getByTestId('toggle-legend-button');
+    }
+
     static openLegend() {
-        return cy.get('.toggle-legend-btn button').click();
+        return this.getLegendButton().click();
     }
 
     static getLegend() {

package/steps/cookie-policy/cookie-consent-banner-steps.js

@@ -0,0 +1,21 @@
+export class CookieConsentBannerSteps {
+    static getCookieConsentBanner() {
+        return cy.get('.cookie-consent-banner');
+    }
+
+    static getCookieConsentButton() {
+        return this.getCookieConsentBanner().find('button');
+    }
+
+    static giveCookieConsent() {
+        return this.getCookieConsentButton().click();
+    }
+
+    static getCookiePolicyLink() {
+        return cy.get('.cookie-consent-content a');
+    }
+
+    static clickCookiePolicyLink() {
+        return this.getCookiePolicyLink().click();
+    }
+}

package/steps/cookie-policy/cookie-policy-modal.steps.js

@@ -0,0 +1,56 @@
+import {SharedModalDialogSteps} from '../shared-modal-dialog-steps';
+
+export class CookiePolicyModalSteps extends SharedModalDialogSteps {
+    static getDialogComponent(cssClass = '.cookie-policy-modal') {
+        return super.getDialogComponent(cssClass);
+    }
+
+    static getStatisticCookiesToggle() {
+        return this.getBody().find('.statistic-cookies-toggle .toggle-switch');
+    }
+
+    static getStatisticCookiesCheckbox() {
+        return this.getStatisticCookiesToggle().find('input');
+    }
+
+    static toggleStatisticCookies() {
+        this.getStatisticCookiesToggle().click();
+        // Wait here is intentional because there is a debounce before the checkbox state is updated
+        // eslint-disable-next-line cypress/no-unnecessary-waiting
+        cy.wait(500);
+    }
+
+    static getThirdPartyCookiesToggle() {
+        return this.getBody().find('.third-party-cookies-toggle .toggle-switch');
+    }
+
+    static getThirdPartyCookiesCheckbox() {
+        return this.getThirdPartyCookiesToggle().find('input');
+    }
+
+    static toggleThirdPartyCookies() {
+        this.getThirdPartyCookiesToggle().click();
+        // Wait here is intentional because there is a debounce before the checkbox state is updated
+        // eslint-disable-next-line cypress/no-unnecessary-waiting
+        cy.wait(500);
+    }
+
+    static closeDialog() {
+        this.getFooter().find('.close-btn').click();
+    }
+
+    /**
+     * Validates the cookie policy dialog by checking the visibility of the dialog and the state of the checkboxes for
+     * analytic and third party cookies.
+     * @param {boolean} expectedStatisticChecked
+     * @param {boolean} expectedThirdPartyChecked
+     */
+    static validateCookiePolicyDialog(expectedStatisticChecked, expectedThirdPartyChecked) {
+        // I should see the cookie policy
+        CookiePolicyModalSteps.getDialogComponent().should('be.visible');
+        CookiePolicyModalSteps.getBody().should('be.visible');
+        // And I expect to see that analytic and third party cookies are allowed
+        CookiePolicyModalSteps.getStatisticCookiesCheckbox().should(expectedStatisticChecked ? 'be.checked' : 'not.be.checked');
+        CookiePolicyModalSteps.getThirdPartyCookiesCheckbox().should(expectedThirdPartyChecked ? 'be.checked' : 'not.be.checked');
+    }
+}

package/steps/error-page-steps.js

@@ -0,0 +1,9 @@
+export class ErrorPageSteps {
+    static visit404() {
+        cy.visit('/404');
+    }
+
+    static get404Page() {
+        return cy.get('app-not-found-page');
+    }
+}

package/steps/error-steps.js

@@ -1,9 +1,21 @@
 export class ErrorSteps {
-    static getErrorElement() {
-        return cy.get('.idError');
+
+    static getRepositoryErrors() {
+        return cy.get('.card.repository-errors')
     }
 
     static verifyError(errorMessage) {
-        ErrorSteps.getErrorElement().contains(errorMessage);
+        ErrorSteps.getRepositoryErrors().contains(errorMessage);
+    }
+
+    static getNoConnectedRepoMessage() {
+        return this.getRepositoryErrors().find('.alert.lead.alert-info');
+    }
+
+    static verifyNoConnectedRepoMessage() {
+        this.getRepositoryErrors().should('be.visible');
+        this.getNoConnectedRepoMessage()
+            .should('be.visible')
+            .and('contain', 'Some functionalities are not available because you are not connected to any repository.');
     }
 }

package/steps/explore/class-relationships-steps.js

@@ -0,0 +1,64 @@
+export class ClassRelationshipsSteps {
+    static visit() {
+        cy.visit('/relationships');
+    }
+
+    static getFilterField() {
+        return cy.get('.search-filter-field');
+    }
+
+    static filterByClass(name) {
+        this.getFilterField().type(name);
+    }
+
+    static getDirectionFilter() {
+        return cy.get('.direction-filter');
+    }
+
+    static verifySelectedDirectionFilter(name) {
+        this.getDirectionFilter().find('input[type=radio]:checked').should('have.value', name);
+    }
+
+    static getRelationsToolbar() {
+        return cy.get('.relations-toolbar');
+    }
+
+    static verifyRelationsToolbarContent() {
+        this.getRelationsToolbar().should('be.visible');
+        this.removeAllClassesButton().should('be.visible');
+        this.getReloadDiagramButton().should('be.visible');
+        this.getExportDiagramButton().should('be.visible');
+    }
+
+    static getDependenciesList() {
+        return cy.get('#wb-dependencies-classInClasses');
+    }
+
+    static verifyListLength(count) {
+        this.getDependenciesList().find('.item .row').should('have.length', count);
+    }
+
+    static getNoDataWarning() {
+        return cy.get('div.alert.alert-warning');
+    }
+
+    static getReloadDiagramButton() {
+        return cy.get('.reload-diagram-btn');
+    }
+
+    static getExportDiagramButton() {
+        return this.getRelationsToolbar().find('.export-diagram-btn');
+    }
+
+    static removeAllClassesButton() {
+        return this.getRelationsToolbar().find('.remove-all-classes-btn');
+    }
+
+    static getDependenciesDiagram() {
+        return cy.get('#dependencies-chord');
+    }
+
+    static getAvailableDependenciesLabel() {
+        return cy.get('.available-dependencies-label');
+    }
+}

package/steps/explore/graphs-overview-steps.js

@@ -10,8 +10,16 @@ export class GraphsOverviewSteps {
         cy.url().should('eq', `${Cypress.config('baseUrl')}${VIEW_URL}`);
     }
 
+    static getGraphsOverviewComponent() {
+        return cy.get('#wb-export');
+    }
+
+    static getResultsElement() {
+        return cy.get('#export-graphs');
+    }
+
     static getResults() {
-        return cy.get('#export-graphs').find('tbody tr');
+        return this.getResultsElement().find('tbody tr');
     }
 
     static getResult(row = 0) {
@@ -73,4 +81,16 @@ export class GraphsOverviewSteps {
     static clickOnDownloadAllButton() {
         this.getDownloadAllButtons().click();
     }
+
+    static getGraphsSearchInput() {
+        return this.getGraphsOverviewComponent().find('.search-graphs');
+    }
+
+    static getGraphsPaginator() {
+        return this.getGraphsOverviewComponent().find('.graphs-overview-paginator');
+    }
+
+    static getClearRepositoryButton() {
+        return this.getGraphsOverviewComponent().find('.clear-repository-btn');
+    }
 }

package/steps/explore/similarity-index-create-steps.js

@@ -1,4 +1,6 @@
-export class SimilarityIndexCreateSteps {
+import {BaseSteps} from '../base-steps.js';
+
+export class SimilarityIndexCreateSteps extends BaseSteps {
 
     static visit() {
         cy.visit('/similarity/index/create');
@@ -17,7 +19,7 @@ export class SimilarityIndexCreateSteps {
     }
 
     static getCreateButton() {
-        return cy.get('.create-similarity-index-btn');
+        return this.getByTestId('create-similarity-index-btn');
     }
 
     static create() {
@@ -33,7 +35,7 @@ export class SimilarityIndexCreateSteps {
     }
 
     static getSimilarityIndexNameInput() {
-        return cy.get('.similarity-index-name');
+        return this.getByTestId('similarity-index-name');
     }
 
     static typeSimilarityIndexName(similarityIndexName) {

package/steps/explore/similarity-indexes-steps.js

@@ -1,4 +1,6 @@
-export class SimilarityIndexesSteps {
+import {BaseSteps} from "../base-steps";
+
+export class SimilarityIndexesSteps extends BaseSteps{
 
     static visit() {
         cy.visit('/similarity');
@@ -8,8 +10,12 @@ export class SimilarityIndexesSteps {
         cy.url().should('eq', `${Cypress.config('baseUrl')}/similarity`);
     }
 
+    static getExistingSimilarityIndexes() {
+        return this.getByTestId('existing-indexes');
+    }
+
     static getSimilarityIndexRow(similarityIndexName) {
-        return cy.get('.index-row').contains(similarityIndexName).parent().parent();
+        return this.getExistingSimilarityIndexes().find('.index-row').contains(similarityIndexName).parent().parent();
     }
 
     static getEditButton(similarityIndexName) {
@@ -41,4 +47,12 @@ export class SimilarityIndexesSteps {
         this.clickResultTypeDropdown();
         cy.get('.dropdown-result-type .dropdown-item').contains(type).click();
     }
+
+    static getCreateButton() {
+        return this.getExistingSimilarityIndexes().getByTestId('create-similarity-index-btn');
+    }
+
+    static clickCreateButton() {
+        this.getCreateButton().click();
+    }
 }

package/steps/graphql/graphql-endpoint-management-steps.js

@@ -35,7 +35,7 @@ export class GraphqlEndpointManagementSteps {
     }
 
     static getEndpointsInfo() {
-        return this.getEndpointTable().find('tbody tr');
+         return this.getEndpointTable().find('tbody tr');
     }
 
     static getEndpointLink(index) {
@@ -89,7 +89,7 @@ export class GraphqlEndpointManagementSteps {
             const endpointInfo = data[index];
             cy.wrap($row).within(() => {
                 const statusCheck = endpointInfo.status === 'deleted' ? 'not.exist' : 'be.visible';
-                cy.get('td').eq(1).find('.endpoint-link').should(statusCheck);
+                cy.get('td').eq(2).find('.endpoint-link').should(statusCheck);
                 cy.get('td').eq(2).should('contain', endpointInfo.id);
                 cy.get('td').eq(3).should('contain', endpointInfo.label);
                 const isDefaultCheck = endpointInfo.default ? 'be.checked' : 'not.be.checked'