graphdb-workbench-tests 3.4.0-dynamic-guides-test → 3.4.0

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

@@ -7,6 +7,14 @@ export class CreateGraphqlEndpointSteps {
         return cy.get('.create-graphql-endpoint-view');
     }
 
+    static getPageContainer() {
+        return CreateGraphqlEndpointSteps.getView().find('.content');
+    }
+
+    static getRepositoryInRemoteLocation() {
+        return CreateGraphqlEndpointSteps.getView().find('.unexpected-remote-repository-warning');
+    }
+
     static getSourceRepositorySelector() {
         return this.getView().find('.source-repository-selector');
     }

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

@@ -10,6 +10,14 @@ export class GraphqlEndpointManagementSteps {
         return cy.get('.graphql-endpoint-management-view');
     }
 
+    static getPageContainer() {
+        return GraphqlEndpointManagementSteps.getView().find('.endpoint-management-container');
+    }
+
+    static getRepositoryInRemoteLocation() {
+        return GraphqlEndpointManagementSteps.getView().find('.unexpected-remote-repository-warning');
+    }
+
     static getEndpointFilterField() {
         return this.getView().find('.endpoints-filter-field');
     }

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

@@ -10,6 +10,14 @@ export class GraphqlPlaygroundSteps {
         return cy.get('.graphql-playground-view');
     }
 
+    static getPageContainer() {
+        return GraphqlPlaygroundSteps.getView().find('.content');
+    }
+
+    static getRepositoryInRemoteLocation() {
+        return GraphqlPlaygroundSteps.getView().find('.unexpected-remote-repository-warning');
+    }
+
     static getNoSchemasAlert() {
         return this.getView().find('.no-endpoints-view');
     }

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');
     }
@@ -28,8 +74,12 @@ export class GuideDialogSteps {
         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) {
@@ -40,6 +90,10 @@ export class GuideDialogSteps {
         GuideDialogSteps.getCloseButton().scrollIntoView().click();
     }
 
+    static clickOnSkipButton() {
+        GuideDialogSteps.getSkipButton().scrollIntoView().click();
+    }
+
     static getContentLink() {
         return GuideDialogSteps.getContent().find('a');
     }

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

@@ -6,4 +6,17 @@ export class HeaderSteps {
     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

@@ -200,13 +200,10 @@ class HomeSteps extends BaseSteps {
     }
 
     static verifyCreateRepositoryLink() {
-        cy.get('.card.repository-errors').should('be.visible')
-            .within(() => {
-                HomeSteps.getCreateRepositoryLink()
-                    .click()
-                    .url()
-                    .should('eq', Cypress.config('baseUrl') + '/repository/create?previous=%2F');
-            });
+        HomeSteps.getCreateRepositoryLink()
+            .click()
+            .url()
+            .should('eq', Cypress.config('baseUrl') + '/repository/create?previous=%2F');
         cy.get('.big-logo').click();
     }
 
@@ -313,26 +310,6 @@ class HomeSteps extends BaseSteps {
         return cy.get('#license-label-home');
     }
 
-    static getCookieConsentPopup() {
-        return cy.get('.cookie-consent-modal');
-    }
-
-    static getAgreeButton() {
-        return HomeSteps.getCookieConsentPopup().find('button');
-    }
-
-    static clickAgreeButton() {
-        return HomeSteps.getAgreeButton().click();
-    }
-
-    static getCookiePolicyLink() {
-        return cy.get('.cookie-consent-content a');
-    }
-
-    static clickCookiePolicyLink() {
-        return HomeSteps.getCookiePolicyLink().click();
-    }
-
     static getCookiePolicyModal() {
         return cy.get('.cookie-policy-modal');
     }

package/steps/login-steps.js

@@ -33,6 +33,7 @@ export class LoginSteps {
         cy.getByTestId('submit-btn').click();
     }
 
+    // TODO: Use the HeaderSteps.logout()
     static logout() {
         cy.get('onto-user-menu').click();
         cy.get('.onto-user-menu-dropdown')

package/steps/main-menu-steps.js

@@ -16,6 +16,7 @@ export class MainMenuSteps {
         return MainMenuSteps.getMenuButton('Import');
     }
 
+    // TODO: temporary using more complex implementation until we have two SPARQL menu elements in the navbar
     static getMenuSparql() {
         return MainMenuSteps.getMenuButton('SPARQL');
     }

package/steps/repositories/attach-repository-steps.js

@@ -1,5 +1,9 @@
 export class AttachRepositorySteps {
 
+    static getRemoteLocationSettingsForm() {
+        return cy.get('#remoteLocationForm');
+    }
+
     static getAttachRemoteLocationBtn() {
         return cy.get('#addAttachRemoteLocation');
     }
@@ -115,4 +119,16 @@ export class AttachRepositorySteps {
     static clearPassword() {
         AttachRepositorySteps.getPasswordInput().clear();
     }
+
+    static getUnencryptedPasswordWarning() {
+        return this.getRemoteLocationSettingsForm().find('.unencrypted-password-warning');
+    }
+
+    static getBackwardCompatibilityWarning() {
+        return this.getRemoteLocationSettingsForm().find('.backward-compatibility-warning');
+    }
+
+    static encryptPassword() {
+        this.getRemoteLocationSettingsForm().find('#encryptPassword').check();
+    }
 }

package/steps/repository-steps.js

@@ -16,6 +16,14 @@ export class RepositorySteps extends BaseSteps {
         cy.visit(`repository/edit/${repositoryId}?location=`);
     }
 
+    static getRepositoryPage() {
+        return cy.get('#wb-repository');
+    }
+
+    static getRepositoriesPage() {
+        return cy.get('#wb-repositories');
+    }
+
     static getCreateRepositoryButton() {
         return cy.get('#wb-repositories-addRepositoryLink');
     }
@@ -135,6 +143,10 @@ export class RepositorySteps extends BaseSteps {
         RepositorySteps.getRepositoryTypeButton(type).click();
     }
 
+    static createFedexRepositoryType() {
+        RepositorySteps.chooseRepositoryType('fedx');
+    }
+
     static getGDBRepositoryTypeButton() {
        return RepositorySteps.getRepositoryTypeButton('gdb');
     }
@@ -354,4 +366,16 @@ export class RepositorySteps extends BaseSteps {
     static getEntityIndexSize() {
         return RepositorySteps.getRepositoryCreateForm().find('#entityIndexSize');
     }
+
+    static getFedexMembersPanel() {
+        return this.getRepositoryPage().find('#fedx-members');
+    }
+
+    static selectFedexMember(repositoryId) {
+        this.getFedexMembersPanel()
+            .find('.form-local-repos')
+            .find('.location-item')
+            .contains(repositoryId)
+            .click();
+    }
 }

package/steps/resource/resource-steps.js

@@ -61,14 +61,6 @@ export class ResourceSteps {
         cy.get('.download-options li').eq(option).click();
     }
 
-    static getVisualGraphButton() {
-        return cy.get('.visual-graph-btn');
-    }
-
-    static clickOnVisualGraphButton() {
-        ResourceSteps.getVisualGraphButton().click();
-    }
-
     static getEditResourceLink() {
         return cy.get('.edit-resource-link');
     }

package/steps/setup/acl-management-steps.js

@@ -11,6 +11,18 @@ export class AclManagementSteps {
         return this.getPage().find('#acl-management-view-title');
     }
 
+    static getFedexWarningMessage() {
+        return this.getPage().find('.unexpected-fedex-repository-warning');
+    }
+
+    static getAclManagementContainer() {
+        return this.getPage().find('.acl-management-container');
+    }
+
+    static getAclManagementContent() {
+        return this.getPage().find('.acl-management-content');
+    }
+
     static getAclTable() {
         return this.getPage().find('.acl-rules');
     }

package/steps/setup/settings-steps.js

@@ -107,7 +107,7 @@ export class SettingsSteps {
     }
 
     static clickCookiePolicyLink() {
-        return SettingsSteps.getCookiePolicyButton().click();
+        return this.getCookiePolicyButton().click();
     }
 
     static getCookiePolicyModal() {

package/steps/shared-modal-dialog-steps.js

@@ -0,0 +1,45 @@
+/**
+ * Basic steps for interacting with the onto-dialog component. This class is designed to be extended by more specific
+ * dialog steps classes.
+ */
+export class SharedModalDialogSteps {
+    /**
+     * Returns the onto-dialog element.
+     * This is the generic method to get the dialog element.
+     */
+    static getDialog() {
+        return cy.get('onto-dialog');
+    }
+
+    /**
+     * Returns a child component of the dialog based on the provided CSS class. The onto-dialog component is designed to
+     * be flexible and can contain be composed of various child components included in different slots: header, body,
+     * and footer.
+     * The purpose of this method is to allow selection of specific dialog in case there are multiple dialogs in the page.
+     * @param cssClass - The CSS class of the child component to retrieve. Defaults to '.dialog', which will return the
+     * dialog itself.
+     */
+    static getDialogComponent(cssClass = '.dialog') {
+        return cy.get(cssClass);
+    }
+
+    static getHeader() {
+        return this.getDialog().find('.dialog-header');
+    }
+
+    static getBody() {
+        return this.getDialog().find('.dialog-body');
+    }
+
+    static getFooter() {
+        return this.getDialog().find('.dialog-footer');
+    }
+
+    static getCloseButton() {
+        return this.getHeader().find('.close');
+    }
+
+    static close() {
+        this.getCloseButton().click();
+    }
+}

package/steps/sparql-editor-steps.js

@@ -1,14 +1,16 @@
 import {YasqeSteps} from "./yasgui/yasqe-steps";
+import {YasrSteps} from './yasgui/yasr-steps.js';
 
 const VIEW_URL = '/sparql';
 
 export class SparqlEditorSteps {
-    static visitSparqlEditorPage() {
-        cy.visit(VIEW_URL);
+    static visitSparqlEditorPage(urlParameters) {
+        const url = urlParameters ? `${VIEW_URL}?${urlParameters}` : VIEW_URL;
+        cy.visit(url);
     }
 
-    static visitSparqlEditorPageAndWaitForEditor() {
-        SparqlEditorSteps.visitSparqlEditorPage();
+    static visitSparqlEditorPageAndWaitForEditor(urlParameters ) {
+        SparqlEditorSteps.visitSparqlEditorPage(urlParameters);
         // Because we use angularjs less than 1.7.3 we use additional library ng-custom-element.umd.js to solve problem with property bindings
         // This library make additional call to ontotext-yasgui-web-component and the component that's way the component renders twice when page loaded.
         // This is bad because in tests cypress can find an element when it is rendered from first call and try to click it for example.
@@ -19,6 +21,18 @@ export class SparqlEditorSteps {
         YasqeSteps.waitUntilQueryIsVisible();
     }
 
+    static visitSparqlEditorPageAndWaitForResults(urlParameters ) {
+        SparqlEditorSteps.visitSparqlEditorPage(urlParameters);
+        // Because we use angularjs less than 1.7.3 we use additional library ng-custom-element.umd.js to solve problem with property bindings
+        // This library make additional call to ontotext-yasgui-web-component and the component that's way the component renders twice when page loaded.
+        // This is bad because in tests cypress can find an element when it is rendered from first call and try to click it for example.
+        // If time of clicking such element is when second call to the component is done then exception that element is detached will be thrown.
+        // We will wait a little , to give a chance page is loaded correctly before test start.
+        // eslint-disable-next-line cypress/no-unnecessary-waiting
+        cy.wait(1000);
+        YasrSteps.waitUntilResultsIsVisible();
+    }
+
     static verifyUrl() {
         cy.url().should('include', `${Cypress.config('baseUrl')}${VIEW_URL}`);
     }

package/steps/ttyg/ttyg-agent-settings-modal.steps.js

@@ -429,7 +429,7 @@ export class TtygAgentSettingsModalSteps extends ModalDialogSteps {
     }
 
     static enterContextSize(input) {
-        this.getContextSizeField().type(input);
+        this.getContextSizeField().type(input, {force: true});
     }
 
     static getContextSizeError() {

package/steps/visual-graph-split-button-steps.js

@@ -0,0 +1,45 @@
+export class VisualGraphSplitButtonSteps {
+    static getGraphExploreSplitButton() {
+        return cy.get('onto-graph-explore-split-button');
+    }
+
+    static getVisualizeMainButton() {
+        return VisualGraphSplitButtonSteps.getGraphExploreSplitButton().find('.explore-visual-graph-button');
+    }
+
+    static clickOnVisualizeMainButton() {
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().click();
+    }
+
+    static getDropdownToggleButton() {
+        return VisualGraphSplitButtonSteps.getGraphExploreSplitButton().find('.onto-dropdown-button');
+    }
+
+    static toggleGraphConfigDropdown() {
+        VisualGraphSplitButtonSteps.getDropdownToggleButton().click();
+    }
+
+    static getGraphConfigs() {
+        return VisualGraphSplitButtonSteps.getGraphExploreSplitButton().find('.onto-dropdown-menu-item');
+    }
+
+    static getGraphConfig(index = 0) {
+        return VisualGraphSplitButtonSteps.getGraphConfigs().eq(index);
+    }
+
+    static selectGraphConfig(index = 0) {
+        VisualGraphSplitButtonSteps.getGraphConfig(index).click();
+    }
+
+    static getCreateGraphConfigLink() {
+        return VisualGraphSplitButtonSteps.getGraphExploreSplitButton().find('.graph-create-link');
+    }
+
+    static clickCreateGraphConfigLink() {
+        VisualGraphSplitButtonSteps.getCreateGraphConfigLink().click();
+    }
+
+    static getNoConfigurationsMessage() {
+        return VisualGraphSplitButtonSteps.getGraphExploreSplitButton().find('.no-configurations-message');
+    }
+}

package/steps/visual-graph-steps.js

@@ -87,6 +87,30 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.autocomplete-toast a');
     }
 
+    static getRdfResourceSearchInput() {
+        return cy.getByTestId('rdf-resource-input');
+    }
+
+    static searchForRdfResource(resource) {
+        this.getRdfResourceSearchInput().type(resource, {force: true});
+    }
+
+    static shareVisualGraphWithOtherUsers() {
+        this.getShareGraphButton().click();
+    }
+
+    static getShareGraphButton() {
+        return cy.getByTestId('share-graph-config');
+    }
+
+    static selectConfig(configName) {
+        this.getConfigByName(configName).click();
+    }
+
+    static getConfigByName(name) {
+        return cy.getByTestId(`graph-config-${name}`);
+    }
+
     static getGraphVisualizationNodes() {
         return this.getGraphVisualizationPane().find('.node-wrapper');
     }
@@ -133,7 +157,7 @@ export class VisualGraphSteps extends BaseSteps {
     }
 
     static getNodeLabel(nodeId) {
-        return this.getNode(nodeId).find('.node-label-body');
+        return this.getNode(nodeId).find('.node-label-body div');
     }
 
     static getPredicates() {
@@ -153,7 +177,7 @@ export class VisualGraphSteps extends BaseSteps {
     }
 
     static dblclickOnNode(nodeId) {
-        this.getCircleOfNodeByNodeId(nodeId).dblclick();
+        this.getCircleOfNodeByNodeId(nodeId).trigger('dblclick');
     }
 
     static getLineBetweenNodesById(narrowId) {
@@ -172,10 +196,24 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.rdf-side-panel-content');
     }
 
+    static getPropertyByIndex(index) {
+        return this.getSidePanelContent().find('.rdf-list .datasource').eq(index);
+    }
+
     static closeSidePanel() {
         this.getSidePanelCloseButton().click();
     }
 
+    // Note the index is 1-based
+    static openConfigTab(tabIndex) {
+        return this.getConfigTab(tabIndex).click();
+    }
+
+    // Note the index is 1-based
+    static getConfigTab(tabIndex) {
+        return cy.getByTestId(`graph-config-tab-${tabIndex}`);
+    }
+
     // Visual graph settings form field access
 
     static openPredicatesTab() {
@@ -263,12 +301,32 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.create-graph-config').should('be.visible');
     }
 
+    static createCustomGraph() {
+        this.getCreateCustomGraphLink().click();
+    }
+
     static getGraphConfigName() {
         return cy.get('.graph-config-name').should('be.visible');
     }
 
     static typeGraphConfigName(name) {
-        this.getGraphConfigName().type(name);
+        this.getGraphConfigName().type(name, {force: true});
+    }
+
+    static typeGraphConfigDescription(description) {
+        return this.getGraphConfigDescription().type(description, {force: true});
+    }
+
+    static getGraphConfigDescription() {
+        return cy.get('.graph-config-description').should('be.visible');
+    }
+
+    static typeGraphConfigHint(hint) {
+        return this.getGraphConfigHint().type(hint, {force: true});
+    }
+
+    static getGraphConfigHint() {
+        return cy.get('.graph-config-example').should('be.visible');
     }
 
     static getSaveConfigButton() {
@@ -349,6 +407,14 @@ export class VisualGraphSteps extends BaseSteps {
         return this.getTruncateLabelsCheckbox().click();
     }
 
+    static getInvalidLinksMessage() {
+        return this.getByTestId('invalid-links-limit');
+    }
+
+    static getShownLimitMessage() {
+        return this.getByTestId('shown-links-limit');
+    }
+
     static openVisualGraphHome() {
         cy.get('.toolbar-holder').should('be.visible')
             .find('.return-home-btn').should('be.visible').click();

package/steps/yasgui/yasr-steps.js

@@ -1,8 +1,14 @@
-export class YasrSteps {
+import {BaseSteps} from "../base-steps.js";
+
+export class YasrSteps extends BaseSteps {
     static getYasr() {
         return cy.get('.tabPanel.active .yasr');
     }
 
+    static waitUntilResultsIsVisible() {
+        return cy.waitUntil(() => this.getYasr().should('be.visible'));
+    }
+
     static getResultHeader() {
         return cy.get('.yasr_header');
     }
@@ -28,7 +34,8 @@ export class YasrSteps {
     }
 
     static getResults() {
-        return YasrSteps.getYasr().find('.yasr_results tbody').find('tr');
+        this.getYasrResultsContainer().should('not.have.class', 'rendering_result')
+        return this.getYasrResultsContainer().find('tbody').find('tr');
     }
 
     static getResultTableHeader() {
@@ -107,15 +114,32 @@ export class YasrSteps {
         return YasrSteps.getYasr().find('.yasr-toolbar');
     }
 
-    static getVisualButton() {
-        return YasrSteps.getYasrToolbar().find('.explore-visual-graph-button');
-    }
-
     static getNoDataElement() {
+        this.getYasrResultsContainer().should('not.have.class', 'rendering_result')
         return cy.get('.dataTables_empty');
     }
 
     static getNoResultsMessage() {
         return YasrSteps.getYasr().find('.alert-success');
     }
+
+    static getPivotTablePlugin() {
+        return YasrSteps.getYasr().find('.pivot-table-plugin');
+    }
+
+    static getGoogleChartPlugin() {
+        return YasrSteps.getYasr().find('.google-visualization-table');
+    }
+
+    static getExtendedTablePlugin() {
+        return YasrSteps.getYasr().find('.dataTables_wrapper');
+    }
+
+    static getFullscreenButton() {
+        return cy.get('.yasr-fullscreen-button');
+    }
+
+    static toggleFullscreen() {
+        YasrSteps.getFullscreenButton().click();
+    }
 }