graphdb-workbench-tests 3.0.0-TR6 → 3.0.0-TR8

package/fixtures/graphql/endpoints/graphql-endpoint-configuration-types.json

@@ -0,0 +1,46 @@
+{
+    "configs": [
+        {
+            "key": "str",
+            "label": "String",
+            "type": "string",
+            "collection": false,
+            "value": "strValue",
+            "values": [],
+            "regex": "^(?:ALL:?)?(?:(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER)?(?:,(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER))*)$"
+        },
+        {
+            "key": "bool",
+            "label": "Boolean value",
+            "type": "boolean",
+            "collection": false,
+            "value": false,
+            "values": []
+        },
+        {
+            "key": "select",
+            "label": "Select",
+            "type": "string",
+            "collection": false,
+            "value": "Two",
+            "values": ["One", "Two", "Three"]
+        },
+        {
+            "key": "multiselect",
+            "label": "Multiselect",
+            "type": "string",
+            "collection": true,
+            "value": ["Angular", "JavaScript"],
+            "values": ["Angular", "JavaScript", "WebDevelopment"]
+        },
+        {
+            "key": "json",
+            "label": "JSON",
+            "type": "json",
+            "collection": false,
+            "value": "{\"foo\": \"bar\"}",
+            "values": [],
+            "required": true
+        }
+    ]
+}

package/fixtures/graphql/endpoints/graphql-endpoint-configuration.json

@@ -0,0 +1,227 @@
+{
+    "configs": [
+        {
+            "key": "enable_mutations",
+            "label": "enable_mutations",
+            "description": "Controls whether the generated GraphQL schema should include object mutations or not.",
+            "type": "boolean",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "lang.fetch",
+            "label": "fetch",
+            "description": "Default language fetch configuration",
+            "type": "string",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": "^(?:ALL:?)?(?:(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER)?(?:,(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER))*)$"
+        },
+        {
+            "key": "lang.validate",
+            "label": "validate",
+            "description": "Default language validation configuration",
+            "type": "string",
+            "collection": false,
+            "value": "UNIQ",
+            "values": null,
+            "required": false,
+            "regex": "^(?:[\\w]{2}~?|NONE|ANY|ALL)?(?:,(?:[\\w]{2}~?|NONE|ANY|ALL))*(?:;?UNIQ)?$"
+        },
+        {
+            "key": "lang.implicit",
+            "label": "implicit",
+            "description": "Default language to use when inserting rdf:langString values.",
+            "type": "string",
+            "collection": false,
+            "value": "en",
+            "values": null,
+            "required": false,
+            "regex": "[\\w]{2}(?:-[\\w]*)?"
+        },
+        {
+            "key": "lang.defaultNameFetch",
+            "label": "defaultNameFetch",
+            "description": "Default language spec to apply when loading values for the name property",
+            "type": "string",
+            "collection": false,
+            "value": "ANY",
+            "values": null,
+            "required": false,
+            "regex": "^(?:(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER)?(?:,(?:-?[\\w]{2}(?:-[\\w]*)?~?|-?NONE|ANY|BROWSER))*)$"
+        },
+        {
+            "key": "lang.appendDefaultNameFetch",
+            "label": "appendDefaultNameFetch",
+            "description": "Specifies whether the default spec, if any, should be appended or not to any user-defined name fetch spec",
+            "type": "boolean",
+            "collection": false,
+            "value": true,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "queryPfx",
+            "label": "queryPfx",
+            "description": "Allows setting a prefix that will be put in all queries in the GraphQL schema.",
+            "type": "string",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": "[\\w]*"
+        },
+        {
+            "key": "mutationPfx",
+            "label": "mutationPfx",
+            "description": "Allows setting a prefix that will be put in all mutations in the GraphQL schema.",
+            "type": "string",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": "[\\w]*"
+        },
+        {
+            "key": "search",
+            "label": "search",
+            "description": "Allows you to define a structure of the searchable data for fields that are not specified in the configuration of the objects and/or properties",
+            "type": "dictionary",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "repository",
+            "label": "repository",
+            "description": "Changes the default repository used for the entire schema.",
+            "type": "string",
+            "collection": false,
+            "value": null,
+            "values": null,
+            "required": false,
+            "regex": "[\\w]*"
+        },
+        {
+            "key": "includeInferred",
+            "label": "includeInferred",
+            "description": "Controls whether query inference is enabled or disabled by default for all queries and mutations.",
+            "type": "boolean",
+            "collection": false,
+            "value": true,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "expandOwlSameAs",
+            "label": "expandOwlSameAs",
+            "description": "Controls whether owl:sameAs expansion is enabled or disabled by default for all queries and mutations.",
+            "type": "boolean",
+            "collection": false,
+            "value": true,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "disabledChecks",
+            "label": "disabledChecks",
+            "description": "Specifies which checks could be disabled during the schema validation.",
+            "type": "string",
+            "collection": true,
+            "value": true,
+            "values": [
+                "regexInheritanceCheck",
+                "rangeCheck"
+            ],
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "defaultRole",
+            "label": "defaultRole",
+            "description": "The default RBAC role the user will receive if no roles are found in the security JWT token or none of the roles match any in the rbac section of the current SOML schema.",
+            "type": "string",
+            "collection": false,
+            "value": "defaultRole",
+            "values": null,
+            "required": false,
+            "regex": "[\\w]*"
+        },
+        {
+            "key": "defaultIntegrationRole",
+            "label": "defaultIntegrationRole",
+            "description": "The default RBAC role that will have read-only access to the data and could be used for system integrations.",
+            "type": "string",
+            "collection": false,
+            "value": "Federation_SystemRole",
+            "values": null,
+            "required": false,
+            "regex": "[\\w]*"
+        },
+        {
+            "key": "exposeSomlInGraphQL",
+            "label": "exposeSomlInGraphQL",
+            "description": "Controls whether GraphQL schema should include directives that expose the effective SOML configurations for each output type and property.",
+            "type": "boolean",
+            "collection": false,
+            "value": false,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "enableCollectionCount",
+            "label": "enableCollectionCount",
+            "description": "Controls whether the collections should have a companion property that provides counting of the collection properties.",
+            "type": "boolean",
+            "collection": false,
+            "value": false,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "enableTypeCount",
+            "label": "enableTypeCount",
+            "description": "Controls whether new counting queries should be generated for all queryable types.",
+            "type": "boolean",
+            "collection": false,
+            "value": false,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "compactErrorMessages",
+            "label": "compactErrorMessages",
+            "description": "Controls the default behavior of the GraphQL Responder how to process the errors that are returned to the client.",
+            "type": "boolean",
+            "collection": false,
+            "value": false,
+            "values": null,
+            "required": false,
+            "regex": null
+        },
+        {
+            "key": "enableGraphQlExplain",
+            "label": "enableGraphQlExplain",
+            "description": "Controls whether SemanticObjects should provide the generated SPARQL query or its explain plan.",
+            "type": "boolean",
+            "collection": false,
+            "value": true,
+            "values": null,
+            "required": false,
+            "regex": null
+        }
+    ]
+}

package/fixtures/graphql/soml/swapi-schema-planets.yaml

@@ -0,0 +1,51 @@
+id:          /soml/swapi-planets
+label:       Star Wars planets API
+creator:     http://ontotext.com
+created:     2019-06-15
+updated:     2019-06-16
+versionInfo: 0.1
+
+prefixes:
+  # common prefixes
+  so: "http://www.ontotext.com/semantic-object/"
+  voc: "https://swapi.co/vocabulary/"
+  dct: "http://purl.org/dc/terms/"
+  gn: "http://www.geonames.org/ontology#"
+  owl: "http://www.w3.org/2002/07/owl#"
+  puml: "http://plantuml.com/ontology#"
+  rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  rdfs: "http://www.w3.org/2000/01/rdf-schema#"
+  skos: "http://www.w3.org/2004/02/skos/core#"
+  void: "http://rdfs.org/ns/void#"
+  wgs84: "http://www.w3.org/2003/01/geo/wgs84_pos#"
+  xsd: "http://www.w3.org/2001/XMLSchema#"
+
+specialPrefixes:
+  base_iri:          https://swapi.co/resource/
+  vocab_iri:         https://swapi.co/vocabulary/
+  vocab_prefix:      voc
+
+objects:
+  Planet:
+    descr: "The fictional universe of the Star Wars franchise features multiple planets and moons"
+    type: ["voc:Planet"]
+    typeProp: "rdf:type"
+    name: "rdfs:label"
+    props:
+      desc: {label: "Description"}
+      diameter: {label: "Diameter in Km", range: int}
+      gravity: {label: "Gravitational pressure m/s squared"}
+      orbitalPeriod: {label: "Orbital period in days", range: integer}
+      population: {range: integer}
+      rotationPeriod: {label: "Rotation period in hours", range: integer}
+      surfaceWater: {label: "Surface water in m cubed", range: integer}
+      terrain: {label: "Planets terrain"}
+      climate: {label: "Planets climate"}
+
+rbac:
+  roles:
+    Admin:
+       description: "Administrator role, can read, write and delete objects and schema"
+       actions: [
+        "*/*/*",
+       ]

package/fixtures/graphql/soml/swapi-schema-species.yaml

@@ -0,0 +1,66 @@
+id:          /soml/swapi-species
+label:       Star Wars species API
+creator:     http://ontotext.com
+created:     2019-06-15
+updated:     2019-06-16
+versionInfo: 0.1
+
+prefixes:
+  # common prefixes
+  so: "http://www.ontotext.com/semantic-object/"
+  voc: "https://swapi.co/vocabulary/"
+  dct: "http://purl.org/dc/terms/"
+  gn: "http://www.geonames.org/ontology#"
+  owl: "http://www.w3.org/2002/07/owl#"
+  puml: "http://plantuml.com/ontology#"
+  rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  rdfs: "http://www.w3.org/2000/01/rdf-schema#"
+  skos: "http://www.w3.org/2004/02/skos/core#"
+  void: "http://rdfs.org/ns/void#"
+  wgs84: "http://www.w3.org/2003/01/geo/wgs84_pos#"
+  xsd: "http://www.w3.org/2001/XMLSchema#"
+
+specialPrefixes:
+  base_iri:          https://swapi.co/resource/
+  vocab_iri:         https://swapi.co/vocabulary/
+  vocab_prefix:      voc
+
+objects:
+  Species:
+    descr: "A group of living organisms consisting of similar individuals capable of exchanging genes or interbreeding"
+    type: ["voc:Species"]
+    typeProp: "rdf:type"
+    name: "rdfs:label"
+    props:
+      desc: {label: "Description"}
+      averageLifespan: {descr: "Lifespan of the species"}
+      averageHeight: {descr: "Average height of the species", range: decimal}
+      language: {descr: "Species language"}
+      skinColor: {descr: "Species skin colour", max: inf}
+      hairColor: {descr: "Species hair colour", max: inf}
+      eyeColor: {descr: "Species eye colour", max: inf}
+      planet: {descr: "Planet which host the species", max: inf, range: Planet}
+
+  Planet:
+    descr: "The fictional universe of the Star Wars franchise features multiple planets and moons"
+    type: ["voc:Planet"]
+    typeProp: "rdf:type"
+    name: "rdfs:label"
+    props:
+      desc: {label: "Description"}
+      diameter: {label: "Diameter in Km", range: int}
+      gravity: {label: "Gravitational pressure m/s squared"}
+      orbitalPeriod: {label: "Orbital period in days", range: integer}
+      population: {range: integer}
+      rotationPeriod: {label: "Rotation period in hours", range: integer}
+      surfaceWater: {label: "Surface water in m cubed", range: integer}
+      terrain: {label: "Planets terrain"}
+      climate: {label: "Planets climate"}
+
+rbac:
+  roles:
+    Admin:
+       description: "Administrator role, can read, write and delete objects and schema"
+       actions: [
+        "*/*/*",
+       ]

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

@@ -57,12 +57,13 @@ describe('Graphql: create endpoint', () => {
         // And endpoint params form should be empty
         CreateGraphqlEndpointSteps.getEndpointIdFieldInput().should('have.value', '');
         CreateGraphqlEndpointSteps.getEndpointLabelFieldInput().should('have.value', '');
-        CreateGraphqlEndpointSteps.getVocabularyPrefixSelectSelectedOption().should('be.empty');
+        // And the vocabulary prefix select should have the placeholder option selected (it has no value, just label)
+        CreateGraphqlEndpointSteps.getVocabularyPrefixSelectSelectedOption().should('contain', 'Select prefix');
 
         // 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');
+        CreateGraphqlEndpointSteps.getAllGraphsWillBeUsedMessage().should('be.visible');
 
         // When I switch to shacl shape graphs option
         CreateGraphqlEndpointSteps.selectUseShaclShapeGraphsOption();
@@ -175,12 +176,12 @@ describe('Graphql: create endpoint', () => {
 
         // 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');
+        // The next button should be enabled because  the other fields are optional
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
         // 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');
+        // The next button should be enabled
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
         // When I select the vocabulary prefix
         CreateGraphqlEndpointSteps.selectVocabularyPrefix('voc');
         // Then the next button should be enabled
@@ -228,6 +229,31 @@ describe('Graphql: create endpoint', () => {
         CreateGraphqlEndpointSteps.getVocabularyPrefixSelectSelectedOption().should('have.text', 'voc');
     });
 
+    it('should be able to configure generation settings (the second step)', () => {
+        // Given I have a repository with graphql shapes in it
+        cy.importServerFile(repositoryId, 'ontology-and-shapes.ttl');
+        // And I started the endpoint creation wizard
+        GraphqlEndpointManagementSteps.visit();
+        cy.wait('@getRepositories');
+        GraphqlEndpointManagementSteps.createEndpoint();
+        CreateGraphqlEndpointSteps.getView().should('be.visible');
+        CreateGraphqlEndpointSteps.getSelectSchemaSourceView().should('be.visible');
+        CreateGraphqlEndpointSteps.getAvailableGraphqlShapes().should('have.length', 2);
+        // When I select a graphql schema shape
+        CreateGraphqlEndpointSteps.selectGraphqlShape(1);
+        // Then I should be able to proceed to the next step
+        CreateGraphqlEndpointSteps.next();
+        CreateGraphqlEndpointSteps.getGenerationSettingsForm().should('be.visible');
+        // And the next button should be enabled because all settings fields are available and valid initially
+        CreateGraphqlEndpointSteps.getNextStepButton().should('be.enabled');
+        // When I click next
+        CreateGraphqlEndpointSteps.next();
+        // 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', () => {
         // Given I have a repository with no active GraphQL endpoints
         // When I visit the endpoint management view

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

@@ -0,0 +1,46 @@
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
+import {ApplicationSteps} from "../../steps/application-steps";
+
+describe('Graphql: delete endpoint', () => {
+    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');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should be able to delete graphql endpoint', () => {
+        // Given I have a repository with active GraphQL endpoint
+        // And I have visited the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        GraphqlEndpointManagementSteps.getView().should('be.visible');
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 1);
+        // When I click on the delete endpoint button
+        GraphqlEndpointManagementSteps.deleteEndpoint(0);
+        // Then I should see the confirmation dialog
+        ModalDialogSteps.getDialog().should('be.visible');
+        // When I reject the confirmation dialog
+        ModalDialogSteps.cancel();
+        // Then Confirmation dialog should be closed
+        ModalDialogSteps.getDialog().should('not.exist');
+        // And the endpoint should not be deleted
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 1);
+
+        // When I click on the delete endpoint button again and confirm the deletion
+        GraphqlEndpointManagementSteps.deleteEndpoint(0);
+        ModalDialogSteps.confirm();
+        // Then I should see a success toast
+        ApplicationSteps.getSuccessNotifications().should('be.visible');
+        // And the endpoint should be deleted and the no results row should be visible
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 1);
+        GraphqlEndpointManagementSteps.getNoResultsRow().should('be.visible');
+    });
+});

package/integration/graphql/edit-graphql-enpoint.spec.js

@@ -0,0 +1,137 @@
+import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
+import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
+import {EditGraphqlEndpointSteps} from "../../steps/graphql/edit-graphql-endpoint-steps";
+import {ApplicationSteps} from "../../steps/application-steps";
+
+describe('Graphql: edit endpoint settings', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'create-graphql-endpoint-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        // Visit the endpoint management view
+        GraphqlEndpointManagementSteps.visit();
+        // Ensure the endpoints list is loaded
+        GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length.at.least', 1);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should display and edit different types dynamic form fields', () => {
+        // GraphqlStubs.stubGetEndpointConfiguration(repositoryId, 'swapi', 'graphql-endpoint-configuration-types.json');
+        GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
+        EditGraphqlEndpointSteps.getDialog().should('be.visible');
+
+        EditGraphqlEndpointSteps.getInputField(3).should('have.value', 'ANY');
+        EditGraphqlEndpointSteps.fillInputField(3, 'NONE')
+
+        EditGraphqlEndpointSteps.getBooleanField(0).should('not.be.checked');
+        EditGraphqlEndpointSteps.toggleBooleanField(0);
+
+        // There is no select field in the data
+        // EditGraphqlEndpointSteps.getSelectField(0).should('have.value', 'Two');
+        // EditGraphqlEndpointSteps.selectOption(0, 'One');
+
+        // There is no multi select field in the data
+        // EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'Angular', 'JavaScript');
+        // EditGraphqlEndpointSteps.toggleMultiSelectOption(0, 'Angular');
+        // EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'JavaScript');
+
+        // There is no json field in the data
+        // EditGraphqlEndpointSteps.getJsonField(0).should('have.value', '{"foo": "bar"}');
+        // EditGraphqlEndpointSteps.clearJsonField(0);
+    });
+
+    it('should allow saving the configuration changes successfully', () => {
+        GraphqlStubs.spySaveEndpointConfiguration(repositoryId, 'swapi');
+        // Open the modal
+        GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
+        EditGraphqlEndpointSteps.getDialog().should('be.visible');
+
+        // Then the save button is disabled
+        EditGraphqlEndpointSteps.getOKButton().should('be.disabled');
+
+        // When I change some fields
+        EditGraphqlEndpointSteps.fillInputField(3, 'NONE');
+        EditGraphqlEndpointSteps.toggleBooleanField(0);
+
+        // Then the save button is enabled
+        EditGraphqlEndpointSteps.getOKButton().should('be.enabled');
+
+        // Submit the form
+        EditGraphqlEndpointSteps.clickOKButton();
+        EditGraphqlEndpointSteps.getSavingLoader().should('be.visible');
+        cy.wait('@save-endpoint-configuration').then((interception) => {
+            expect(interception.request.body).to.deep.equal({
+                "id": "swapi",
+                "label": "Ontotext Star Wars Ontology",
+                "description": "",
+                "active": true,
+                "default": true,
+                "options": {
+                    "enableTypeCount": true,
+                    "enableCollectionCount": false,
+                    "compactErrorMessages": false,
+                    "langFetch": null,
+                    "langValidate": null,
+                    "langImplicit": null,
+                    "langDefaultNameFetch": "NONE",
+                    "langAppendDefaultNameFetch": "true",
+                    "includeInferred": true,
+                    "expandOwlSameAs": true,
+                    "enableMutations": null,
+                    "defaultRole": "defaultRole",
+                    "enableGraphQLExplain": true,
+                    "exposeSomlInGraphQL": false,
+                    "disabledChecks": null,
+                    "defaultIntegrationRole": "Federation_SystemRole",
+                    "queryPrefix": null,
+                    "mutationPrefix": null
+                }
+            });
+        });
+
+        // Modal should close after successful save
+        EditGraphqlEndpointSteps.getDialog().should('not.exist');
+        ApplicationSteps.getSuccessNotifications().should('be.visible');
+    });
+
+    it('should show an error message if saving configuration fails', () => {
+        // Force the stub for save configuration to fail
+        GraphqlStubs.stubSaveEndpointConfiguration(repositoryId, 'swapi', 1000, true);
+
+        // Open the modal
+        GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
+        EditGraphqlEndpointSteps.getDialog().should('be.visible');
+
+        // Fill in a field to allow form submission
+        EditGraphqlEndpointSteps.fillInputField(0, 'ANY');
+
+        // Submit the form
+        EditGraphqlEndpointSteps.clickOKButton();
+        EditGraphqlEndpointSteps.getSavingLoader().should('be.visible');
+
+        // I see a toast error
+        ApplicationSteps.getErrorNotifications().should('be.visible');
+
+        // The modal remains open after failure
+        EditGraphqlEndpointSteps.getSavingLoader().should('not.exist');
+        EditGraphqlEndpointSteps.getDialog().should('be.visible');
+    });
+
+    it('should close the modal when cancel is clicked', () => {
+        GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
+        EditGraphqlEndpointSteps.getDialog().should('be.visible');
+
+        // Click cancel
+        EditGraphqlEndpointSteps.cancel();
+
+        // Verify that the modal is dismissed
+        EditGraphqlEndpointSteps.getDialog().should('not.exist');
+    });
+});