graphdb-workbench-tests 3.4.0-dynamic-guides-test → 3.5.0-reactodia-poc

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();
+    }
 }

package/stubs/cluster/remote-location-stubs.js

@@ -7,6 +7,10 @@ export class RemoteLocationStubs extends Stubs {
         }).as('add-remote-location');
     }
 
+    static spyRemoteLocationCreate() {
+        cy.intercept('POST', '/rest/locations').as('add-remote-location');
+    }
+
     static stubGetRemoteLocations(count = 'no') {
         cy.intercept('GET', '/rest/locations', {
             fixture: `/remote-location/get-${count}-remote-locations.json`,

package/stubs/graph-config-stubs.js

@@ -0,0 +1,17 @@
+import {Stubs} from './stubs.js';
+
+export class GraphConfigStubs extends Stubs {
+    static stubGetEmptyGraphConfigs() {
+        cy.intercept('GET', '/rest/explore-graph/config', {
+            statusCode: 200,
+            body: [],
+        }).as('getEmptyGraphConfigs');
+    }
+
+    static stubGetGraphConfigs(fixture = '/graph/graph-configurations.json') {
+        GraphConfigStubs.stubQueryResponse(
+            '/rest/explore-graph/config',
+            fixture,
+            'getGraphConfigs');
+    }
+}

package/stubs/guides/guides-stubs.js

@@ -85,6 +85,14 @@ export class GuidesStubs {
         GuidesStubs.stubWithFixture('../fixtures/guides/visual-graph/visual-graph-guide.json');
     }
 
+    static stubVisualGraphConfigGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/visual-graph/visual-graph-config-guide.json');
+    }
+
+    static stubNavigationGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/navigation/navigation-guide.json');
+    }
+
     static stubWithFixture(fixturePath) {
         cy.intercept('/rest/guides', {fixture: fixturePath}).as('getGuides');
     }

package/stubs/repositories/repositories-stubs.js

@@ -1,6 +1,7 @@
 import {Stubs} from '../stubs';
 import {REPOSITORIES_URL} from '../../support/repository-commands';
 import {GlobalOperationsStatusesStub} from '../global-operations-statuses-stub.js';
+import repoTemplate from "../../fixtures/repo-template.json";
 
 export class RepositoriesStubs extends Stubs {
     static stubRepositories(withDelay = 0, fixture = '/repositories/get-repositories.json') {
@@ -225,4 +226,25 @@ export class RepositoriesStubs extends Stubs {
         RepositoriesStubs.stubAutocomplete();
         GlobalOperationsStatusesStub.stubNoOperationsResponse('starwars');
     }
+
+    static stubRepositoryModel(repositoryId, options = {}) {
+        const body = Cypress._.defaultsDeep(
+            { id: repositoryId, ...options },
+            repoTemplate
+        );
+        cy.intercept('GET', `/rest/repositories/${repositoryId}`, {
+            statusCode: 200,
+            body
+        }).as('repository-model');
+    }
+
+    static stubFtsSearchDisabled(repositoryId) {
+        RepositoriesStubs.stubRepositoryModel(repositoryId, {
+            params: {
+                enableFtsIndex: {
+                    value: 'false'
+                }
+            }
+        });
+    }
 }

package/stubs/security-stubs.js

@@ -20,6 +20,10 @@ export class SecurityStubs {
         }).as('security-all');
     }
 
+    static spyOnUserUpdate(userName) {
+        cy.intercept('PATCH', `rest/security/users/${userName}`).as('updateUser');
+    }
+
     static stubUpdateUserData(userName) {
         cy.intercept('PATCH', `/rest/security/users/${userName}`, {
             statusCode: 200,

package/stubs/sparql-stubs.js

@@ -0,0 +1,10 @@
+import {Stubs} from './stubs.js';
+
+export class SparqlStubs extends Stubs {
+    static spyAddKnownPrefixes() {
+        cy.intercept('/rest/sparql/add-known-prefixes', {
+            method: 'POST',
+            body: 'PREFIX voc: <https://swapi.co/vocabulary/> SELECT ?name ?height WHERE { ?character voc:height ?height; rdfs:label ?name. FILTER(?name = "Luke Skywalker" || ?name = "Leia Organa") }'
+        }).as('addKnownPrefixes')
+    }
+}

package/support/commands.js

@@ -8,6 +8,7 @@ import './user-commands';
 import './security-command';
 import './connector-commands';
 import 'cypress-wait-until';
+import './url-commands.js';
 
 /**
  * Loads fixtures from the given paths recursively and returns them as an array.

package/support/e2e-security.js

@@ -1,6 +1,6 @@
 import './e2e';
 
-afterEach(() => {
+beforeEach(() => {
     cy.loginAsAdmin();
     // Switch off security after each test to ensure that tests are independent and don't affect each other.
     // For example, if security is enabled in one test, it can cause other tests that don't expect security to fail.

package/support/repository-commands.js

@@ -47,13 +47,13 @@ Cypress.Commands.add('deleteRepository', (id, secured = false) => {
     });
 });
 
-Cypress.Commands.add('presetRepository', (id) => {
-    cy.setLocalStorage(PRESET_REPO, JSON.stringify({id: id, location: ''}));
+Cypress.Commands.add('presetRepository', (id, location = '') => {
+    cy.setLocalStorage(PRESET_REPO, JSON.stringify({id: id, location}));
     cy.waitUntil(() =>
         cy.getLocalStorage(PRESET_REPO)
             .then((preset) => {
                 const presetRepo = JSON.parse(preset);
-                return presetRepo && presetRepo.id === id
+                return presetRepo && presetRepo.id === id && presetRepo.location === location;
             }));
     cy.log('Pre-set repository:', id);
 });
@@ -78,6 +78,25 @@ Cypress.Commands.add('initializeRepository', (id) => {
         });
 });
 
+/**
+ * A command for deleting remote locations by URI. It sends a DELETE request to the appropriate endpoint and waits until
+ * the response is received.
+ *
+ * @param {string} uri - The URI of the remote location to be deleted.
+ */
+Cypress.Commands.add('deleteRemoteLocation', (uri) => {
+    cy.request({
+        method: 'DELETE',
+        url: '/rest/locations?uri=' + encodeURIComponent(uri),
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        failOnStatusCode: false
+    }).then((response) => {
+        cy.waitUntil(() => response);
+    });
+});
+
 Cypress.Commands.add('enableAutocomplete', (repositoryId) => {
     toggleAutocomplete(repositoryId, true);
 });

package/support/settings-commands.js

@@ -1,4 +1,12 @@
-Cypress.Commands.add('setDefaultUserData', (cookieConsent = true) => {
+/**
+ * Sets the default user settings for the admin user, including cookie consent.
+ * @param {CookieConsent} cookieConsent - The value to set for cookie consent.
+ * - policyAccepted: boolean indicating whether the cookie policy has been accepted.
+ * - statistic: boolean indicating consent for statistical cookies.
+ * - thirdParty: boolean indicating consent for third-party cookies.
+ * - updatedAt: epoch timestamp of last update in seconds.
+ */
+Cypress.Commands.add('setDefaultUserData', (cookieConsent) => {
     const defaultUserSettings = {
         'COOKIE_CONSENT': cookieConsent,
         'DEFAULT_SAMEAS': true,
@@ -19,7 +27,15 @@ Cypress.Commands.add('setDefaultUserData', (cookieConsent = true) => {
     });
 });
 
-Cypress.Commands.add('setCookieConsent', (cookieConsent) => {
+/**
+ * Sets the cookie consent in user settings for the admin user.
+ * @param {CookieConsent} cookieConsent - The value to set for cookie consent.
+ * - policyAccepted: boolean indicating whether the cookie policy has been accepted.
+ * - statistic: boolean indicating consent for statistical cookies.
+ * - thirdParty: boolean indicating consent for third-party cookies.
+ * - updatedAt: epoch timestamp of last update in seconds.
+ */
+Cypress.Commands.add('setCookieConsent', (cookieConsent ) => {
     const defaultUserSettings = {
         'COOKIE_CONSENT': cookieConsent
     };

package/support/url-commands.js

@@ -0,0 +1,13 @@
+/**
+ * Custom Cypress command to retrieve the value of a query parameter from the current page URL.
+ *
+ * @param {string} key - The name of the query parameter to retrieve.
+ * @returns {Cypress.Chainable<string | null>} A chainable that resolves to the value of the query parameter,
+ * or null if the parameter is not present.
+ */
+Cypress.Commands.add('getQueryParam', (key) => {
+    return cy.location('search').then((search) => {
+        const params = new URLSearchParams(search);
+        return params.get(key);
+    });
+});

package/e2e-legacy/home/cookie-policy.spec.js

@@ -1,108 +0,0 @@
-import HomeSteps from '../../steps/home-steps';
-import {SecurityStubs} from '../../stubs/security-stubs';
-import {SettingsSteps} from '../../steps/setup/settings-steps';
-import {LicenseStubs} from '../../stubs/license-stubs';
-
-Cypress.env('set_default_user_data', false);
-
-describe('Cookie policy', () => {
-    beforeEach(() => {
-        cy.setCookieConsent(undefined);
-        cy.viewport(1280, 1000);
-        LicenseStubs.stubFreeLicense();
-    });
-
-    afterEach(() => cy.setCookieConsent(true));
-
-    context('should show', () => {
-        it('Should show consent popup to user', () => {
-            HomeSteps.visitInProdMode();
-            HomeSteps.getCookieConsentPopup().should('exist').and('be.visible');
-            // When I click on the link
-            HomeSteps.clickCookiePolicyLink();
-            // Then I see the cookie policy
-            HomeSteps.getCookiePolicyModal().should('exist').and('be.visible');
-        });
-
-        it('Should show cookie policy to user in user settings', () => {
-            SettingsSteps.visitInProdMode();
-            SettingsSteps.getCookiePolicyButton().should('exist').and('be.visible');
-
-            // When I click on the link
-            SettingsSteps.clickCookiePolicyLink();
-            // Then I see the cookie policy
-            SettingsSteps.getCookiePolicyModal().should('exist').and('be.visible');
-        });
-
-        it('Should save consent in user settings', () => {
-            HomeSteps.visitInProdMode();
-            SecurityStubs.stubUpdateUserData('admin');
-
-            // When I click Agree button
-            HomeSteps.clickAgreeButton();
-
-            // I expect to save cookie consent in user settings
-            cy.wait('@updateUser').then((xhr) => {
-                expect(xhr.request.body.appSettings).to.include({
-                    DEFAULT_INFERENCE: true,
-                    DEFAULT_VIS_GRAPH_SCHEMA: true,
-                    DEFAULT_SAMEAS: true,
-                    IGNORE_SHARED_QUERIES: false,
-                    EXECUTE_COUNT: true
-                });
-
-                // Assert COOKIE_CONSENT properties, excluding updatedAt
-                expect(xhr.request.body.appSettings.COOKIE_CONSENT).to.include({
-                    policyAccepted: true
-                });
-
-                // Assert that updatedAt is present, is a number, and is a reasonable timestamp
-                const updatedAt = xhr.request.body.appSettings.COOKIE_CONSENT.updatedAt;
-                expect(updatedAt).to.exist;
-                expect(updatedAt).to.be.a('number');
-
-                // Check that updatedAt is within 1 hour of the current time
-                const oneHourInMilliseconds = 60 * 60 * 1000;
-                const now = Date.now();
-                expect(updatedAt).to.be.within(now - oneHourInMilliseconds, now + oneHourInMilliseconds);
-            });
-        });
-
-        it('Should set cookies for tracking when accepted', () => {
-            cy.intercept('PATCH', `/rest/security/users/admin`).as('updateUser');
-            HomeSteps.visitInProdMode();
-
-            // When I click Agree button
-            HomeSteps.clickAgreeButton();
-
-            // I expect to save cookie consent in user settings
-            // There are two requests one from the new shared component and one in the legacy
-            cy.wait('@updateUser');
-            cy.wait('@updateUser');
-
-            // Check if the GA tracking script is set correctly in the head
-            cy.document()
-                .get('head script')
-                .should("have.attr", "src")
-                .should('include', 'https://www.googletagmanager.com/gtm.js?id=GTM-WBP6C6Z4');
-
-            // Check if the installation ID cookie is set correctly
-            cy.getCookie('_wb').then((cookie) => {
-                expect(cookie).to.exist;
-                expect(cookie.value).to.match(/^WB1\.[a-zA-Z0-9\-]+\.\d+$/); // Check the cookie structure: WB1.<installationId>.<timestamp>
-            });
-        })
-    })
-
-    context('should not show', () => {
-        it('Should NOT show consent popup to user when tracking is not applicable', () => {
-            HomeSteps.visitInDevMode();
-            HomeSteps.getCookieConsentPopup().should('not.exist');
-        });
-
-        it('Should NOT show cookie policy to user when tracking is not applicable', () => {
-            SettingsSteps.visitInDevMode();
-            SettingsSteps.getCookiePolicyButton().should('not.exist');
-        });
-    });
-});