graphdb-workbench-tests 3.4.0-migrated-guide-services → 3.5.0-reactodia-poc

package/e2e-legacy/cluster/cluster-states.spec.js

@@ -104,14 +104,14 @@ describe('Cluster states', () => {
         ClusterViewSteps.getLink('pc-desktop-7300-pc-desktop-7302').should('have.css', 'stroke-dasharray', '10px, 10px')
             .and('have.css', 'marker-mid', 'url("#arrowhead_big")')
             .invoke('attr', 'stroke')
-            .should('eq', 'var(--gw-secondary-base)');
+            .should('eq', 'var(--gw-foreground-on-surface-primary)');
         // And I expect an out of sync link between the leader and the out of sync node (the one receiving the snapshot)
         ClusterViewSteps.getLink('pc-desktop-7301-pc-desktop-7300').should('have.css', 'stroke-dasharray', '10px, 10px')
             .invoke('attr', 'stroke')
-            .should('eq', 'var(--gw-neutral-base)');
+            .should('eq', 'var(--gw-neutral-light)');
         // And I expect to have an in sync link between the leader and the node sending the snapshot
         ClusterViewSteps.getLink('pc-desktop-7301-pc-desktop-7302').should('have.css', 'stroke-dasharray', 'none')
             .invoke('attr', 'stroke')
-            .should('eq', 'var(--gw-secondary-base)');
+            .should('eq', 'var(--gw-foreground-on-surface-primary)');
     });
 });

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,167 @@
+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}`);
+        // And the limit shown warning should not exist, since it is currently 100 (default) and we have less than that
+        VisualGraphSteps.getShownLimitMessage().should('not.exist');
+
+        // When, I update the link limit from the input field
+        VisualGraphSteps.updateLinksLimitField(5);
+        // Then I limit shown warning to exist,since we have more than 5 links
+        VisualGraphSteps.getShownLimitMessage().should('exist');
+        // And 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=100');
+            VisualGraphSteps.getNodes().should('have.length', 10); // 10 nodes total, since we don't have a root node
+
+            // And the limit shown warning should not exist, since it is currently 100 (default) and we have a set ot 10 nodes
+            VisualGraphSteps.getShownLimitMessage().should('not.exist');
+
+            // When, I update the link limit from the input field
+            VisualGraphSteps.updateLinksLimitField(5);
+
+            // Then I limit shown warning to exist, since we have more than 5 links available
+            VisualGraphSteps.getShownLimitMessage().should('exist');
+
+            // 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=100');
+            VisualGraphSteps.getNodes().should('have.length', 10); // 10 nodes total, since we don't have a root node
+
+            // And the limit shown warning should not exist, since it is currently 100 (default) and we have a set ot 10 nodes
+            VisualGraphSteps.getShownLimitMessage().should('not.exist');
+
+            // 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
+
+            // And, the limit shown warning should appear as we are showing the limit
+            VisualGraphSteps.getShownLimitMessage().should('exist');
+
+            // When, I set the limit to the number of nodes from the query
+            VisualGraphSteps.updateLinksLimitField(10);
+
+            // Then I expect limit shown warning to exist
+            VisualGraphSteps.getShownLimitMessage().should('exist');
+
+            // When I set it to 1 more than the number of nodes from the query
+            VisualGraphSteps.updateLinksLimitField(11);
+            // Then I expect the limit shown warning to not exist
+            VisualGraphSteps.getShownLimitMessage().should('not.exist');
+        });
+    });
+});
+
+

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

@@ -26,7 +26,7 @@ describe('Visual graph screen validation', () => {
         cy.deleteRepository(repositoryId);
     });
 
-    context('Embedded', () => {
+    describe('Embedded', () => {
         it('Should not show main manu, header and footer in embedded mode', () => {
             cy.visit('/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Chardonnay&embedded');
             VisualGraphSteps.verifyPageLoaded();
@@ -36,7 +36,7 @@ describe('Visual graph screen validation', () => {
         });
     });
 
-    context('When autocomplete is disabled', () => {
+    describe('When autocomplete is disabled', () => {
         it('Test notification when autocomplete is disabled', () => {
             cy.visit('graphs-visualizations');
             cy.window();
@@ -50,7 +50,7 @@ describe('Visual graph screen validation', () => {
         });
     });
 
-    context('When autocomplete is enabled', () => {
+    describe('When autocomplete is enabled', () => {
         beforeEach(() => {
             cy.enableAutocomplete(repositoryId);
             //http://localhost:9000/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23USRegion
@@ -84,12 +84,12 @@ describe('Visual graph screen validation', () => {
 
         it('Test default graph state', () => {
             VisualGraphSteps.openUSRegionUri();
-            VisualGraphSteps.openVisualGraphSettings();
+            // Verify that the default settings are as follows:
+            // Maximum links to show: 100
+            VisualGraphSteps.getLinksNumberField().and('have.value', '100');
 
+            VisualGraphSteps.openVisualGraphSettings();
             cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
-                // Verify that the default settings are as follows:
-                // Maximum links to show: 20
-                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
                 // Preferred lang: en
                 cy.get('.preferred-languages .tag-item').should('have.length', 1)
                     .and('contain', 'en');
@@ -126,32 +126,17 @@ describe('Visual graph screen validation', () => {
 
         it('Test invalid links limit should show error to user ', () => {
             VisualGraphSteps.openUSRegionUri();
-            VisualGraphSteps.openVisualGraphSettings();
-
-            cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
-                // Verify that the default settings are as follows:
-                // Maximum links to show: 20
-                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
-                // Update default 20
-                VisualGraphSteps.updateLinksLimitField('1001')
-                    .then(() => {
-                        // Try to put invalid value such as 1001
-                        cy.get('.idError')
-                            .should('be.visible')
-                            .and('contain.text', 'Invalid links limit');
-                    });
-                // Try to save the invalid value
-                VisualGraphSteps.getSaveSettingsButton().and('not.be.disabled')
-                    .click();
-                // Then reset to default settings
-                VisualGraphSteps.getResetSettingsButton().and('not.be.disabled')
-                    .click()
-                    .then(() => {
-                        VisualGraphSteps.getLinksNumberField().and('have.value', '20');
-                        cy.get('.idError')
-                            .should('not.exist');
-                    });
-            });
+            // Verify that the default settings are as follows:
+            // Maximum links to show: 100
+            VisualGraphSteps.getLinksNumberField().and('have.value', '100');
+            // Update default 100
+            VisualGraphSteps.updateLinksLimitField('1001')
+                .then(() => {
+                    // Try to put invalid value such as 1001
+                    cy.get('.idError')
+                        .should('be.visible')
+                        .and('contain.text', 'Enter a number up to 1000');
+                });
         });
 
         it('Test search for a valid resource with links', () => {
@@ -162,10 +147,10 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.openVisualGraphHome();
             // Search for "USRegion" again
             VisualGraphSteps.searchForResourceAndOpen(VALID_RESOURCE, VALID_RESOURCE);
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
             // Verify that links are counted by nodes and not by triples (predicates)
-            VisualGraphSteps.getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 37);
         });
 
         it('Test collapse and expand a node', () => {
@@ -213,6 +198,7 @@ describe('Visual graph screen validation', () => {
             // Verify that before given node is removed there are 4 of them
             VisualGraphSteps.getNodes().and('have.length', 4);
             // Click once on node different than parent one with the mouse
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
             cy.get('.node-wrapper circle').eq(1)
                 // The wait is needed because mouseover event will result in
                 // pop-up of menu icons only if nodes are not moving
@@ -264,34 +250,34 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test verify mouse/keyboard actions', () => {
-            const mouseActions = 'Mouse actions\n                ' +
-                '\n                    \n                    \n                        \n                            ' +
-                'Single click\n                        \n                        ' +
-                'View node details and properties\n                    \n                    \n                        \n                            ' +
-                'Double click\n                        \n                        ' +
-                'Load node connections\n                    \n                    \n                        \n                            ' +
-                'Ctrl/Cmd-click\n                        \n                        ' +
-                'Removes a node and its links\n                    \n                    \n                        \n                            ' +
-                'Ctrl/Cmd-Shift-click\n                        \n                        ' +
-                'Restart the view with that node as a central one\n                    \n                    \n                        \n                            ' +
-                'Click and drag a node\n                        \n                        ' +
-                'Move a node by dragging it (will also pin down the node)\n                    \n                    \n                        \n                            ' +
-                'Right click a node\n                        \n                        ' +
-                'Pin down or unpin the node\n                    \n                    \n                        \n                            ' +
-                'Click and drag outside a node\n                        \n                        ' +
-                'Move the whole graph\n';
-            const touchActions = 'Touch actions\n            \n                \n                \n                    \n                        ' +
-                'Tap\n                    \n                    ' +
-                'View node details and properties\n                \n                \n                    \n                        ' +
-                'Tap and hold\n                    \n                    ' +
-                'Removes a node and its links\n                \n                \n                    \n                        ' +
-                'Tap twice\n                    \n                    ' +
-                'Load node connections\n';
-            const keyboardActions = 'Keyboard actions\n                \n                    \n                        \n                            ' +
-                'Left arrow\n                        \n                        ' +
-                'Rotate the graph to the left\n                    \n                    \n                        \n                            ' +
-                'Right arrow\n                        \n                        ' +
-                'Rotate the graph to the right\n';
+            const mouseActions = 'MOUSE ACTIONS\n                    \n                        \n                            ' +
+                'Single click\n                            ' +
+                'View node details and properties\n                        \n                        \n                            ' +
+                'Double click\n                            ' +
+                'Load node connections\n                        \n                        \n                            ' +
+                'Ctrl|Cmd\n                            ' +
+                'Click\n                            ' +
+                'Removes a node and its links\n                        \n                        \n                            ' +
+                'Ctrl|Cmd\n                            ' +
+                'Shift\n                            ' +
+                'Click\n                            ' +
+                'Restart the view with that node as a central one\n                        \n                        \n                            ' +
+                'Click and drag a node\n                            ' +
+                'Move a node by dragging it (will also pin down the node)\n                        \n                        \n                            ' +
+                'Right click a node\n                            ' +
+                'Pin down or unpin the node\n                        \n                        \n                            ' +
+                'Click and drag outside a node\n                            ' +
+                'Move the whole graph\n                        \n                    \n                \n                \n';
+            const touchActions = 'TOUCH ACTIONS\n                    \n                        \n                            ' +
+                'Tap\n                            ' +
+                'View node details and properties\n                        \n                        \n                            ' +
+                'Tap and hold\n                            ' +
+                'Removes a node and its links\n                        \n                        \n                            ' +
+                'Tap twice\n                            ' +
+                'Load node connections\n                        \n                    \n                \n                \n';
+            const keyboardActions = 'KEYBOARD ACTIONS\n                    \n                        \n                            \n                            ' +
+                'Rotate the graph to the left\n                        \n                        \n                            \n                            ' +
+                'Rotate the graph to the right\n                        \n                    \n                \n            \n        \n';
 
             VisualGraphSteps.openUSRegionUri();
             // Click on "mouse and keyboard actions" in the lower right corner of the screen
@@ -311,20 +297,16 @@ describe('Visual graph screen validation', () => {
         it('Test maximum links to show', () => {
             VisualGraphSteps.openUSRegionUri();
 
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
 
-            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 2
             VisualGraphSteps.updateLinksLimitField('2');
-            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
             VisualGraphSteps.getPredicates().should('have.length', 2);
 
-            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 100
             VisualGraphSteps.updateLinksLimitField('100');
-            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
             VisualGraphSteps.getPredicates().should('have.length', 36);
         });
@@ -335,10 +317,10 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.toggleInferredStatements(true);
 
             // Verify that many results are displayed
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
             // Verify that more than three nodes are displayed
-            VisualGraphSteps.getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 37);
 
             // Switch Include Inferred Statements off
             VisualGraphSteps.toggleInferredStatements(false);
@@ -434,9 +416,6 @@ describe('Visual graph screen validation', () => {
             // Modify the settings first
             VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
-            // Maximum links to show: 20
-            VisualGraphSteps.updateLinksLimitField('10')
-                .should('have.value', '10');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1)
                 .eq(0).should('contain', 'en');
@@ -477,8 +456,6 @@ describe('Visual graph screen validation', () => {
 
             VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
-            // Maximum links to show: 20
-            VisualGraphSteps.getLinksNumberField().and('have.value', '20');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1);
             // Include inferred: false

package/e2e-legacy/graphql/graphql-in-remote-location.spec.js

@@ -0,0 +1,49 @@
+import {RepositoriesStubs} from '../../stubs/repositories/repositories-stubs.js';
+import {GraphqlEndpointManagementSteps} from '../../steps/graphql/graphql-endpoint-management-steps.js';
+import {NamespaceStubs} from '../../stubs/namespace-stubs.js';
+import {CreateGraphqlEndpointSteps} from '../../steps/graphql/create-graphql-endpoint-steps.js';
+import {GraphqlPlaygroundSteps} from '../../steps/graphql/graphql-playground-steps.js';
+
+describe('Graphql: Remote Location', () => {
+    const REMOTE_REPOSITORY_ID = 'configurations';
+    const REMOTE_REPOSITORY_LOCATION = 'http://localhost:7202';
+
+    beforeEach(() => {
+        RepositoriesStubs.stubRepositories();
+        NamespaceStubs.stubGeneratedOntotextNamespacesResponse(REMOTE_REPOSITORY_ID);
+        cy.presetRepository(REMOTE_REPOSITORY_ID, REMOTE_REPOSITORY_LOCATION);
+    });
+
+    it('should inform users that GraphQL endpoints are not accessible when the selected repository is in a remote location', () => {
+        // GIVEN: The workbench is set up with a repository located in a remote location.
+
+        // WHEN: I visit the GraphQL endpoint management page.
+        GraphqlEndpointManagementSteps.visit();
+        // THEN: I expect the page content not to be visible.
+        GraphqlEndpointManagementSteps.getPageContainer().should('not.exist');
+        // AND: An info message is displayed to inform users to switch to a repository from the current location.
+        GraphqlEndpointManagementSteps.getRepositoryInRemoteLocation().should('contain.text', 'The selected repository is in a remote location, and its endpoints aren’t accessible here. Select a repository from the current location.');
+    });
+
+    it('should inform users that they cannot create a GraphQL endpoint when the selected repository is in a remote location', () => {
+        // GIVEN: The workbench is set up with a repository located in a remote location.
+
+        // WHEN: I visit the create GraphQL endpoint page.
+        CreateGraphqlEndpointSteps.visit();
+        // THEN: I expect the page content not to be visible.
+        CreateGraphqlEndpointSteps.getPageContainer().should('not.exist');
+        // AND: An info message is displayed to inform users to switch to a local repository.
+        CreateGraphqlEndpointSteps.getRepositoryInRemoteLocation().should('contain.text', 'Endpoints can only be created for repositories in the current location. Select a local repository to continue.');
+    });
+
+    it('should inform users that the GraphQL Playground is available only for local repositories', () => {
+        // GIVEN: The workbench is set up with a repository located in a remote location.
+
+        // WHEN: I visit the GraphQL Playground page.
+        GraphqlPlaygroundSteps.visit();
+        // THEN: I expect the page content not to be visible.
+        GraphqlPlaygroundSteps.getPageContainer().should('not.exist');
+        // AND: An info message is displayed to inform users to switch to a local repository.
+        GraphqlPlaygroundSteps.getRepositoryInRemoteLocation().should('contain.text', 'The active repository is in a remote location. Playground is only available for repositories in the current location.');
+    });
+});

package/e2e-legacy/guides/table-graph-explore/table-graph-explore-guide.spec.js

@@ -3,6 +3,7 @@ import {GuideSteps} from "../../../steps/guides/guide-steps.js";
 import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
 import {YasrSteps} from "../../../steps/yasgui/yasr-steps.js";
 import {ResourceSteps} from "../../../steps/resource/resource-steps.js";
+import {VisualGraphSplitButtonSteps} from '../../../steps/visual-graph-split-button-steps.js';
 
 describe('Table Graph explore', () => {
     const FILE_TO_IMPORT = 'wine.rdf';
@@ -107,7 +108,7 @@ describe('Table Graph explore', () => {
 
             GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 6/8');
             GuideDialogSteps.assertDialogWithContentIsVisible('You can always explore the same data using the Visual graph view. Click on the Visual graph button to try it now.');
-            ResourceSteps.clickOnVisualGraphButton();
+            VisualGraphSplitButtonSteps.clickOnVisualizeMainButton();
 
             GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 7/8');
             GuideDialogSteps.assertDialogWithContentIsVisible('The graph shows connections between the start node, vin:WineGrape, and other nodes. Each arrow represents one or more connections (RDF statements).');