graphdb-workbench-tests 3.4.0-TR4 → 3.4.0-TR5

package/{integration → e2e-legacy}/explore/visual-graph/visual-graph-node-labels.spec.js

@@ -2,6 +2,8 @@ import { LicenseStubs } from "../../../stubs/license-stubs";
 import { VisualGraphSteps } from "../../../steps/visual-graph-steps";
 import { HtmlUtil } from "../../../utils/html-util";
 
+const LONG_LABEL = 'A looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label for Node Four'
+
 /**
  * RDF snippet with the necessary data to test all possible label scenarios:
  * 1. (ex:node1) Node with a plain text label;
@@ -19,7 +21,7 @@ const RDF_SNIPPETS_WITH_NODE_LABELS_DATA =
     'ex:node1 rdfs:label "Node One" .\n' +
     'ex:node2 rdfs:label "Node<br>Two" .\n' +
     'ex:node3 rdfs:label "Node\\nThree" .\n' +
-    'ex:node4 rdfs:label "A longer label for Node Four" .\n' +
+    `ex:node4 rdfs:label "${LONG_LABEL}" .\n` +
     '\n' +
     '# Relationships Between Nodes\n' +
     'ex:node1 ex:connectedTo ex:node2 .\n' +
@@ -60,9 +62,19 @@ describe("Node Basics", () => {
         VisualGraphSteps.getNodeLabel('http://example.com/node3').should('have.html', 'Node<br>Three');
 
         // The label of ex:node4 to be displayed with a long label (no truncation).
-        VisualGraphSteps.getNodeLabel('http://example.com/node4').should('have.html', 'A longer label for Node Four');
+        VisualGraphSteps.getNodeLabel('http://example.com/node4').should('have.html', LONG_LABEL);
 
         // The label of ex:node4 should be truncated with ellipsis because it has a long label.
         HtmlUtil.verifyEllipsis(VisualGraphSteps.getNodeLabel('http://example.com/node4'));
+
+        // When: I disable the "Truncate long labels" setting.
+        VisualGraphSteps.openVisualGraphSettings();
+        VisualGraphSteps.getTruncateLabelsCheckbox().should('be.checked');
+        VisualGraphSteps.toggleTruncateLabelsCheckbox();
+        VisualGraphSteps.getTruncateLabelsCheckbox().should('not.be.checked');
+        VisualGraphSteps.saveSettings();
+
+        // Then, I expect to see a full non-truncated label for ex:node4.
+        HtmlUtil.verifyNoEllipsis(VisualGraphSteps.getNodeLabel('http://example.com/node4'));
     });
 });

package/e2e-legacy/explore/visual-graph/visual-graph-with-selected-repository.js

@@ -0,0 +1,38 @@
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {VisualGraphSteps} from "../../../steps/visual-graph-steps";
+
+describe('Visual Graph with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'visual-graph-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render Visual Graph with selected repository via URL', () => {
+        // Given, I visit the Visual Graph page via URL and I have a selected repository
+        VisualGraphSteps.visit();
+        // Then, I expect to see the Visual Graph with the classes and relationships
+        verifyVisualGraphWithSelectedRepository();
+    });
+
+    it('Should render Visual Graph with selected repository via navigation menu', () => {
+        // Given, I visit the Visual Graph page via navigation menu and I have a selected repository
+        HomeSteps.visit();
+        MainMenuSteps.clickOnVisualGraph();
+        // Then, I expect to see the Visual Graph with the classes and relationships
+        verifyVisualGraphWithSelectedRepository();
+    });
+});
+
+function verifyVisualGraphWithSelectedRepository() {
+    VisualGraphSteps.getSearchField().should('be.visible');
+    VisualGraphSteps.getGraphConfigurationsArea().should('be.visible');
+    VisualGraphSteps.getSavedGraphsArea().should('be.visible');
+}

package/e2e-legacy/explore/visual-graph/visual-graph-without-selected-repository.js

@@ -0,0 +1,21 @@
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {ErrorSteps} from "../../../steps/error-steps";
+import {VisualGraphSteps} from "../../../steps/visual-graph-steps";
+
+describe('Visual Graph without selected repository', () => {
+    it('Should render Visual Graph without selected repository via URL', () => {
+        // Given, I visit the Visual Graph page via URL and I don't have any repositories
+        VisualGraphSteps.visit();
+        // Then
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should render Visual Graph without selected repository via navigation menu', () => {
+        // Given, I visit the Visual Graph page via navigation menu and I don't have any repositories
+        HomeSteps.visit();
+        MainMenuSteps.clickOnVisualGraph();
+        // Then
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+})

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

@@ -1,7 +1,9 @@
-import {VisualGraphSteps} from "../../../steps/visual-graph-steps";
-import {ApplicationSteps} from "../../../steps/application-steps";
-import {LicenseStubs} from "../../../stubs/license-stubs";
-import {AutocompleteStubs} from "../../../stubs/autocomplete/autocomplete-stubs";
+import {VisualGraphSteps} from '../../../steps/visual-graph-steps';
+import {ApplicationSteps} from '../../../steps/application-steps';
+import {LicenseStubs} from '../../../stubs/license-stubs';
+import {AutocompleteStubs} from '../../../stubs/autocomplete/autocomplete-stubs';
+import {MainMenuSteps} from '../../../steps/main-menu-steps.js';
+import HomeSteps from '../../../steps/home-steps.js';
 
 const FILE_TO_IMPORT = 'wine.rdf';
 const VALID_RESOURCE = 'USRegion';
@@ -24,7 +26,17 @@ describe('Visual graph screen validation', () => {
         cy.deleteRepository(repositoryId);
     });
 
-    context('When autocomplete is disabled', () => {
+    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();
+            MainMenuSteps.getMainMenu().should('not.exist');
+            HomeSteps.getPageFooter().should('not.exist');
+            HomeSteps.getPageHeader().should('not.exist');
+        });
+    });
+
+    describe('When autocomplete is disabled', () => {
         it('Test notification when autocomplete is disabled', () => {
             cy.visit('graphs-visualizations');
             cy.window();
@@ -38,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
@@ -54,12 +66,7 @@ describe('Visual graph screen validation', () => {
             ApplicationSteps.getErrorNotifications().should('be.visible').and('contain', 'Invalid IRI');
         });
 
-        it('Test search for a valid resource', {
-            retries: {
-                openMode: 0,
-                runMode: 1
-            }
-        }, () => {
+        it('Test search for a valid resource', () => {
             AutocompleteStubs.spyAutocompleteStatus();
             VisualGraphSteps.visit();
             // Verify autocomplete is ON, because sometimes in CI it is OFF and fails when searching for Resource
@@ -72,17 +79,17 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.verifyPageLoaded();
             VisualGraphSteps.searchForResourceAndOpen(VALID_RESOURCE, VALID_RESOURCE);
             // Verify redirection to existing visual graph
-            cy.url().should('match', /USRegion$/);
+            cy.url().should('include', 'USRegion');
         });
 
         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');
@@ -119,40 +126,20 @@ 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', {
-            retries: {
-                runMode: 1,
-                openMode: 0
-            }
-        }, () => {
+        it('Test search for a valid resource with links', () => {
             VisualGraphSteps.openUSRegionUri();
             // Check include inferred
             VisualGraphSteps.toggleInferredStatements(true);
@@ -160,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', () => {
@@ -211,9 +198,10 @@ 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
+                // The wait is needed because mouseover event will result in
+                // pop-up of menu icons only if nodes are not moving
                 .should('be.visible').wait(5000)
                 .trigger('mouseover', {force: true});
             // Select remove function
@@ -262,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
@@ -309,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);
         });
@@ -333,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);
@@ -432,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');
@@ -475,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/{integration → e2e-legacy}/graphql/create-graphql-endpoint.spec.js

@@ -245,7 +245,6 @@ describe('Graphql: create endpoint', () => {
         // Then I should be on the generate endpoint step
         CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Create');
         CreateGraphqlEndpointSteps.getGenerateEndpointView().should('be.visible');
-
     });
 
     it('should be able to cancel the endpoint creation wizard', () => {
@@ -277,5 +276,4 @@ describe('Graphql: create endpoint', () => {
         ModalDialogSteps.getDialog().should('not.exist');
         cy.url().should('include', '/graphql/endpoints');
     });
-
 });

package/{integration → e2e-legacy}/graphql/edit-graphql-enpoint.spec.js

@@ -113,7 +113,7 @@ describe('Graphql: edit endpoint settings', () => {
                     "queryPrefix": null,
                     "mutationPrefix": null,
                     "sparqlFederatedServices": "{}",
-                    "sparqlFederatedServicesPriority": 'Deployment configurations',
+                    "sparqlFederatedServicesPriority": "Deployment configurations",
                 }
             });
         });

package/{integration → e2e-legacy}/graphql/filter-graphql-endpoints-on-management-view.spec.js

@@ -45,7 +45,7 @@ describe('GraphQL endpoints filtering', () => {
         GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
     });
 
-    it.only('should render no results banner when all endpoints are filtered', () => {
+    it('should render no results banner when all endpoints are filtered', () => {
         // Given I have a repository with active GraphQL endpoints
         // When I visit the endpoint management view
         GraphqlEndpointManagementSteps.visit();

package/{integration → e2e-legacy}/graphql/graphql-endpoint-management-view.spec.js

@@ -69,6 +69,8 @@ describe('GraphQL endpoints management', () => {
             // Given I have a repository with active GraphQL endpoints
             // When I visit the endpoint management view
             GraphqlEndpointManagementSteps.visit();
+            // And I toggle the 3rd endpoint's active state to inactive
+            GraphqlEndpointManagementSteps.toggleEndpointActiveState(2);
             // Then I should see the endpoints info
             GraphqlEndpointManagementSteps.getEndpointTable().within(() => {
                 cy.get('thead th').should('have.length', 10);
@@ -85,7 +87,6 @@ describe('GraphQL endpoints management', () => {
             GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
             GraphqlEndpointManagementSteps.verifyEndpointInfo([
                 {
-                    status: 'deleted',
                     id: 'swapi',
                     label: 'Ontotext Star Wars Ontology',
                     description: '',
@@ -96,7 +97,6 @@ describe('GraphQL endpoints management', () => {
                     properties: 68
                 },
                 {
-                    status: 'deleted',
                     id: 'swapi-planets',
                     label: 'Star Wars planets API',
                     description: '',
@@ -107,12 +107,12 @@ describe('GraphQL endpoints management', () => {
                     properties: 10
                 },
                 {
-                    status: 'deleted',
+                    status: "deleted",
                     id: 'swapi-species',
                     label: 'Star Wars species API',
                     description: '',
                     default: false,
-                    active: true,
+                    active: false,
                     modified: ApplicationSteps.getCurrentDate(),
                     types: 2,
                     properties: 17

package/e2e-legacy/graphql/graphql-endpoint-management-with-endpoints.spec.js

@@ -0,0 +1,43 @@
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import HomeSteps from "../../steps/home-steps";
+
+describe('GraphQL endpoint management with endpoints', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'graphql-endpoint-management-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-film-restricted.yaml', 'swapi');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render GraphQL endpoint management with endpoints via URL', () => {
+        // Given, I visit the GraphQL endpoint management page via URL and I have endpoints
+        GraphqlEndpointManagementSteps.visit();
+        // Then, I expect to see the GraphQL endpoint management page
+        validateGraphQlEndpointManagementPageWithEndpoints();
+    });
+
+    it('Should render GraphQL endpoint management with endpoints via navigation menu', () => {
+        // Given, I visit the GraphQL endpoint management page via navigation menu and I have endpoints
+        HomeSteps.visit();
+        MainMenuSteps.clickOnEndpointManagement();
+        // Then, I expect to see the GraphQL endpoint management page
+        validateGraphQlEndpointManagementPageWithEndpoints();
+    });
+});
+
+function validateGraphQlEndpointManagementPageWithEndpoints() {
+    GraphqlEndpointManagementSteps.getCreateEndpointButton().should('be.visible');
+    GraphqlEndpointManagementSteps.getImportEndpointSchemaDefinitionButton().should('be.visible');
+    GraphqlEndpointManagementSteps.getEndpointFilterField().should('be.visible');
+    GraphqlEndpointManagementSteps.getEndpointTable().should('be.visible');
+    GraphqlEndpointManagementSteps.getNoEndpointsInRepositoryBanner().should('not.exist');
+}

package/e2e-legacy/graphql/graphql-endpoint-management-with-selected-repository.spec.js

@@ -0,0 +1,39 @@
+import HomeSteps from "../../steps/home-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+
+describe('GraphQL endpoint management with selected repository', () => {
+  let repositoryId;
+
+  beforeEach(() => {
+    repositoryId = 'graphql-endpoint-management-' + Date.now();
+    cy.createRepository({id: repositoryId});
+    cy.presetRepository(repositoryId);
+  });
+
+  afterEach(() => {
+    cy.deleteRepository(repositoryId);
+  });
+
+  it('Should render GraphQL endpoint management with selected repository via URL', () => {
+    // Given, I visit the GraphQL endpoint management page via URL and I have a selected repository
+    GraphqlEndpointManagementSteps.visit();
+    // Then, I expect to see the GraphQL endpoint management page
+    validateNoEndpointsGraphQlEndpointManagementPage();
+  });
+
+  it('Should render GraphQL endpoint management with selected repository via navigation menu', () => {
+    // Given, I visit the GraphQL endpoint management page via navigation menu and I have a selected repository'
+    HomeSteps.visit();
+    MainMenuSteps.clickOnEndpointManagement();
+    // Then, I expect to see the GraphQL endpoint management page
+    validateNoEndpointsGraphQlEndpointManagementPage()
+  });
+});
+
+function validateNoEndpointsGraphQlEndpointManagementPage() {
+  GraphqlEndpointManagementSteps.getCreateEndpointButton().should('be.visible');
+  GraphqlEndpointManagementSteps.getImportEndpointSchemaDefinitionButton().should('be.visible');
+  GraphqlEndpointManagementSteps.getNoEndpointsInRepositoryBanner().should('be.visible');
+}
+

package/e2e-legacy/graphql/graphql-endpoint-management-without-selected-repository.spec.js

@@ -0,0 +1,21 @@
+import {ErrorSteps} from "../../steps/error-steps";
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import HomeSteps from "../../steps/home-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+
+describe('GraphQl endpoint management without selected repository', () => {
+    it('Should render GraphQL endpoint management page without selected repository via URL', () => {
+        // Given, I visit the GraphQL endpoint management page via URL and I haven't selected a repository
+        GraphqlEndpointManagementSteps.visit();
+        // Then
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should render GraphQL endpoint management without selected repository via navigation menu', () => {
+        // Given, I visit the GraphQL endpoint management page via navigation menu and I haven't selected a repository'
+        HomeSteps.visit();
+        MainMenuSteps.clickOnEndpointManagement();
+        // Then
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+})

package/e2e-legacy/graphql/graphql-playground-with-endpoints.spec.js

@@ -0,0 +1,40 @@
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import HomeSteps from "../../steps/home-steps";
+import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps";
+
+describe('GraphQL playground with endpoints', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'graphql-playground-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-film-restricted.yaml', 'swapi');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render GraphQL playground with endpoints via URL', () => {
+        // Given, I visit the GraphQL playground page via URL and I have endpoints
+        GraphqlPlaygroundSteps.visit();
+        // Then, I expect to see the GraphQL playground page
+        validateGraphQlPlaygroundWithEndpoints();
+    });
+
+    it('Should render GraphQL playground with endpoints via navigation menu', () => {
+        // Given, I visit the GraphQL playground page via navigation menu and I have endpoints
+        HomeSteps.visit();
+        MainMenuSteps.clickOnGraphQLPlayground();
+        // Then, I expect to see the GraphQL playground page
+        validateGraphQlPlaygroundWithEndpoints();
+    });
+});
+
+function validateGraphQlPlaygroundWithEndpoints() {
+    GraphqlPlaygroundSteps.getEndpointsSelectMenu().should('be.visible');
+    GraphqlPlaygroundSteps.getPlayground().should('be.visible');
+}

package/e2e-legacy/graphql/graphql-playground-with-selected-repository.spec.js

@@ -0,0 +1,38 @@
+import HomeSteps from "../../steps/home-steps";
+import {MainMenuSteps} from "../../steps/main-menu-steps";
+import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps";
+
+describe('GraphQL playground with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'graphql-playground-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render GraphQL playground with selected repository via URL', () => {
+        // Given, I visit the GraphQL playground page via URL and I have a selected repository
+        GraphqlPlaygroundSteps.visit();
+        // Then, I expect to see the GraphQL no schemas alert, because I don't have any endpoints
+        validateSelectedRepository();
+    });
+
+    it('Should render GraphQL playground with selected repository via navigation menu', () => {
+        // Given, I visit the GraphQL playground page via navigation menu and I have a selected repository'
+        HomeSteps.visit();
+        MainMenuSteps.clickOnGraphQLPlayground();
+        // Then, I expect to see the GraphQL no schemas alert, because I don't have any endpoints
+        validateSelectedRepository();
+    });
+});
+
+function validateSelectedRepository() {
+    GraphqlPlaygroundSteps.getNoSchemasAlert()
+        .should('be.visible')
+        .and('contain', 'No active endpoints found in the current repository. Manage the GraphQL schemas here');
+}