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

package/e2e-legacy/explore/class-relationships/class-relationships-repository-with-data.spec.js

@@ -0,0 +1,42 @@
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+
+describe('Class Relationships repository with date', () => {
+    let repositoryId
+
+    beforeEach(() => {
+        repositoryId = 'class-relationships-date-' + Date.now()
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'wine.rdf');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render Class Relationships with selected repository via URL', () => {
+        // Given, I visit the Class Relationships page via URL and I have a selected repository with data
+        ClassRelationshipsSteps.visit();
+
+        // Then
+        validateInitialStateWithData();
+    });
+
+    it('Should render Class Relationships with selected repository via navigation menu', () => {
+        // Given, I visit the Class Relationships page via navigation menu and I have a selected repository with data
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+
+        // Then
+        validateInitialStateWithData();
+    });
+});
+
+function validateInitialStateWithData() {
+    ClassRelationshipsSteps.verifyRelationsToolbarContent();
+    ClassRelationshipsSteps.getFilterField().should('be.visible');
+    ClassRelationshipsSteps.getDependenciesList().should('be.visible');
+    ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible');
+}

package/e2e-legacy/explore/class-relationships/class-relationships-with-selected-repository.spec.js

@@ -0,0 +1,39 @@
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+
+describe('Class Relationships with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'class-relationships-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render Class Relationships with selected repository via URL', () => {
+        // Given, I visit the Class Relationships page via URL and I have a selected repository
+        ClassRelationshipsSteps.visit();
+        // Then
+        validateNoRelationshipsClassRelationshipsPage();
+    });
+
+    it('Should render Class Relationships with selected repository via navigation menu', () => {
+        // Given, I visit the Class Relationships page via navigation menu and I have a selected repository'
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+        // Then
+        validateNoRelationshipsClassRelationshipsPage();
+    });
+});
+
+function validateNoRelationshipsClassRelationshipsPage() {
+  ClassRelationshipsSteps.getReloadDiagramButton().should('be.visible');
+  ClassRelationshipsSteps.getNoDataWarning()
+      .should('be.visible')
+      .and('contain', 'The currently selected repository contains no dependencies data. Please, reload the diagram if you have imported data recently.')
+}

package/e2e-legacy/explore/class-relationships/class-relationships-without-selected-repository.spec.js

@@ -0,0 +1,21 @@
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {ErrorSteps} from "../../../steps/error-steps";
+
+describe('Class Relationships without selected repository', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Class Relationships page via URL without a repository selected
+        ClassRelationshipsSteps.visit();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the Class Relationships page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+})

package/{integration/explore/class.relationships.spec.js → e2e-legacy/explore/class-relationships/class-relationships.spec.js}

@@ -1,4 +1,5 @@
-import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../steps/class-views-steps";
+import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../../steps/class-views-steps";
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
 
 const FILE_TO_IMPORT = 'wine.rdf';
 
@@ -13,11 +14,10 @@ describe('Class relations screen validation', () => {
 
         cy.importServerFile(repositoryId, FILE_TO_IMPORT);
 
-        cy.visit('/relationships');
-        cy.window();
+        ClassRelationshipsSteps.visit();
         // The diagram and the list should be visible in order to assume the page is ready
-        cy.get('#dependencies-chord').should('be.visible');
-        cy.get('#wb-dependencies-classInClasses').should('be.visible');
+        ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible');
+        ClassRelationshipsSteps.getDependenciesList().should('be.visible');
     });
 
     afterEach(() => {
@@ -26,47 +26,45 @@ describe('Class relations screen validation', () => {
 
     it('Test initial state', function () {
         // Filter field should be visible
-        getFilterField().should('be.visible');
+        ClassRelationshipsSteps.getFilterField().should('be.visible');
         // Dependencies label should be present and showing proper text
-        cy.get('.available-dependencies-label')
+        ClassRelationshipsSteps.getAvailableDependenciesLabel()
             .should('be.visible')
             .contains('Showing the dependencies between 10 classes');
         // Directions filter buttons should be visible
-        getDirectionFilter().should('be.visible');
+        ClassRelationshipsSteps.getDirectionFilter().should('be.visible');
         // And the "All" radio button must be selected by default
-        verifySelectedDirectionFilter('all');
+        ClassRelationshipsSteps.verifySelectedDirectionFilter('all');
         // The toolbar and its buttons should be visible
-        getRelationsToolbar().should('be.visible').within(() => {
-            cy.get('.remove-all-classes-btn').should('be.visible');
-            cy.get('.reload-diagram-btn').should('be.visible');
-            cy.get('.export-diagram-btn').should('be.visible');
-        });
+        ClassRelationshipsSteps.verifyRelationsToolbarContent();
         // Class relations list should be visible and have 10 classes selected
-        getDependenciesList().should('be.visible').within(() => {
+        ClassRelationshipsSteps.getDependenciesList().should('be.visible').within(() => {
             cy.get('.item .row.active').should('have.length', 10);
         });
         // Diagram should be visible and showing 10 classes
-        cy.get('#dependencies-chord').should('be.visible').within(() => {
+        ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible').within(() => {
             cy.get('.group').should('have.length', 10);
+            // Ensure only one SVG/viewBox is rendered
+            cy.get('svg').should('have.length', 1);
         });
     });
 
     it('Search for a class', function () {
         // Expect 39 rows initially to be visible
-        verifyListLength(39);
+        ClassRelationshipsSteps.verifyListLength(39);
         // Filter by partial name
-        filterByClass(':Wine');
+        ClassRelationshipsSteps.filterByClass(':Wine');
         // Expecting 6 rows to be present
-        verifyListLength(6);
+        ClassRelationshipsSteps.verifyListLength(6);
         // Clear the filter and expect all rows to be visible again
-        getFilterField().clear();
-        verifyListLength(39);
+        ClassRelationshipsSteps.getFilterField().clear();
+        ClassRelationshipsSteps.verifyListLength(39);
     });
 
     it('Test class relationships for given graph', () => {
         cy.importServerFile(repositoryId, GRAPH_FILE, {"context": NEWS_GRAPH});
         // Should re-enter page to display Graph dropdown
-        cy.visit('/relationships');
+        ClassRelationshipsSteps.visit();
         ClassViewsSteps.verifyDataChangedWarning();
         ClassViewsSteps.verifyGraphIsDisplayed(ALL_GRAPHS);
 
@@ -79,32 +77,4 @@ describe('Class relations screen validation', () => {
         ClassViewsSteps.selectGraphFromDropDown(NEWS_GRAPH);
         ClassViewsSteps.verifyGraphIsDisplayed(NEWS_GRAPH);
     });
-
-    function getFilterField() {
-        return cy.get('.search-filter-field');
-    }
-
-    function filterByClass(name) {
-        getFilterField().type(name);
-    }
-
-    function getDirectionFilter() {
-        return cy.get('.direction-filter');
-    }
-
-    function verifySelectedDirectionFilter(name) {
-        getDirectionFilter().find('input[type=radio]:checked').should('have.value', name);
-    }
-
-    function getRelationsToolbar() {
-        return cy.get('.relations-toolbar');
-    }
-
-    function getDependenciesList() {
-        return cy.get('#wb-dependencies-classInClasses');
-    }
-
-    function verifyListLength(count) {
-        getDependenciesList().find('.item .row').should('have.length', count);
-    }
 });

package/{integration/explore → e2e-legacy/explore/graphs-overview}/graphs.overview.spec.js

@@ -1,6 +1,6 @@
-import {YasrSteps} from "../../steps/yasgui/yasr-steps";
-import {GraphsOverviewSteps} from "../../steps/explore/graphs-overview-steps";
-import {JsonLdModalSteps} from "../../steps/json-ld-modal-steps";
+import {YasrSteps} from "../../../steps/yasgui/yasr-steps";
+import {GraphsOverviewSteps} from "../../../steps/explore/graphs-overview-steps";
+import {JsonLdModalSteps} from "../../../steps/json-ld-modal-steps";
 
 const EXPORT_GRAPHS_TABLE_ID = '#export-graphs';
 const ROWS_PER_PAGE_20 = '1';
@@ -125,7 +125,7 @@ describe('Graphs overview screen validation', () => {
         verifyVisibleGraphsCount(1);
         verifyGraphExistence('The default graph');
         // open default graph through the link and verify that the table view is rendered
-        cy.contains('The default graph').click();
+        cy.getByTestId('graph-is-not-shaql').contains('The default graph').trigger('mouseover').click();
         cy.url().should('contain', Cypress.config('baseUrl') + '/resource');
         YasrSteps.getResultTableHeader().should('be.visible');
         YasrSteps.getResultTableHeaderColumns().should('have.length', 5);

package/e2e-legacy/explore/graphs-overview/initial-state/graphs-overview-with-selected-repository.spec.js

@@ -0,0 +1,44 @@
+import {MainMenuSteps} from "../../../../steps/main-menu-steps";
+import {GraphsOverviewSteps} from "../../../../steps/explore/graphs-overview-steps";
+import HomeSteps from "../../../../steps/home-steps";
+import {RepositoryErrorsWidgetSteps} from "../../../../steps/widgets/repository-errors-widget-steps";
+
+describe('Initial state of the Graphs Overview view with a selected repository', () => {
+
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'repo' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // When: I visit the Graphs Overview page via URL with a repository selected
+        GraphsOverviewSteps.visit();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // When: I visit the Graphs Overview page via the navigation menu with a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnGraphsOverview();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    const verifyInitialStateWithSelectedRepository = () => {
+        RepositoryErrorsWidgetSteps.getWidget().should('be.hidden');
+        GraphsOverviewSteps.getGraphsSearchInput().should('be.visible');
+        GraphsOverviewSteps.getGraphsPaginator().should('be.visible');
+        GraphsOverviewSteps.getClearRepositoryButton().should('be.visible');
+        GraphsOverviewSteps.getExportRepositoryButton().should('be.visible');
+        GraphsOverviewSteps.getDownloadAllButtons().should('be.visible');
+        GraphsOverviewSteps.getResultsElement().should('be.visible');
+    };
+});

package/e2e-legacy/explore/graphs-overview/initial-state/graphs-overview-without-selected-repository.spec.js

@@ -0,0 +1,32 @@
+import {MainMenuSteps} from "../../../../steps/main-menu-steps";
+import {GraphsOverviewSteps} from "../../../../steps/explore/graphs-overview-steps";
+import HomeSteps from "../../../../steps/home-steps";
+import {RepositoryErrorsWidgetSteps} from "../../../../steps/widgets/repository-errors-widget-steps";
+
+describe('Initial state of the Graphs Overview view without a selected repository', () => {
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // When: I visit the Graphs Overview page via URL without a selected repository
+        GraphsOverviewSteps.visit();
+        // Then:
+        verifyInitialStateWithoutSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // When: I visit the Graphs Overview page via the navigation menu without a selected repository
+        HomeSteps.visit();
+        MainMenuSteps.clickOnGraphsOverview();
+        // Then:
+        verifyInitialStateWithoutSelectedRepository();
+    });
+
+    const verifyInitialStateWithoutSelectedRepository = () => {
+        RepositoryErrorsWidgetSteps.getWidget().should('be.visible');
+        GraphsOverviewSteps.getGraphsSearchInput().should('be.hidden');
+        GraphsOverviewSteps.getGraphsPaginator().should('be.hidden');
+        GraphsOverviewSteps.getClearRepositoryButton().should('be.hidden');
+        GraphsOverviewSteps.getExportRepositoryButton().should('be.hidden');
+        GraphsOverviewSteps.getDownloadAllButtons().should('be.hidden');
+        GraphsOverviewSteps.getResultsElement().should('be.hidden');
+    };
+});

package/e2e-legacy/explore/similarity-index/similarity-index-with-repository.spec.js

@@ -0,0 +1,38 @@
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {SimilarityIndexesSteps} from "../../../steps/explore/similarity-indexes-steps";
+
+describe('Similarity indexes with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'similarity-index-init-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Similarity indexes page via URL with a repository selected
+        SimilarityIndexesSteps.visit();
+        // Then,
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // Given, I visit the Similarity indexes page via the navigation menu with a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSimilarity();
+        // Then,
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    const verifyInitialStateWithSelectedRepository = () => {
+
+        SimilarityIndexesSteps.getExistingSimilarityIndexes().contains('Select one of your existing indexes to search in it');
+        SimilarityIndexesSteps.getCreateButton().should('be.visible');
+    };
+})

package/e2e-legacy/explore/similarity-index/similarity-index-without-repository.spec.js

@@ -0,0 +1,21 @@
+import {ErrorSteps} from "../../../steps/error-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {SimilarityIndexesSteps} from "../../../steps/explore/similarity-indexes-steps";
+
+describe('Similarity indexes without selected repository', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Similarity indexes page via URL without a repository selected
+        SimilarityIndexesSteps.visit();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the Similarity indexes page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnSimilarity();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+})

package/{integration → e2e-legacy}/explore/visual-graph/graphs-config.spec.js

@@ -189,7 +189,7 @@ describe('Graphs config', () => {
         // When I click on cancel
         VisualGraphSteps.cancelSaveConfig();
         // Then I expect to be redirected to configs list view
-        cy.url().should('eq', Cypress.config('baseUrl') + '/graphs-visualizations');
+        cy.url().should('include', Cypress.config('baseUrl') + '/graphs-visualizations');
     });
 
     it('Should not allow config creation without a name', () => {
@@ -217,12 +217,7 @@ describe('Graphs config', () => {
         VisualGraphSteps.getGraphConfigSearchPanelName().should('contain', graphConfigName);
     });
 
-    it('Should create graph config with fixed node', {
-        retries: {
-            runMode: 1,
-            openMode: 0
-        }
-    }, () => {
+    it('Should create graph config with fixed node', () => {
         cy.enableAutocomplete(repositoryId);
         // Given I have started a create config wizard
         startCreateConfigWizard();
@@ -354,7 +349,7 @@ describe('Graphs config', () => {
         // When I click cancel without changing the query
         VisualGraphSteps.cancelSaveConfig();
         // Then I expect to be redirected to configs list without confirmation
-        cy.url().should('eq', Cypress.config('baseUrl') + '/graphs-visualizations');
+        cy.url().should('include', Cypress.config('baseUrl') + '/graphs-visualizations');
         // And I open it for edit
         VisualGraphSteps.editConfig(graphConfigName);
         checkEditorWithQuery(QUERY_START);
@@ -377,7 +372,7 @@ describe('Graphs config', () => {
         ModalDialogSteps.clickOnConfirmButton();
         // Then I expect to be redirected to configs list page
         ModalDialogSteps.getDialog().should('not.exist');
-        cy.url().should('eq', Cypress.config('baseUrl') + '/graphs-visualizations');
+        cy.url().should('include', Cypress.config('baseUrl') + '/graphs-visualizations');
     });
 
     it('Should prevent leaving with confirmation when expand query is changed', () => {
@@ -459,7 +454,7 @@ function saveGraphConfig(graphConfigName) {
     // Then I expect a success notification
     ApplicationSteps.getSuccessNotifications().should('be.visible');
     // And I should be redirected to configs list view
-    cy.url().should('eq', Cypress.config('baseUrl') + '/graphs-visualizations');
+    cy.url().should('include', Cypress.config('baseUrl') + '/graphs-visualizations');
     // And the new config should be present in the list
     VisualGraphSteps.getGraphConfig(graphConfigName).should('be.visible');
 }

package/e2e-legacy/explore/visual-graph/node-info-panel.spec.js

@@ -0,0 +1,58 @@
+import {VisualGraphSteps} from '../../../steps/visual-graph-steps.js';
+import {ApplicationSteps} from '../../../steps/application-steps.js';
+
+const DATA_SNIPPET =
+'PREFIX ex: <http://example.org/>\n' +
+'PREFIX sysont: <http://www.ontotext.com/proton/protonsys#>\n' +
+'PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>\n' +
+'ex:MyNode a ex:Thing ;\n' +
+'rdfs:label "My Node" ;\n' +
+'ex:description """# My Node\n\nThis is a **Markdown** literal.\n\n- item 1\n- item 2"""^^sysont:Markdown .';
+
+describe('Node info panel', () => {
+    let repositoryId;
+    let graphConfigName;
+
+    beforeEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        repositoryId = 'node-info-panel-' + Date.now();
+        graphConfigName = 'graph-config-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importRDFTextSnippet(repositoryId, DATA_SNIPPET);
+    })
+
+    afterEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        cy.deleteGraphConfig(graphConfigName);
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should render markdown content for literals with markdown datatype', () => {
+        cy.enableAutocomplete(repositoryId);
+        // Given I have opened the graphs visualizations page
+        VisualGraphSteps.visit();
+        // And I have created a graph config with query results
+        VisualGraphSteps.getCreateCustomGraphLink().click();
+        cy.url().should('include', '/config/save');
+        VisualGraphSteps.typeGraphConfigName(graphConfigName);
+        VisualGraphSteps.selectStartMode('node');
+        VisualGraphSteps.selectStartNode('MyNode', 0);
+        VisualGraphSteps.saveConfig();
+        ApplicationSteps.getSuccessNotifications().should('be.visible');
+        VisualGraphSteps.getGraphConfig(graphConfigName).should('be.visible');
+        // When I open the graph config
+        VisualGraphSteps.openGraphConfig(graphConfigName);
+        // Then I expect the graph visualization of the saved config to be opened
+        cy.url().should('contain', Cypress.config('baseUrl') + '/graphs-visualizations?config=');
+        VisualGraphSteps.getGraphVisualizationPane().should('be.visible');
+        // When I click on the node with markdown content
+        VisualGraphSteps.getCircleOfNodeByNodeId('http://example.org/MyNode').click();
+        // Then node info panel should be opened
+        VisualGraphSteps.getSidePanelContent().should('be.visible');
+        // And the markdown typed literal should be rendered
+        VisualGraphSteps.getPropertyByIndex(1).should('contain', 'This is a Markdown literal')
+            .and('contain', 'item 1')
+            .and('contain', 'item 2');
+    });
+});

package/e2e-legacy/explore/visual-graph/visual-graph-links-limit.spec.js

@@ -0,0 +1,142 @@
+import {VisualGraphSteps} from '../../../steps/visual-graph-steps';
+import {MainMenuSteps} from '../../../steps/main-menu-steps.js';
+import {LicenseStubs} from '../../../stubs/license-stubs';
+import {ApplicationSteps} from '../../../steps/application-steps';
+import HomeSteps from '../../../steps/home-steps.js';
+import {BaseSteps} from "../../../steps/base-steps.js";
+import SparqlSteps from "../../../steps/sparql-steps.js";
+import {VisualGraphSplitButtonSteps} from '../../../steps/visual-graph-split-button-steps.js';
+
+const FILE_TO_IMPORT = 'wine.rdf';
+const VALID_RESOURCE = 'USRegion';
+const DEFAULT_LINKS_LIMIT = 100;
+
+describe('Visual graph linksLimit URL parameter', () => {
+
+    let repositoryId;
+
+    beforeEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        repositoryId = 'graphRepo-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+        cy.enableAutocomplete(repositoryId);
+
+        LicenseStubs.spyGetLicense();
+    });
+
+    afterEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should include linksLimit as a URL parameter and respect its value', () => {
+        // Given I am on the home page, and I don't have a linkLimit in the URL
+        HomeSteps.visit();
+        BaseSteps.getUrl().should('not.include', 'linksLimit');
+
+        // When, I visit the visual graph via the main menu and open a resource
+        MainMenuSteps.clickOnVisualGraph();
+        VisualGraphSteps.verifyPageLoaded();
+        VisualGraphSteps.searchForResourceAndOpen(VALID_RESOURCE, VALID_RESOURCE);
+
+        // Then, I expect to see the visual graph with the default linksLimit
+        BaseSteps.getUrl().should('include', `linksLimit=${DEFAULT_LINKS_LIMIT}`);
+
+
+        // When, I update the link limit from the input field
+        VisualGraphSteps.updateLinksLimitField(5);
+
+        // Then I expect the URL to include the updated linksLimit in the URL
+        BaseSteps.getUrl().should('include', 'linksLimit=5');
+        // And, I expect to see the visual graph with the updated linksLimit
+        VisualGraphSteps.getNodes().should('have.length', 6); // 5 links plus the main node
+
+        // When, I change the linksLimit URL param directly to 10 and navigate to the updated URL
+        BaseSteps.getUrl().then((url) => {
+            const newUrl = new URL(url);
+            newUrl.searchParams.set('linksLimit', '10');
+            BaseSteps.visit(newUrl.toString().replace(Cypress.config('baseUrl'), ''));
+        });
+        // Then, I expect to see the visual graph with the updated linksLimit
+        VisualGraphSteps.getNodes().should('have.length', 11) // 10 links plus the main node;
+        // And, I expect the menu to be updated with the new linksLimit
+        VisualGraphSteps.getLinksNumberField().should('have.value', '10');
+    });
+
+    it('Should show an error toast and ignore linksLimit when the URL param value is invalid', () => {
+        // Given, I visit the visual graph with an invalid linksLimit URL param (outside the 1-1000 range)
+        BaseSteps.visit(`/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23${VALID_RESOURCE}&linksLimit=9999`);
+
+        // Then, I expect to see an error notification about the invalid links limit
+        ApplicationSteps.getErrorNotifications()
+            .should('be.visible')
+            .and('contain', 'Invalid links limit');
+        // And I expect to see the visual graph with the default linksLimit
+        BaseSteps.getUrl().should('include', 'linksLimit=100');
+        VisualGraphSteps.getLinksNumberField().should('have.value', String(DEFAULT_LINKS_LIMIT));
+
+        // When, I try to set the limit to an invalid value via the form
+        VisualGraphSteps.updateLinksLimitField(1001);
+
+        // Then, I should see a warning message that the link limit is invalid
+        VisualGraphSteps.getInvalidLinksMessage().should('be.visible').and('contain', 'Enter a number up to 1000');
+    });
+
+    describe('When the user has a custom graph config', () => {
+        const configName = 'linkLimitConfig';
+
+        it('should change link limit, when starting point is query', () => {
+            // Given, I visit the visual graph and create a config with query starting point
+            VisualGraphSteps.visit();
+            VisualGraphSteps.createCustomGraph();
+            VisualGraphSteps.typeGraphConfigName(configName);
+            VisualGraphSteps.selectStartMode('query');
+            VisualGraphSteps.selectPredefinedQuerySample(0);
+            VisualGraphSteps.saveConfig();
+            VisualGraphSteps.openGraphConfig(configName);
+
+            // Then, I expect to see 10 nodes before changing the limit
+            BaseSteps.getUrl().should('include', 'linksLimit=10');
+            VisualGraphSteps.getNodes().should('have.length', 10); // 10 nodes total, since we don't have a root node
+
+            // When, I update the link limit from the input field
+            VisualGraphSteps.updateLinksLimitField(5);
+
+            // Then I expect the URL to include the updated linksLimit in the URL
+            BaseSteps.getUrl().should('include', 'linksLimit=5');
+            // And, I expect to see the visual graph with the updated linksLimit
+            VisualGraphSteps.getNodes().should('have.length', 5); // 5 nodes total, since we don't have a root node
+        });
+
+        afterEach(() => {
+            cy.deleteGraphConfig(configName)
+        });
+    });
+
+    describe('When the user has opened a graph with construct query', () => {
+        it('should change link limit, when is graph is opened in queryResultsMode', () => {
+            // Given, I open a graph in queryResultsMode (after construct query in the SPARQL editor)
+            // And enter a construct query, so I can visualize the results in a graph
+            SparqlSteps.visit();
+            SparqlSteps.typeQuery(`CONSTRUCT WHERE {?s ?p ?o} LIMIT 10`);
+            SparqlSteps.executeQuery();
+            VisualGraphSplitButtonSteps.clickOnVisualizeMainButton();
+
+            // Then, I expect to see 10 nodes before changing the limit
+            BaseSteps.getUrl().should('include', 'linksLimit=10');
+            VisualGraphSteps.getNodes().should('have.length', 10); // 10 nodes total, since we don't have a root node
+
+            // When, I update the link limit from the input field
+            VisualGraphSteps.updateLinksLimitField(5);
+
+            // Then I expect the URL to include the updated linksLimit in the URL
+            BaseSteps.getUrl().should('include', 'linksLimit=5');
+            // And, I expect to see the visual graph with the updated linksLimit
+            VisualGraphSteps.getNodes().should('have.length', 5); // 5 nodes total, since we don't have a root node
+        });
+    });
+});
+
+