graphdb-workbench-tests 3.4.0-TR4 → 3.4.0-TR6

package/steps/graphql/playground-editor-steps.js

@@ -0,0 +1,46 @@
+export class PlaygroundEditorSteps {
+
+    static getResponse() {
+        return cy.get('.graphiql-response');
+    }
+
+    static getResponseCodeMirror() {
+        return PlaygroundEditorSteps.getResponse().find('.CodeMirror');
+    }
+
+    static getGraphiqlEditors() {
+        return cy.get('.graphiql-editors');
+    }
+
+    static getGraphiqlEditorsCodeMirror() {
+        return PlaygroundEditorSteps.getGraphiqlEditors().find('.CodeMirror');
+    }
+
+    static getGraphiqlEditorTools() {
+        return cy.get('.graphiql-editor-tools');
+    }
+
+    static getGraphiqlEditorTool() {
+        return cy.get('.graphiql-editor-tool');
+    }
+
+    static getVariablesBtn() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTools().find('button[data-name="variables"]');
+    }
+
+    static openVariables() {
+        PlaygroundEditorSteps.getVariablesBtn().click();
+    }
+
+    static getHeadersBtn() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTools().find('button[data-name="headers"]');
+    }
+
+    static openHeaders() {
+        PlaygroundEditorSteps.getHeadersBtn().click();
+    }
+
+    static getActiveGraphiqlEditorToolCodeMirror() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTool().find('.graphiql-editor:not(.hidden) .CodeMirror');
+    }
+}

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

@@ -1,4 +1,6 @@
-export class GuideDialogSteps {
+import {BaseSteps} from "../base-steps.js";
+
+export class GuideDialogSteps extends BaseSteps {
 
     static getModalDialog() {
         return cy.get('.shepherd-content:visible');
@@ -8,6 +10,50 @@ export class GuideDialogSteps {
         return GuideDialogSteps.getModalDialog().find('.shepherd-header');
     }
 
+    static getCancelButton() {
+        return this.getHeader().find('.shepherd-cancel-icon');
+    }
+
+    static clickOnCancelButton() {
+        return this.getCancelButton().click();
+    }
+
+    static getConfirmCancelDialog() {
+        return this.getByTestId('confirm-cancel-dialog');
+    }
+
+    static getConfirmCancelDialogCloseButton() {
+        return this.getByTestId('close-dialog-btn');
+    }
+
+    static clickOnConfirmCancelDialogCloseButton() {
+        return this.getConfirmCancelDialogCloseButton().click();
+    }
+
+    static getConfirmCancelDialogCancelButton() {
+        return this.getByTestId('cancel-btn');
+    }
+
+    static clickConfirmCancelDialogCancelButton() {
+        return this.getConfirmCancelDialogCancelButton().click();
+    }
+
+    static getConfirmCancelDialogDontShowAgainButton() {
+        return this.getByTestId('dont-show-again-btn');
+    }
+
+    static clickConfirmCancelDialogDontShowAgainButton() {
+        return this.getConfirmCancelDialogDontShowAgainButton().click();
+    }
+
+    static getConfirmCancelDialogExitButton() {
+        return this.getByTestId('exit-btn');
+    }
+
+    static clickConfirmCancelDialogExitButton() {
+        return this.getConfirmCancelDialogExitButton().click();
+    }
+
     static getContent() {
         return GuideDialogSteps.getModalDialog().find('.shepherd-text');
     }
@@ -24,15 +70,48 @@ export class GuideDialogSteps {
         return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Previous');
     }
 
+    static getCloseButton() {
+        return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Close');
+    }
+
+    static getSkipButton() {
+        return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Skip');
+    }
+
     static clickOnNextButton(forceVisible = false) {
-        GuideDialogSteps.getNextButton().scrollIntoView().click({force: forceVisible});
+        return GuideDialogSteps.getNextButton().scrollIntoView().click({force: forceVisible});
     }
 
     static clickOnPreviousButton(forceVisible = false) {
         GuideDialogSteps.getPreviousButton().scrollIntoView().click({force: forceVisible});
     }
 
+    static clickOnCloseButton() {
+        GuideDialogSteps.getCloseButton().scrollIntoView().click();
+    }
+
+    static clickOnSkipButton() {
+        GuideDialogSteps.getSkipButton().scrollIntoView().click();
+    }
+
+    static getContentLink() {
+        return GuideDialogSteps.getContent().find('a');
+    }
+
+
     static assertDialogWithTitleIsVisible(text) {
         GuideDialogSteps.getHeader().contains(text);
     }
+
+    static assertDialogWithContentIsVisible(text) {
+        GuideDialogSteps.getContent().should('contain.text', text);
+    }
+
+    static assertDialogIsClosed() {
+        GuideDialogSteps.getModalDialog().should('not.exist');
+    }
+
+    static copyQueryToEditor() {
+        GuideDialogSteps.getModalDialog().find('.guide-copy-to-editor-query-button').click();
+    }
 }

package/steps/guides/guide-steps.js

@@ -4,16 +4,29 @@ import {RepositorySteps} from "../repository-steps";
 import {RepositorySelectorSteps} from "../repository-selector-steps";
 import {AutocompleteSteps} from "../setup/autocomplete-steps";
 import ImportSteps from "../import/import-steps";
+import {BaseSteps} from "../base-steps";
 
-export class GuideSteps {
+export class GuideSteps extends BaseSteps {
     static visit() {
         cy.visit('/guides');
     }
 
+    static autostartGuide(guideId) {
+        cy.visit(`/?autostartGuide=${guideId}`);
+    }
+
     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();
             });
     }
@@ -26,10 +39,18 @@ export class GuideSteps {
         cy.get(selector).should('be.visible');
     }
 
+    static getGuidesModal() {
+        return cy.get('.shepherd-modal-is-visible');
+    }
+
     static assertPageNotInteractive() {
         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();
@@ -261,4 +282,35 @@ export class GuideSteps {
 
         GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
     }
+
+    static getGuidesPerPageBar() {
+        return this.getByTestId('guides-per-page-bar');
+    }
+
+    static getGuidesPaginator() {
+        return this.getByTestId('guides-paginator');
+    }
+
+    static getGuidesList() {
+        return this.getByTestId('guides-list');
+    }
+
+    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/guides/movies-guide-steps.js

@@ -5,6 +5,7 @@ import {VisualGraphSteps} from "../visual-graph-steps";
 import {YasrSteps} from "../yasgui/yasr-steps";
 import {YasqeSteps} from "../yasgui/yasqe-steps";
 import {ResourceSteps} from "../resource/resource-steps";
+import {VisualGraphSplitButtonSteps} from '../visual-graph-split-button-steps.js';
 
 export class MoviesGuideSteps {
 
@@ -181,7 +182,7 @@ export class MoviesGuideSteps {
     static assertExploreRDFStep7() {
         GuideSteps.assertPageNotInteractive();
         GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 7/10');
-        ResourceSteps.getVisualGraphButton().should('be.visible');
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('be.visible');
     }
 
     static assertExploreRDFStep8() {

package/steps/header-steps.js

@@ -0,0 +1,22 @@
+export class HeaderSteps {
+    static getHeader() {
+        return cy.get('onto-header');
+    }
+
+    static openHomePage() {
+        HeaderSteps.getHeader().find('.home-page').click();
+    }
+
+    static logout() {
+        this.getHeader().find('onto-user-menu').click();
+        cy.get('.onto-user-menu-dropdown')
+            .contains('Logout')
+            .first()
+            // Force the click because Cypress sometimes determines that the item has 0x0 dimensions
+            .click({force: true});
+    }
+
+    static login() {
+        this.getHeader().find('.onto-user-login').click();
+    }
+}

package/steps/home-steps.js

@@ -1,49 +1,162 @@
-class HomeSteps {
+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 {
 
     static visit() {
         cy.visit('/');
+        HomeSteps.getTutorialPanel().should('be.visible');
     }
 
-    static visitAndWaitLoader(stubNewWindow) {
-        if (stubNewWindow) {
-            cy.visit('/', {
-                onBeforeLoad (win) {
-                    cy.stub(win, 'open').as('window.open');
-                }
-            });
-        } else {
-            cy.visit('/');
-        }
+    static visitInProdMode() {
+        cy.visit('/', {
+            onBeforeLoad: () => {
+                EnvironmentStubs.stubWbProdMode();
+            }
+        });
+    }
 
-        cy.window();
+    static visitInDevMode() {
+        cy.visit('/', {
+            onBeforeLoad: () => {
+                EnvironmentStubs.stubWbDevMode();
+            }
+        });
+    }
 
-        cy.get('.ot-splash').should('not.be.visible');
+    static visitAndWaitLoader() {
+        cy.visit('/');
         return cy.get('.ot-loader-new-content').should('not.exist');
     }
 
-    static verifyTutorialVisible(shouldBeVisible) {
-        if (shouldBeVisible) {
-            cy.get('.tutorial-container')
-                .should('be.visible');
-        } else {
-            cy.get('.tutorial-container')
-                .should('not.exist');
-        }
+    static visitWithRepositoryInUrl(repositoryId) {
+        cy.visit(`/?repositoryId=${repositoryId}`);
+    }
+
+    static getLayout() {
+        return cy.get('.wb-layout');
+    }
+
+    static getView() {
+        return cy.get('#wb-home');
+    }
+
+    static getTutorialPanel() {
+        return cy.get('.tutorial-container');
+    }
+
+    static hideTutorial() {
+        this.getTutorialPanel().find('.decline-tutorial').click();
+    }
+
+    static showTutorialPanel() {
+        this.getView().find('.show-tutorial').click();
+    }
+
+    static getNavigationMenu() {
+        return this.getLayout().find('.wb-navbar');
+    }
+
+    static getPageHeader() {
+        return this.getLayout().find('.wb-header');
+    }
+
+    // ===========================
+    // RDF search box
+    // ===========================
+
+    static getRDFSearchButton() {
+        return this.getPageHeader().find('.rdf-search-button i');
+    }
+
+    // ===========================
+    // Repository selector
+    // ===========================
+
+    static getRepositorySelector() {
+        return this.getPageHeader().find('onto-repository-selector');
+    }
+
+    static getSelectedRepository() {
+        return this.getRepositorySelector().find('.onto-dropdown-button');
+    }
+
+    // ===========================
+    // Language selector
+    // ===========================
+
+    static getLanguageSelector() {
+        return this.getPageHeader().find('onto-language-selector');
+    }
+
+    static getSelectedLanguage() {
+        return this.getLanguageSelector().find('.onto-dropdown-button');
+    }
+
+    // ===========================
+    // Active repository widget
+    // ===========================
+
+    static getActiveRepositoryWidget() {
+        return ActiveRepositoryWidgetSteps.getWidget();
+    }
+
+    // ===========================
+    // License widget
+    // ===========================
+
+    static getLicenseWidget() {
+        return LicenseWidgetSteps.getWidget();
+    }
+
+    // ===========================
+    // Repository errors widget
+    // ===========================
+
+    static getRepositoryErrorsWidget() {
+        return RepositoryErrorsWidgetSteps.getWidget();
+    }
+
+    // ===========================
+    // Saved SPARQL queries widget
+    // ===========================
+
+    static getSavedSparqlQueriesWidget() {
+        return SavedSparqlQueriesWidgetSteps.getWidget();
     }
 
-    static declineTutorial() {
-        // Click "No, thanks" button
-        cy.get('.tutorial-container .decline-tutorial').click();
+    // ===========================
+    // Page footer
+    // ===========================
+
+    static getPageFooter() {
+        return cy.get('.footer-component');
     }
 
+    // ==========================
+
     static selectSPARQLQueryToExecute(query) {
         cy.contains('ul.saved-queries li', query)
-            .should('be.visible')
-            .trigger('hover')
+            .as('savedQueryItem')
+            .scrollIntoView();
+
+        cy.get('@savedQueryItem')
+            .should('be.visible');
+
+        cy.get('@savedQueryItem')
+            .trigger('hover');
+
+        cy.get('@savedQueryItem')
             .find('.execute-saved-query')
             .click({force: true});
     }
 
+
     static verifyQueryLink(queryName, modifiesRepoModal) {
         HomeSteps.selectSPARQLQueryToExecute(queryName);
         modifiesRepoModal ? cy.get('.modal-body').should('be.visible') : cy.get('.modal-body').should('not.exist');
@@ -65,10 +178,7 @@ class HomeSteps {
     }
 
     static verifyRepositoryIsSelected(repositoryId) {
-        cy.get('ul.repos')
-            .contains(repositoryId).should('not.exist');
-        cy.get('#btnReposGroup')
-            .should('contain', repositoryId);
+        return RepositorySteps.getRepositorySelection().should('contain', repositoryId);
     }
 
     static hasRepositoryInfo(repositoryId) {
@@ -85,13 +195,17 @@ class HomeSteps {
             });
     }
 
+    static getCreateRepositoryLink() {
+        return cy.get('.create-repository-btn');
+    }
+
     static verifyCreateRepositoryLink() {
-        cy.get('.card.repository-errors').should("be.visible")
+        cy.get('.card.repository-errors').should('be.visible')
             .within(() => {
-                cy.get('.create-repository-btn')
+                HomeSteps.getCreateRepositoryLink()
                     .click()
                     .url()
-                    .should('eq', Cypress.config("baseUrl") + '/repository/create?previous=home');
+                    .should('eq', Cypress.config('baseUrl') + '/repository/create?previous=%2F');
             });
         cy.get('.big-logo').click();
     }
@@ -108,13 +222,12 @@ class HomeSteps {
     }
 
     static getAutocompleteInput() {
-        const input = cy.get('.home-rdf-resource-search search-resource-input .view-res-input');
-        input.should('be.visible');
-        return input;
+        return cy.get('.home-rdf-resource-search search-resource-input .view-res-input')
+            .should('be.visible');
     }
 
     static shouldHaveAutocompleteResult(uri) {
-        return HomeSteps.getAutocompleteResultElement(uri).should("be.visible");
+        return HomeSteps.getAutocompleteResultElement(uri).should('be.visible');
     }
 
     static autocompleteText(text, uri) {
@@ -123,14 +236,14 @@ class HomeSteps {
     }
 
     static getAutocompleteResultElement(uri) {
-        const element = cy.get("#auto-complete-results-wrapper p").contains(uri);
-        element.trigger('mouseover');
-        return element;
+        return cy.get('#auto-complete-results-wrapper p')
+            .contains(uri)
+            .trigger('mouseover');
     }
 
     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) {
@@ -148,67 +261,60 @@ class HomeSteps {
         cy.wait('@getAutocompleteStatus').then(callback);
     }
 
-    static openRdfSearchBox() {
-        cy.get('.search-rdf-btn').click();
-        cy.get('.search-rdf-input').should('be.visible');
-        cy.get('.search-rdf-input search-resource-input .view-res-input').should('be.visible')
-            .and('be.focused');
+    static getRdfResourceSearchComponent() {
+        return this.getByTestId('search-rdf-resource-component');
     }
 
-    static doNotOpenRdfSearchBoxButFocusResourceSearch() {
-        cy.get('.search-rdf-btn').click();
-        cy.get('.search-rdf-input').should('not.exist');
-        cy.get('.search-rdf-input search-resource-input .view-res-input').should('not.exist');
-        cy.get('#search-resource-input-home > #search-resource-box > input').should('be.visible')
-            .and('be.focused');
+    static getRdfResourceSearchInput() {
+        return this.getRdfResourceSearchComponent().getByTestId('rdf-resource-input');
     }
 
-    static getViewResourceAsLabel() {
-        return cy.get('#view-resource-label-home');
+    static getAutocompleteResultsContainer() {
+        return this.getRdfResourceSearchComponent().getByTestId('auto-complete-results');
     }
 
-    static getActiveRepoAsLabel() {
-        return cy.get('#active-repo-label-home');
+    static getAutocompleteSuggestion() {
+        return this.getAutocompleteResultsContainer().getByTestId('autocomplete-suggestion');
     }
 
-    static getSavedSparqlQueriesAsLabel() {
-        return cy.get('#saved-queries-label-home');
+    static getAutocompleteSuggestionByPartialText(partialText) {
+        return this.getAutocompleteSuggestion().contains(partialText);
     }
 
-    static getLicenseAsLabel() {
-        return cy.get('#license-label-home');
+    static getTableDisplayButton() {
+        return this.getRdfResourceSearchComponent().getByTestId('display-table-button');
     }
 
-    static getCookieConsentPopup() {
-        return cy.get('.cookie-consent-modal');
+    static getVisualDisplayButton() {
+        return this.getRdfResourceSearchComponent().getByTestId('display-visual-button');
     }
 
-    static getAgreeButton() {
-        return HomeSteps.getCookieConsentPopup().find('button');
+    static getRdfResourceSearchCloseButton() {
+        return this.getRdfResourceSearchComponent().getByTestId('rdf-resource-clear-button');
     }
 
-    static clickAgreeButton() {
-        return HomeSteps.getAgreeButton().click();
+    static closeRdfResourceSearchBox() {
+        this.getRdfResourceSearchCloseButton().click();
     }
 
-    static getCookiePolicyLink() {
-        return cy.get('.cookie-consent-content a');
+    static getViewResourceAsLabel() {
+        return cy.get('#view-resource-label-home');
     }
 
-    static clickCookiePolicyLink() {
-        return HomeSteps.getCookiePolicyLink().click();
+    static getActiveRepoAsLabel() {
+        return cy.get('#active-repo-label-home');
     }
 
-    static getCookiePolicyModal() {
-        return cy.get('.cookie-policy-modal');
+    static getSavedSparqlQueriesAsLabel() {
+        return cy.get('#saved-queries-label-home');
     }
 
-    static getHelpMenu() {
-        return cy.get('.main-menu .menu-element-root').eq(8);
+    static getLicenseAsLabel() {
+        return cy.get('#license-label-home');
     }
 
-    static clickHelpMenu() {
-        return HomeSteps.getHelpMenu().click();
+    static getCookiePolicyModal() {
+        return cy.get('.cookie-policy-modal');
     }
 
     static getDocumentationLink() {
@@ -223,4 +329,5 @@ class HomeSteps {
         return cy.get('[guide-selector="sub-menu-support"]');
     }
 }
+
 export default HomeSteps;

package/steps/import/import-resource-message-dialog.js

@@ -14,7 +14,7 @@ export class ImportResourceMessageDialog extends ModalDialogSteps {
     }
 
     static getMessage() {
-        return this.getDialogBody().find('.message');
+        return this.getDialogBody();
     }
 
     static getCopyToClipboard() {