graphdb-workbench-tests 3.2.1 → 3.3.0-RC1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.2.1",
+  "version": "3.3.0-RC1",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {
@@ -10,6 +10,7 @@
     "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",
@@ -39,7 +40,7 @@
     "@eslint/js": "^9.33.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-istanbul": "^7.0.0",
-    "cypress": "14.5.1",
+    "cypress": "15.9.0",
     "cypress-failed-log": "^2.10.0",
     "cypress-file-upload": "^5.0.8",
     "cypress-localstorage-commands": "^2.2.7",
@@ -51,7 +52,7 @@
     "dotenv": "^17.0.1",
     "eslint": "^9.33.0",
     "eslint-plugin-cypress": "^5.1.0",
-    "globals": "^16.3.0",
+    "globals": "^17.1.0",
     "minimist": "^1.2.8",
     "mocha-junit-reporter": "^2.2.1",
     "path-browserify": "^1.0.1"

package/steps/application-steps.js

@@ -1,24 +1,26 @@
+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

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();
@@ -114,7 +116,7 @@ class ClassViewsSteps {
     }
 
     static getReturnButton() {
-        return cy.get('.icon-arrow-left');
+        return cy.get('.ri-arrow-left-circle-line');
     }
 
     static goBack() {
@@ -130,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() {
@@ -157,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();
                 }
@@ -181,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() {
@@ -202,6 +202,18 @@ class ClassViewsSteps {
     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/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

@@ -51,4 +51,8 @@ export class SimilarityIndexesSteps extends BaseSteps{
     static getCreateButton() {
         return this.getExistingSimilarityIndexes().getByTestId('create-similarity-index-btn');
     }
+
+    static clickCreateButton() {
+        this.getCreateButton().click();
+    }
 }

package/steps/guides/guide-dialog-steps.js

@@ -24,6 +24,10 @@ export class GuideDialogSteps {
         return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Previous');
     }
 
+    static getCloseButton() {
+        return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Close');
+    }
+
     static clickOnNextButton(forceVisible = false) {
         GuideDialogSteps.getNextButton().scrollIntoView().click({force: forceVisible});
     }
@@ -32,7 +36,19 @@ export class GuideDialogSteps {
         GuideDialogSteps.getPreviousButton().scrollIntoView().click({force: forceVisible});
     }
 
+    static clickOnCloseButton() {
+        GuideDialogSteps.getCloseButton().scrollIntoView().click();
+    }
+
     static assertDialogWithTitleIsVisible(text) {
         GuideDialogSteps.getHeader().contains(text);
     }
+
+    static assertDialogWithContentIsVisible(text) {
+        GuideDialogSteps.getContent().should('contain.text', text);
+    }
+
+    static assertDialogIsClosed() {
+        GuideDialogSteps.getModalDialog().should('not.exist');
+    }
 }

package/steps/guides/guide-steps.js

@@ -14,7 +14,15 @@ export class GuideSteps extends BaseSteps {
     static runGuide(guideName) {
         cy.contains('td', guideName)
             .parent()
-            .within($tr => {
+            .within(() => {
+                cy.get('.btn').click();
+            });
+    }
+
+    static runFirstGuide() {
+        cy.get('tbody tr')
+            .first()
+            .within(() => {
                 cy.get('.btn').click();
             });
     }
@@ -31,6 +39,10 @@ export class GuideSteps extends BaseSteps {
         cy.get('.shepherd-modal-is-visible');
     }
 
+    static getModalOverlay() {
+        return cy.get('.shepherd-modal-overlay-container');
+    }
+
     static assertWelcomePage(guideName) {
         GuideDialogSteps.assertDialogWithTitleIsVisible(`Welcome to ${guideName} — 2/2`);
         GuideSteps.assertPageNotInteractive();
@@ -278,6 +290,19 @@ export class GuideSteps extends BaseSteps {
     static verifyInitialState() {
         this.getGuidesPerPageBar().should('be.visible');
         this.getGuidesPaginator().should('exist');
+        this.verifyGuidesListExists('be.visible');
+    }
+
+    static verifyGuidesListExists() {
         this.getGuidesList().should('be.visible');
     }
+
+    static getDownloadResourceLink(guideRepositoryId) {
+        const downloadButtonClass = guideRepositoryId ? `.guide-${guideRepositoryId}-download-resource-link` : '.guide-download-resource-link';
+        return cy.get(downloadButtonClass);
+    }
+
+    static downloadResource(guideRepositoryId) {
+        GuideSteps.getDownloadResourceLink(guideRepositoryId).click();
+    }
 }

package/steps/header-steps.js

@@ -0,0 +1,9 @@
+export class HeaderSteps {
+    static getHeader() {
+        return cy.get('onto-header');
+    }
+
+    static openHomePage() {
+        HeaderSteps.getHeader().find('.home-page').click();
+    }
+}

package/steps/home-steps.js

@@ -1,10 +1,10 @@
-import {LicenseWidgetSteps} from "./widgets/license-widget-steps";
-import {RepositoryErrorsWidgetSteps} from "./widgets/repository-errors-widget-steps";
-import {ActiveRepositoryWidgetSteps} from "./widgets/active-repository-widget-steps";
-import {SavedSparqlQueriesWidgetSteps} from "./widgets/saved-sparql-queries-widget-steps";
-import {RepositorySteps} from "./repository-steps";
-import {BaseSteps} from "./base-steps";
-import {EnvironmentStubs} from "../stubs/environment-stubs";
+import {LicenseWidgetSteps} from './widgets/license-widget-steps';
+import {RepositoryErrorsWidgetSteps} from './widgets/repository-errors-widget-steps';
+import {ActiveRepositoryWidgetSteps} from './widgets/active-repository-widget-steps';
+import {SavedSparqlQueriesWidgetSteps} from './widgets/saved-sparql-queries-widget-steps';
+import {RepositorySteps} from './repository-steps';
+import {BaseSteps} from './base-steps';
+import {EnvironmentStubs} from '../stubs/environment-stubs';
 
 class HomeSteps extends BaseSteps {
 
@@ -34,8 +34,16 @@ class HomeSteps extends BaseSteps {
         return cy.get('.ot-loader-new-content').should('not.exist');
     }
 
+    static visitWithRepositoryInUrl(repositoryId) {
+        cy.visit(`/?repositoryId=${repositoryId}`);
+    }
+
+    static getLayout() {
+        return cy.get('.wb-layout');
+    }
+
     static getView() {
-      return cy.get('.wb-layout');
+        return cy.get('#wb-home');
     }
 
     static getTutorialPanel() {
@@ -43,19 +51,19 @@ class HomeSteps extends BaseSteps {
     }
 
     static hideTutorial() {
-      this.getTutorialPanel().find('.decline-tutorial').click();
+        this.getTutorialPanel().find('.decline-tutorial').click();
     }
 
     static showTutorialPanel() {
-      this.getView().find('.show-tutorial').click();
+        this.getView().find('.show-tutorial').click();
     }
 
     static getNavigationMenu() {
-      return this.getView().find('.wb-navbar');
+        return this.getLayout().find('.wb-navbar');
     }
 
     static getPageHeader() {
-      return this.getView().find('.wb-header');
+        return this.getLayout().find('.wb-header');
     }
 
     // ===========================
@@ -63,7 +71,7 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getRDFSearchButton() {
-      return this.getPageHeader().find('.rdf-search-button i');
+        return this.getPageHeader().find('.rdf-search-button i');
     }
 
     // ===========================
@@ -71,11 +79,11 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getRepositorySelector() {
-      return this.getPageHeader().find('onto-repository-selector');
+        return this.getPageHeader().find('onto-repository-selector');
     }
 
     static getSelectedRepository() {
-      return this.getRepositorySelector().find('.onto-dropdown-button');
+        return this.getRepositorySelector().find('.onto-dropdown-button');
     }
 
     // ===========================
@@ -83,11 +91,11 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getLanguageSelector() {
-      return this.getPageHeader().find('onto-language-selector');
+        return this.getPageHeader().find('onto-language-selector');
     }
 
     static getSelectedLanguage() {
-      return this.getLanguageSelector().find('.onto-dropdown-button');
+        return this.getLanguageSelector().find('.onto-dropdown-button');
     }
 
     // ===========================
@@ -95,7 +103,7 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getActiveRepositoryWidget() {
-      return ActiveRepositoryWidgetSteps.getWidget();
+        return ActiveRepositoryWidgetSteps.getWidget();
     }
 
     // ===========================
@@ -103,7 +111,7 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getLicenseWidget() {
-      return LicenseWidgetSteps.getWidget();
+        return LicenseWidgetSteps.getWidget();
     }
 
     // ===========================
@@ -111,7 +119,7 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getRepositoryErrorsWidget() {
-      return RepositoryErrorsWidgetSteps.getWidget();
+        return RepositoryErrorsWidgetSteps.getWidget();
     }
 
     // ===========================
@@ -119,7 +127,7 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getSavedSparqlQueriesWidget() {
-      return SavedSparqlQueriesWidgetSteps.getWidget();
+        return SavedSparqlQueriesWidgetSteps.getWidget();
     }
 
     // ===========================
@@ -127,22 +135,25 @@ class HomeSteps extends BaseSteps {
     // ===========================
 
     static getPageFooter() {
-      return cy.get('.footer-component');
+        return cy.get('.footer-component');
     }
 
     // ==========================
 
     static selectSPARQLQueryToExecute(query) {
         cy.contains('ul.saved-queries li', query)
-            .should('be.visible')
-            .as('savedQueryItem');
+            .as('savedQueryItem')
+            .scrollIntoView();
+
+        cy.get('@savedQueryItem')
+            .should('be.visible');
 
         cy.get('@savedQueryItem')
             .trigger('hover');
 
         cy.get('@savedQueryItem')
             .find('.execute-saved-query')
-            .click({ force: true });
+            .click({force: true});
     }
 
 
@@ -189,12 +200,12 @@ class HomeSteps extends BaseSteps {
     }
 
     static verifyCreateRepositoryLink() {
-        cy.get('.card.repository-errors').should("be.visible")
+        cy.get('.card.repository-errors').should('be.visible')
             .within(() => {
                 HomeSteps.getCreateRepositoryLink()
                     .click()
                     .url()
-                    .should('eq', Cypress.config("baseUrl") + '/repository/create?previous=%2F');
+                    .should('eq', Cypress.config('baseUrl') + '/repository/create?previous=%2F');
             });
         cy.get('.big-logo').click();
     }
@@ -216,7 +227,7 @@ class HomeSteps extends BaseSteps {
     }
 
     static shouldHaveAutocompleteResult(uri) {
-        return HomeSteps.getAutocompleteResultElement(uri).should("be.visible");
+        return HomeSteps.getAutocompleteResultElement(uri).should('be.visible');
     }
 
     static autocompleteText(text, uri) {
@@ -231,8 +242,8 @@ class HomeSteps extends BaseSteps {
     }
 
     static verifyAutocompleteResourceLink(uri) {
-        cy.get('#results-loader.ot-loader').should('not.exist');
-        cy.get('.resource-info').should('be.visible').and("contain", uri);
+        cy.get('#results-loader.ot-loader-new-content').should('not.exist');
+        cy.get('.resource-info').should('be.visible').and('contain', uri);
     }
 
     static getAutocompleteButton(type) {
@@ -338,4 +349,5 @@ class HomeSteps extends BaseSteps {
         return cy.get('[guide-selector="sub-menu-support"]');
     }
 }
+
 export default HomeSteps;

package/steps/import/import-steps.js

@@ -55,7 +55,7 @@ class ImportSteps {
     }
 
     static verifyUserImportUrl() {
-        cy.url().should('include', '/import#user');
+        cy.url().should('include', '/import').and('include', '#user');
     }
 
     static visitServerImport(repository) {

package/steps/import/import-user-data-steps.js

@@ -174,6 +174,6 @@ export class ImportUserDataSteps extends ImportSteps {
     }
 
     static getDeleteImportEntryButton() {
-        return cy.get('.icon-trash');
+        return cy.get('.ri-delete-bin-6-line');
     }
 }

package/steps/login-steps.js

@@ -7,17 +7,26 @@ export class LoginSteps {
 
     static visitInProdMode() {
         cy.visit('/login', {
-            onBeforeLoad: (win) => {
+            onBeforeLoad: () => {
                 EnvironmentStubs.stubWbProdMode();
             }
         });
     }
 
+    static visitLoginPageWithReturnUrl(returnURL) {
+        const returnURLEncoded = encodeURIComponent(returnURL);
+        cy.visit(`/login?r=${returnURLEncoded}`);
+    }
+
+    static navigateToLoginPage() {
+        cy.get('onto-user-login').click();
+    }
+
     static loginWithUser(username, password) {
         cy.get('.login-form').should('be.visible');
-        cy.get('#wb-login-username').type(username);
-        cy.get('#wb-login-password').type(password);
-        cy.get('#wb-login-submitLogin').click();
+        cy.getByTestId('username-input').type(username);
+        cy.getByTestId('password-input').type(password);
+        cy.getByTestId('submit-btn').click();
     }
 
     static logout() {

package/steps/main-menu-steps.js

@@ -4,10 +4,6 @@ export class MainMenuSteps {
         return cy.get('onto-navbar');
     }
 
-    static openHomePage() {
-        MainMenuSteps.getMainMenu().find('.home-page').click();
-    }
-
     static getMenuButton(menuName) {
         return MainMenuSteps.getMainMenu().find('.menu-element').contains(menuName);
     }
@@ -90,6 +86,10 @@ export class MainMenuSteps {
 
     static clickOnClassHierarchy() {
         this.clickOnExplore();
+        this.clickOnSubmenuClassHierarchy();
+    }
+
+    static clickOnSubmenuClassHierarchy() {
         this.getSubMenuButton('menu-class-hierarchy').click();
     }
 
@@ -100,6 +100,10 @@ export class MainMenuSteps {
 
     static clickOnClassRelationships() {
         this.clickOnExplore();
+        this.clickOnSubmenuClassRelationships();
+    }
+
+    static clickOnSubmenuClassRelationships() {
         this.getSubMenuButton('sub-menu-class-relationships').click();
     }
 
@@ -108,6 +112,10 @@ export class MainMenuSteps {
         this.getSubMenuButton('sub-menu-similarity').click();
     }
 
+    static clickOnSubmenuSimilarity() {
+        this.getSubMenuButton('sub-menu-similarity').click();
+    }
+
     // --------------------------
     // --     Monitoring menu  --
     // --------------------------
@@ -148,6 +156,10 @@ export class MainMenuSteps {
 
     static clickOnRepositories() {
         this.clickOnMenuSetup();
+        this.clickOnRepositoriesSubmenu();
+    }
+
+    static clickOnRepositoriesSubmenu() {
         this.getSubMenuButton('sub-menu-repositories').click();
     }
 
@@ -193,6 +205,10 @@ export class MainMenuSteps {
 
     static clickOnAutocomplete() {
         this.clickOnMenuSetup();
+        this.clickOnSubmenuAutocomplete();
+    }
+
+    static clickOnSubmenuAutocomplete() {
         this.getSubmenuAutocomplete().click();
     }
 
@@ -251,6 +267,10 @@ export class MainMenuSteps {
 
     static clickOnTTYG() {
         this.clickOnMenuLab();
+        this.clickOnTTYGSubmenu()
+    }
+
+    static clickOnTTYGSubmenu() {
         this.getSubMenuButton('sub-menu-ttyg').click();
     }
 

package/steps/modal-dialog-steps.js

@@ -1,8 +1,19 @@
-export class ModalDialogSteps {
+import {BaseSteps} from "./base-steps.js";
+
+export class ModalDialogSteps extends BaseSteps {
     static getDialog(cssClass = '.modal-dialog') {
         return cy.get(cssClass);
     }
 
+    /**
+     * Get the modal alert element. Modal alerts is also a modal dialog, but it has a modal-alert class on the main div
+     * which is parent of modal-dialog.
+     * @returns {Cypress.Chainable<JQuery<HTMLElement>>}
+     */
+    static getModalAlert() {
+        return cy.get('.modal-alert');
+    }
+
     static getDialogHeader() {
         return ModalDialogSteps.getDialog().find('.modal-header');
     }