graphdb-workbench-tests 3.0.0-TR4 → 3.0.0-TR6

package/fixtures/locale-en.json

@@ -435,7 +435,7 @@
                 "form": {
                     "agent_name": {
                         "label": "Agent name",
-                        "placeholder": "Enter a user friendly name",
+                        "placeholder": "Enter а user friendly name",
                         "tooltip": "A descriptive name that helps you identify this agent."
                     },
                     "repository": {
@@ -725,6 +725,174 @@
         "help.how.content1": "<b>Talk to Your Graph</b> is powered by OpenAI's Assistants API. You begin by selecting or configuring an agent, which defines the context and rules for querying. Once set, you can start a conversation by asking questions in natural language. The assistant interprets your query, runs the appropriate query methods to retrieve data, and responds with an answer. Persistent chat ensures conversations stay contextually aware, enabling deeper, more coherent interactions over time. You can use multiple agents concurrently to cover various domains or data sources.",
         "help.how.content2": "An agent in <b>Talk to Your Graph</b> is an AI-driven assistant specifically configured to interact with your graph database. It uses advanced natural language processing to understand and respond to your questions by querying the database and delivering relevant information. Each agent is tailored to a specific context, making interactions seamless and efficient, whether you're retrieving data, exploring insights, or working on complex projects."
     },
+    "graphql": {
+        "playground": {
+            "message": {
+                "no_schemas_in_repository": "No active endpoints found in the current repository. Manage the GraphQL schemas <a href=\"#\">here</a>"
+            },
+            "endpoint_selector": {
+                "tooltip": "Select a GraphQL endpoint"
+            }
+        },
+        "endpoints_management": {
+            "toolbar": {
+                "endpoints_filter": {
+                    "placeholder": "Filter by ID or Label"
+                },
+                "create_endpoint": {
+                    "label": "New endpoint",
+                    "tooltip": "Create a new GraphQL endpoint"
+                },
+                "import_schema": {
+                    "label": "Import schema definition",
+                    "tooltip": "Import a GraphQL endpoint schema definition"
+                }
+            },
+            "table": {
+                "column": {
+                    "id": "Id",
+                    "label": "Label",
+                    "is_default": "Default",
+                    "is_active": "Active",
+                    "modified_on": "Modified",
+                    "types_count": "Types",
+                    "props_count": "Properties",
+                    "actions": "Actions"
+                },
+                "actions": {
+                    "explore_endpoint": {
+                        "active": {
+                            "tooltip": "Explore the endpoint in the GraphQL Playground"
+                        },
+                        "inactive": {
+                            "tooltip": "The endpoint is not active and cannot be explored in the GraphQL Playground"
+                        }
+                    },
+                    "create_endpoint": {
+                        "label": "Create endpoint",
+                        "tooltip": "Create a new GraphQL endpoint"
+                    },
+                    "import_schema": {
+                        "label": "Import schema definition",
+                        "tooltip": "Import a GraphQL endpoint schema definition"
+                    },
+                    "configure_endpoint": {
+                        "label": "Configure endpoint",
+                        "tooltip": "Configure the GraphQL endpoint"
+                    },
+                    "delete_endpoint": {
+                        "label": "Delete endpoint",
+                        "tooltip": "Delete the GraphQL endpoint"
+                    },
+                    "export_schema": {
+                        "label": "Export schema definition",
+                        "tooltip": "Export the GraphQL endpoint schema definition"
+                    }
+                },
+                "messages": {
+                    "endpoints_filter_no_result": "No GraphQL endpoints found for current search criteria",
+                    "no_endpoints_in_repository": "No GraphQL endpoints found in the repository"
+                },
+                "labels": {
+                    "description": "Description"
+                }
+            }
+        },
+        "create_endpoint": {
+            "toolbar": {
+                "source_repository_selector": {
+                    "label": "Source repository",
+                    "tooltip": "Select the repository to use as the source for the schemas of the new GraphQL endpoint"
+                }
+            },
+            "wizard_steps": {
+                "select_schema_source": {
+                    "title": "Select schema source",
+                    "source_type": {
+                        "graphql_schema_shapes": {
+                            "label": "GraphQL schema shapes"
+                        },
+                        "shacl_shapes": {
+                            "label": "OWL ontologies/SHACL shapes"
+                        }
+                    },
+                    "graphql_schema_shapes": {
+                        "title": "GraphQL schema shapes",
+                        "messages": {
+                            "no_schemas": "No GraphQL schema shapes were found in the selected repository. You can choose or browse other repositories or choose the other source.",
+                            "endpoint_per_shape": "Each GraphQL schema shape results in one endpoint"
+                        }
+                    },
+                    "shacl_shapes": {
+                        "title": "Set endpoint",
+                        "form": {
+                            "endpoint_id": {
+                                "label": "Endpoint ID",
+                                "tooltip": "The unique identifier for the new GraphQL endpoint. It must be unique within the repository.",
+                                "placeholder": "star-wars"
+                            },
+                            "vocabulary_prefix": {
+                                "label": "Vocabulary prefix",
+                                "tooltip": "Vocabulary prefix",
+                                "placeholder": "Select prefix"
+                            },
+                            "endpoint_label": {
+                                "label": "Endpoint label",
+                                "tooltip": "The label for the new GraphQL endpoint",
+                                "placeholder": "Star Wars"
+                            }
+                        },
+                        "source": {
+                            "use_all_graphs": {
+                                "label": "Use all graphs",
+                                "messages": {
+                                    "all_graphs": "All {{count}} graphs are included for endpoint creation"
+                                }
+                            },
+                            "use_shacl_shape_graph": {
+                                "label": "Use SHACL shape graph",
+                                "messages": {
+                                    "all_shacl_shape_graphs": "All {{count}} SHACL shape graphs are included for endpoint creation"
+                                }
+                            },
+                            "pick_graphs": {
+                                "label": "Select one or more graphs"
+                            }
+                        },
+                        "messages": {
+
+                        }
+                    }
+                },
+                "configure_endpoint": {
+                    "title": "Configure endpoint",
+                    "endpoint_parameters": {
+                        "title": "Parameters",
+                        "form": {}
+                    }
+                },
+                "actions": {
+                    "next": {
+                        "label": "Next"
+                    },
+                    "back": {
+                        "label": "Back"
+                    },
+                    "cancel": {
+                        "label": "Cancel",
+                        "tooltip": "Cancel the creation of the new GraphQL endpoint and return to the list of endpoints",
+                        "confirmation": {
+                            "title": "Cancel endpoint creation",
+                            "body": "Are you sure you want to cancel the creation of the new GraphQL endpoint?"
+                        }
+                    },
+                    "generate_endpoint": {
+                        "label": "Generate"
+                    }
+                }
+            }
+        }
+    },
     "config.name.label": "Config name",
     "graph.config.required": "My graph config (required)",
     "description.text": "Description",
@@ -1265,6 +1433,10 @@
     "menu.support.label": "Support",
     "menu.guides.label": "Interactive guides",
     "menu.plugins.label": "Plugins",
+    "menu.graphql.label": "GraphQL",
+    "menu.graphql-endpoint-management.label": "Endpoint Management",
+    "menu.create-graphql-endpoint.label": "New endpoint",
+    "menu.graphql-playground.label": "GraphQL Playground",
     "core.popover.get.url.query": "Get URL to query",
     "core.popover.shared.query.warning": "Query shared by another user. You may not edit or delete it.",
     "core.edit.query": "Edit query",

package/integration/graphql/create-graphql-endpoint.spec.js

@@ -0,0 +1,261 @@
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
+import {CreateGraphqlEndpointSteps} from "../../steps/graphql/create-graphql-endpoint-steps";
+import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
+import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
+
+describe('Graphql: create endpoint', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'create-graphql-endpoint-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        // TODO: remove stubs and enable next imports when REST API is ready
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        // cy.importServerFile(repositoryId, 'ontology-and-shapes.ttl');
+        // cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        // GraphqlStubs.stubGetNoEndpointsInfo(repositoryId);
+        // GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
+        RepositoriesStubs.spyGetRepositories();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should be able to start graphql endpoint creation wizard - no source data', () => {
+        // Given I have a repository with no active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        cy.wait('@getRepositories');
+        // Then I should see no endpoints
+        GraphqlEndpointManagementSteps.getEndpointTable().should('not.exist');
+        // When I click on the create endpoint button
+        GraphqlEndpointManagementSteps.createEndpoint();
+        // Then I should see the create endpoint wizard
+        CreateGraphqlEndpointSteps.getView().should('be.visible');
+        cy.url().should('include', '/graphql/endpoint/create');
+        CreateGraphqlEndpointSteps.getSourceRepositorySelector().should('be.visible');
+        // And the source repository should be preselected to the active repository
+        CreateGraphqlEndpointSteps.getSelectedSourceRepository().should('have.text', repositoryId);
+
+        // And the active step should be the first step
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Select schema source');
+        CreateGraphqlEndpointSteps.getSelectSchemaSourceView().should('be.visible');
+        // And the schema source should be preselected to the first option
+        CreateGraphqlEndpointSteps.getSchemaSourceTypes().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedSchemaSource().parent().should('contain', 'GraphQL schema shapes');
+        // And there must be no graphql schema shapes in the source repository
+        CreateGraphqlEndpointSteps.getGraphqlSchemaShapesNotFound().should('be.visible');
+
+        // When I switch to the second schema source option
+        CreateGraphqlEndpointSteps.selectOntologiesAndShaclShapesOption();
+        // Then I expect the schema source to be switched to ontologies and SHACL shapes
+        CreateGraphqlEndpointSteps.getOntologiesAndShaclShapesView().should('be.visible');
+        CreateGraphqlEndpointSteps.getEndpointParamsForm().should('be.visible');
+        // And endpoint params form should be empty
+        CreateGraphqlEndpointSteps.getEndpointIdFieldInput().should('have.value', '');
+        CreateGraphqlEndpointSteps.getEndpointLabelFieldInput().should('have.value', '');
+        CreateGraphqlEndpointSteps.getVocabularyPrefixSelectSelectedOption().should('be.empty');
+
+        // And Use all graphs option should be selected by default
+        CreateGraphqlEndpointSteps.getSelectedGraphSource().parent().should('contain', 'Use all graphs');
+        // And No graphs should be found
+        CreateGraphqlEndpointSteps.getGraphsNotFound().should('be.visible');
+
+        // When I switch to shacl shape graphs option
+        CreateGraphqlEndpointSteps.selectUseShaclShapeGraphsOption();
+        CreateGraphqlEndpointSteps.getShaclShapeGraphsNotFound().should('be.visible');
+
+        // When I switch to pick graphs option
+        CreateGraphqlEndpointSteps.selectPickGraphsOption();
+        CreateGraphqlEndpointSteps.getPickGraphsNoGraphsFound().should('be.visible');
+
+        // And the next button should be disabled
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+    });
+
+    it('should be able to select graphql schema shapes and open next step', () => {
+        // Given I have a repository with graphql shapes in it
+        cy.importServerFile(repositoryId, 'ontology-and-shapes.ttl');
+        // When I start the endpoint creation wizard
+        GraphqlEndpointManagementSteps.visit();
+        cy.wait('@getRepositories');
+        GraphqlEndpointManagementSteps.createEndpoint();
+        CreateGraphqlEndpointSteps.getView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSelectedSourceRepository().should('have.text', repositoryId);
+        // Then the select schema source view is visible
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Select schema source');
+        CreateGraphqlEndpointSteps.getSelectSchemaSourceView().should('be.visible');
+        // And the graphql schema selector is visible
+        CreateGraphqlEndpointSteps.getGraphqlSchemaSelector().should('be.visible');
+        // And the graphql schema shapes are found
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapesCountBanner().should('not.exist');
+        // And I can select or deselect the graphql shapes
+        CreateGraphqlEndpointSteps.selectAllGraphqlShapes();
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapesCountBanner().should('contain', '2 GraphQL schema shapes included');
+        // And the next button should be enabled because I have selected the shapes
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
+
+        CreateGraphqlEndpointSteps.deselectAllGraphqlShapes();
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapesCountBanner().should('not.exist');
+        // And the next button should be disabled because I have not selected any shapes
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+
+        CreateGraphqlEndpointSteps.selectGraphqlShape(0);
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 1);
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShape(0).should('contain', 'Swapi GraphQL Schema');
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 1);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShape(0).should('contain', 'Character GraphQL Schema');
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapesCountBanner().should('contain', '1 GraphQL schema shapes included');
+        CreateGraphqlEndpointSteps.deselectAllGraphqlShape(0);
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapesCountBanner().should('not.exist');
+
+        // And I can filter the graphql shapes
+        CreateGraphqlEndpointSteps.filterSelectedGraphqlShapes('swapi');
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 1);
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShape(0).should('contain', 'Swapi GraphQL Schema');
+        CreateGraphqlEndpointSteps.filterSelectedGraphqlShapes('non-existing');
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 0);
+        CreateGraphqlEndpointSteps.clearSelectedGraphqlShapesFilter();
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 2);
+
+        // When I select a graphql shacl shape
+        CreateGraphqlEndpointSteps.selectGraphqlShape(1);
+        // And I proceed to the next step
+        CreateGraphqlEndpointSteps.next();
+        // Then I should be on the next step
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Configure endpoint');
+        CreateGraphqlEndpointSteps.getConfigureEndpointView().should('be.visible');
+        // And I should see the cancel button
+        CreateGraphqlEndpointSteps.getCancelButton().should('be.visible');
+        // And I should see the back button
+        CreateGraphqlEndpointSteps.getBackButton().should('be.visible');
+
+        // When I click on the back button
+        CreateGraphqlEndpointSteps.back();
+        // Then I should be back on the previous step
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Select schema source');
+        // And the graphql schema shapes should be selected as before
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 1);
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShape(0).should('contain', 'Character GraphQL Schema');
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShapes().should('have.length', 1);
+        CreateGraphqlEndpointSteps.getSelectedGraphqlShape(0).should('contain', 'Swapi GraphQL Schema');
+    });
+
+    it('should be able to select graphs and endpoint properties and open next step', () => {
+        // Given I have a repository with graphql shapes in it
+        cy.importServerFile(repositoryId, 'ontology-and-shapes.ttl');
+        // When we upload a SOML schema, two graphs are created, and we can use this to test the behavior for graphs selection
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        // When I start the endpoint creation wizard
+        GraphqlEndpointManagementSteps.visit();
+        cy.wait('@getRepositories');
+        GraphqlEndpointManagementSteps.createEndpoint();
+        CreateGraphqlEndpointSteps.getView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSelectedSourceRepository().should('have.text', repositoryId);
+
+        // When I switch to the second schema source option
+        CreateGraphqlEndpointSteps.selectOntologiesAndShaclShapesOption();
+        CreateGraphqlEndpointSteps.getOntologiesAndShaclShapesView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSelectedGraphSource().parent().should('contain', 'Use all graphs');
+        // Then I should see the message that all graphs will be used
+        CreateGraphqlEndpointSteps.getAllGraphsWillBeUsedMessage().should('be.visible');
+        // And the next button should be disabled until endpoint params are filled
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+
+        // When I fill in the endpoint params
+        CreateGraphqlEndpointSteps.typeEndpointId('swapi-endpoint');
+        // The next button should still be disabled because there are more required fields
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+        // When I fill in the endpoint label which is optional
+        CreateGraphqlEndpointSteps.typeEndpointLabel('Swapi endpoint');
+        // The next button should still be disabled because there are more required fields
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+        // When I select the vocabulary prefix
+        CreateGraphqlEndpointSteps.selectVocabularyPrefix('voc');
+        // Then the next button should be enabled
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
+
+        // When I switch to SHACL shape graphs option
+        CreateGraphqlEndpointSteps.selectUseShaclShapeGraphsOption();
+        CreateGraphqlEndpointSteps.getShaclShapeGraphsNotFound().should('be.visible');
+        // And the next button should be disabled because there are no graphs to select
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+
+        // When I switch to pick graphs option
+        CreateGraphqlEndpointSteps.selectPickGraphsOption();
+        // And the next button should be disabled because no graphs are still selected
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.disabled');
+        // And I can select graphs
+        CreateGraphqlEndpointSteps.getGraphsSelector().should('be.visible');
+        CreateGraphqlEndpointSteps.getAvailableGraphs().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphs().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphsCountBanner().should('not.exist');
+        CreateGraphqlEndpointSteps.selectAllGraphs();
+        CreateGraphqlEndpointSteps.getAvailableGraphs().should('have.length', 0);
+        CreateGraphqlEndpointSteps.getSelectedGraphs().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getSelectedGraphsCountBanner().should('contain', '2 SHACL shape graphs are included');
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
+
+        // When I click next
+        CreateGraphqlEndpointSteps.next();
+        // Then I should be on the next step
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Configure endpoint');
+        CreateGraphqlEndpointSteps.getConfigureEndpointView().should('be.visible');
+        // And I should see the cancel button
+        CreateGraphqlEndpointSteps.getCancelButton().should('be.visible');
+        // And I should see the back button
+        CreateGraphqlEndpointSteps.getBackButton().should('be.visible');
+        // When I click on the back button
+        CreateGraphqlEndpointSteps.back();
+        // Then I should be back on the previous step
+        CreateGraphqlEndpointSteps.getActiveStep().should('contain', 'Select schema source');
+        CreateGraphqlEndpointSteps.getSelectedSchemaSource().parent().should('contain', 'OWL ontologies/SHACL shapes');
+        CreateGraphqlEndpointSteps.getSelectedGraphSource().parent().should('contain', 'Select one or more graphs');
+        CreateGraphqlEndpointSteps.getSelectedGraphs().should('have.length', 2);
+        CreateGraphqlEndpointSteps.getEndpointIdFieldInput().should('have.value', 'swapi-endpoint');
+        CreateGraphqlEndpointSteps.getEndpointLabelFieldInput().should('have.value', 'Swapi endpoint');
+        CreateGraphqlEndpointSteps.getVocabularyPrefixSelectSelectedOption().should('have.text', 'voc');
+    });
+
+    it('should be able to cancel the endpoint creation wizard', () => {
+        // Given I have a repository with no active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        cy.wait('@getRepositories');
+        // Then I should see no endpoints
+        GraphqlEndpointManagementSteps.getEndpointTable().should('not.exist');
+        // When I click on the create endpoint button
+        GraphqlEndpointManagementSteps.createEndpoint();
+        // Then I should see the create endpoint wizard
+        CreateGraphqlEndpointSteps.getView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSelectSchemaSourceView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSchemaSourceTypes().should('have.length', 2);
+        // When I click on the cancel button
+        CreateGraphqlEndpointSteps.cancelEndpointCreation();
+        // Then I should see a confirmation dialog
+        ModalDialogSteps.getDialog().should('be.visible');
+        // When I click on the cancel button in the dialog
+        ModalDialogSteps.clickOnCancelButton();
+        // Then I should stay on the same page
+        ModalDialogSteps.getDialog().should('not.exist');
+        cy.url().should('include', '/graphql/endpoint/create');
+        // When I click on the cancel button again and confirm
+        CreateGraphqlEndpointSteps.cancelEndpointCreation();
+        ModalDialogSteps.confirm();
+        // Then I should be redirected back to the endpoint management view
+        ModalDialogSteps.getDialog().should('not.exist');
+        cy.url().should('include', '/graphql/endpoints');
+    });
+
+});

package/integration/graphql/graphql-endpoint-filtering.spec.js

@@ -0,0 +1,69 @@
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
+
+describe('GraphQL endpoints filtering', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'graphql-endpoint-filtering-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        // TODO: remove stubs and enable next imports when REST API is ready
+        // cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        // cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        GraphqlStubs.stubGetEndpointsInfo(repositoryId);
+        GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should be able to filter endpoints', () => {
+        // Given I have a repository with active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I should see all endpoints
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
+        // When I filter the endpoints by the term "film"
+        GraphqlEndpointManagementSteps.filterEndpoints('film');
+        // Then I should see only one endpoint
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 1);
+        GraphqlEndpointManagementSteps.verifyEndpointInfo([
+            {
+                id: 'film-restricted',
+                label: 'SWAPI GraphQL endpoint with restricted film relations',
+                description: 'SWAPI GraphQL endpoint with restricted film relations description',
+                default: true,
+                active: true,
+                modified: '2025-01-28',
+                types: 13,
+                properties: 133
+            }
+        ]);
+        // When I clear the filter
+        GraphqlEndpointManagementSteps.clearFilter();
+        // Then I should see all endpoints
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
+    });
+
+    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();
+        // Then I should see all endpoints
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
+        // And the no results banner should not be visible
+        GraphqlEndpointManagementSteps.getNoResultsInTableBanner().should('not.exist');
+        // When I filter the endpoints by the term "starship"
+        GraphqlEndpointManagementSteps.filterEndpoints('starship');
+        // Then I should see the no results banner
+        GraphqlEndpointManagementSteps.getNoResultsInTableBanner().should('be.visible');
+        // When I clear the filter
+        GraphqlEndpointManagementSteps.clearFilter();
+        // Then I should see all endpoints
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
+        // And the no results banner should not be visible
+        GraphqlEndpointManagementSteps.getNoResultsInTableBanner().should('not.exist');
+    });
+});

package/integration/graphql/graphql-endpoint-management-view.spec.js

@@ -0,0 +1,131 @@
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
+import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps";
+import {ApplicationSteps} from "../../steps/application-steps";
+
+describe('GraphQL endpoints management', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'graphql-endpoint-management-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        // TODO: remove stubs and enable next imports when REST API is ready
+        // cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        // cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        GraphqlStubs.stubGetEndpointsInfo(repositoryId);
+        GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should render endpoint management view', () => {
+        // Given I have a repository with active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I should see the endpoint management view
+        GraphqlEndpointManagementSteps.getView().should('be.visible');
+        // And I should see the page info tooltip
+        // TODO: not ready yet
+        // And I should see the documentation link
+        // TODO: not ready yet
+        // And I should see the endpoints filter field
+        GraphqlEndpointManagementSteps.getEndpointFilterField().should('be.visible');
+        // And I should see the create endpoint button
+        GraphqlEndpointManagementSteps.getCreateEndpointButton().should('be.visible');
+        // And I should see the import endpoint schema definition button
+        GraphqlEndpointManagementSteps.getImportEndpointSchemaDefinitionButton().should('be.visible');
+        // And I should see the endpoint list
+        GraphqlEndpointManagementSteps.getEndpointTable().should('be.visible');
+    });
+
+    it('should render no results banner when no endpoints are found for the current repository', () => {
+        // Given I have a repository with no active GraphQL endpoints
+        GraphqlStubs.stubGetEndpointsInfo(repositoryId, 'no-graphql-endpoints-info.json');
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I should see the no results banner
+        GraphqlEndpointManagementSteps.getNoEndpointsInRepositoryBanner().should('be.visible');
+    });
+
+    it('should render no results banner when endpoints are not loaded due to some error', () => {
+        // Given I have a repository with active GraphQL endpoints
+        // And the endpoints info cannot be loaded due to some error
+        GraphqlStubs.stubGetEndpointsInfoError(repositoryId);
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I should see a toast with the error message
+        ApplicationSteps.getErrorNotifications().should('be.visible');
+        // Then I should see the no results banner
+        GraphqlEndpointManagementSteps.getNoEndpointsInRepositoryBanner().should('be.visible');
+    });
+
+    it('should render endpoints info', () => {
+        // Given I have a repository with active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I should see the endpoints info
+        GraphqlEndpointManagementSteps.getEndpointTable().within(() => {
+            cy.get('thead th').should('have.length', 9);
+            cy.get('thead th').eq(1).should('contain', 'Id');
+            cy.get('thead th').eq(2).should('contain', 'Label');
+            cy.get('thead th').eq(3).should('contain', 'Default');
+            cy.get('thead th').eq(4).should('contain', 'Active');
+            cy.get('thead th').eq(5).should('contain', 'Modified');
+            cy.get('thead th').eq(6).should('contain', 'Types');
+            cy.get('thead th').eq(7).should('contain', 'Properties');
+            cy.get('thead th').eq(8).should('contain', 'Actions');
+        });
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
+        GraphqlEndpointManagementSteps.verifyEndpointInfo([
+            {
+                id: 'swapi',
+                label: 'SWAPI GraphQL endpoint',
+                description: 'SWAPI GraphQL endpoint description',
+                default: false,
+                active: true,
+                modified: '2025-01-28',
+                types: 10,
+                properties: 120
+            },
+            {
+                id: 'film-restricted',
+                label: 'SWAPI GraphQL endpoint with restricted film relations',
+                description: 'SWAPI GraphQL endpoint with restricted film relations description',
+                default: true,
+                active: true,
+                modified: '2025-01-28',
+                types: 13,
+                properties: 133
+            },
+            {
+                id: 'swapi-characters',
+                label: 'SWAPI GraphQL endpoint for swapi characters',
+                description: 'SWAPI GraphQL endpoint for swapi characters description',
+                default: false,
+                active: false,
+                modified: '2025-01-28',
+                types: 3,
+                properties: 20
+            }
+        ]);
+    });
+
+    it('should be able to explore graphql endpoints which are active', () => {
+        // Given I have a repository with active GraphQL endpoints
+        // When I visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Then I expect that inactive endpoints should not be clickable
+        GraphqlEndpointManagementSteps.getEndpointLink(0).should('have.prop', 'tagName', 'A');
+        GraphqlEndpointManagementSteps.getEndpointLink(1).should('have.prop', 'tagName', 'A');
+        GraphqlEndpointManagementSteps.getEndpointLink(2).should('have.prop', 'tagName', 'SPAN');
+        // And I click on some endpoint
+        GraphqlEndpointManagementSteps.exploreEndpoint(1);
+        // Then I should be redirected to the GraphQL playground view
+        cy.url().should('include', '/graphql/playground');
+        // And the selected endpoint should be the one I clicked
+        GraphqlPlaygroundSteps.getSelectedEndpoint().should('contain', 'film-restricted');
+    });
+});