graphdb-workbench-tests 3.0.0-TR7 → 3.0.0-TR9

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

@@ -10,13 +10,8 @@ describe('Graphql: edit endpoint settings', () => {
         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.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
-        GraphqlStubs.stubGetEndpointsInfo(repositoryId);
-        GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
-        GraphqlStubs.stubGetEndpointConfiguration(repositoryId, 'swapi', undefined, 1000);
-
+        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
@@ -28,29 +23,32 @@ describe('Graphql: edit endpoint settings', () => {
     });
 
     it('should display and edit different types dynamic form fields', () => {
-        GraphqlStubs.stubGetEndpointConfiguration(repositoryId, 'swapi', 'graphql-endpoint-configuration-types.json');
+        // GraphqlStubs.stubGetEndpointConfiguration(repositoryId, 'swapi', 'graphql-endpoint-configuration-types.json');
         GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
         EditGraphqlEndpointSteps.getDialog().should('be.visible');
 
-        EditGraphqlEndpointSteps.getInputField(0).should('have.value', 'strValue');
-        EditGraphqlEndpointSteps.fillInputField(0, 'Foo')
+        EditGraphqlEndpointSteps.getInputField(3).should('have.value', 'ANY');
+        EditGraphqlEndpointSteps.fillInputField(3, 'NONE')
 
         EditGraphqlEndpointSteps.getBooleanField(0).should('not.be.checked');
         EditGraphqlEndpointSteps.toggleBooleanField(0);
 
-        EditGraphqlEndpointSteps.getSelectField(0).should('have.value', 'Two');
-        EditGraphqlEndpointSteps.selectOption(0, 'One');
+        // There is no select field in the data
+        // EditGraphqlEndpointSteps.getSelectField(0).should('have.value', 'Two');
+        // EditGraphqlEndpointSteps.selectOption(0, 'One');
 
-        EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'Angular', 'JavaScript');
-        EditGraphqlEndpointSteps.toggleMultiSelectOption(0, 'Angular');
-        EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'JavaScript');
+        // There is no multi select field in the data
+        // EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'Angular', 'JavaScript');
+        // EditGraphqlEndpointSteps.toggleMultiSelectOption(0, 'Angular');
+        // EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'JavaScript');
 
-        EditGraphqlEndpointSteps.getJsonField(0).should('have.value', '{"foo": "bar"}');
-        EditGraphqlEndpointSteps.clearJsonField(0);
+        // 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.stubSaveEndpointConfiguration(repositoryId, 'swapi', 1000);
+        GraphqlStubs.spySaveEndpointConfiguration(repositoryId, 'swapi');
         // Open the modal
         GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
         EditGraphqlEndpointSteps.getDialog().should('be.visible');
@@ -59,10 +57,8 @@ describe('Graphql: edit endpoint settings', () => {
         EditGraphqlEndpointSteps.getOKButton().should('be.disabled');
 
         // When I change some fields
-        EditGraphqlEndpointSteps.fillInputField(0, 'ANY');
-        EditGraphqlEndpointSteps.fillInputField(2, 'bg');
+        EditGraphqlEndpointSteps.fillInputField(3, 'NONE');
         EditGraphqlEndpointSteps.toggleBooleanField(0);
-        EditGraphqlEndpointSteps.toggleBooleanField(1);
 
         // Then the save button is enabled
         EditGraphqlEndpointSteps.getOKButton().should('be.enabled');
@@ -71,88 +67,28 @@ describe('Graphql: edit endpoint settings', () => {
         EditGraphqlEndpointSteps.clickOKButton();
         EditGraphqlEndpointSteps.getSavingLoader().should('be.visible');
         cy.wait('@save-endpoint-configuration').then((interception) => {
-            expect(interception.request.body).to.deep.equal([
-                {
-                    "key": "enable_mutations",
-                    "value": true
-                },
-                {
-                    "key": "lang.fetch",
-                    "value": "ANY"
-                },
-                {
-                    "key": "lang.validate",
-                    "value": "UNIQ"
-                },
-                {
-                    "key": "lang.implicit",
-                    "value": "bg"
-                },
-                {
-                    "key": "lang.defaultNameFetch",
-                    "value": "ANY"
-                },
-                {
-                    "key": "lang.appendDefaultNameFetch",
-                    "value": false
-                },
-                {
-                    "key": "queryPfx",
-                    "value": null
-                },
-                {
-                    "key": "mutationPfx",
-                    "value": null
-                },
-                {
-                    "key": "search",
-                    "value": null
-                },
-                {
-                    "key": "repository",
-                    "value": null
-                },
-                {
-                    "key": "includeInferred",
-                    "value": true
-                },
-                {
-                    "key": "expandOwlSameAs",
-                    "value": true
-                },
-                {
-                    "key": "disabledChecks",
-                    "value": []
-                },
-                {
-                    "key": "defaultRole",
-                    "value": "defaultRole"
-                },
-                {
-                    "key": "defaultIntegrationRole",
-                    "value": "Federation_SystemRole"
-                },
-                {
-                    "key": "exposeSomlInGraphQL",
-                    "value": false
-                },
-                {
-                    "key": "enableCollectionCount",
-                    "value": false
-                },
-                {
-                    "key": "enableTypeCount",
-                    "value": false
-                },
-                {
-                    "key": "compactErrorMessages",
-                    "value": false
-                },
-                {
-                    "key": "enableGraphQlExplain",
-                    "value": true
+            expect(interception.request.body).to.deep.equal({
+                "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
@@ -183,7 +119,7 @@ describe('Graphql: edit endpoint settings', () => {
         EditGraphqlEndpointSteps.getDialog().should('be.visible');
     });
 
-    it.only('should close the modal when cancel is clicked', () => {
+    it('should close the modal when cancel is clicked', () => {
         GraphqlEndpointManagementSteps.editEndpointConfiguration(0);
         EditGraphqlEndpointSteps.getDialog().should('be.visible');
 

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

@@ -1,5 +1,4 @@
 import {GraphqlEndpointManagementSteps} from "../../steps/graphql/graphql-endpoint-management-steps";
-import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
 
 describe('GraphQL endpoints filtering', () => {
     let repositoryId;
@@ -8,11 +7,9 @@ describe('GraphQL endpoints filtering', () => {
         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');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-planets.yaml', 'swapi-planets');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-species.yaml', 'swapi-species');
     });
 
     afterEach(() => {
@@ -26,19 +23,19 @@ describe('GraphQL endpoints filtering', () => {
         // Then I should see all endpoints
         GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
         // When I filter the endpoints by the term "film"
-        GraphqlEndpointManagementSteps.filterEndpoints('film');
+        GraphqlEndpointManagementSteps.filterEndpoints('planets');
         // 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,
+                id: 'swapi-planets',
+                label: 'Star Wars planets API',
+                description: '',
+                default: false,
                 active: true,
-                modified: '2025-01-28',
-                types: 13,
-                properties: 133
+                modified: new Date().toISOString().split('T')[0],
+                types: 1,
+                properties: 10
             }
         ]);
         // When I clear the filter
@@ -47,7 +44,7 @@ describe('GraphQL endpoints filtering', () => {
         GraphqlEndpointManagementSteps.getEndpointsInfo().should('have.length', 3);
     });
 
-    it('should render no results banner when all endpoints are filtered', () => {
+    it.only('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/graphql/graphql-endpoint-management-view.spec.js

@@ -10,37 +10,12 @@ describe('GraphQL endpoints management', () => {
         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');
@@ -50,82 +25,114 @@ describe('GraphQL endpoints management', () => {
         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');
-    });
+    context('with endpoints', () => {
+        beforeEach(() => {
+            cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+            cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+            cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-planets.yaml', 'swapi-planets');
+            cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-species.yaml', 'swapi-species');
+        });
 
-    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');
+        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');
         });
-        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');
+        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: 'Ontotext Star Wars Ontology',
+                    description: '',
+                    default: true,
+                    active: true,
+                    modified: new Date().toISOString().split('T')[0],
+                    types: 56,
+                    properties: 68
+                },
+                {
+                    id: 'swapi-planets',
+                    label: 'Star Wars planets API',
+                    description: '',
+                    default: false,
+                    active: true,
+                    modified: new Date().toISOString().split('T')[0],
+                    types: 1,
+                    properties: 10
+                },
+                {
+                    id: 'swapi-species',
+                    label: 'Star Wars species API',
+                    description: '',
+                    default: false,
+                    active: true,
+                    modified: new Date().toISOString().split('T')[0],
+                    types: 2,
+                    properties: 17
+                }
+            ]);
+        });
+
+        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');
+            // This is supposed to test for a inactive endpoint, due to some error during generation for example,
+            // but we can't simulate it by uploading SOML schemas. We test this in other tests.
+            // GraphqlEndpointManagementSteps.getEndpointLink(2).should('have.prop', 'tagName', 'SPAN');
+            GraphqlEndpointManagementSteps.getEndpointLink(2).should('have.prop', 'tagName', 'A');
+            // 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', 'swapi-planets');
+        });
     });
 });

package/integration/graphql/graphql-playground.spec.js

@@ -1,5 +1,7 @@
 import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps";
-import {GraphqlStubs} from "../../stubs/graphql/graphql-stubs";
+import {GraphiqlPlaygroundSteps} from "../../steps/graphql/graphiql-playground-steps";
+import {GraphiQLEditorToolsSteps} from "../../steps/graphql/graphiql-editor-tools-steps";
+import {LanguageSelectorSteps} from "../../steps/language-selector-steps";
 
 describe('GraphQL Playground', () => {
     let repositoryId;
@@ -22,53 +24,71 @@ describe('GraphQL Playground', () => {
         GraphqlPlaygroundSteps.getNoSchemasAlert().should('be.visible');
     });
 
-    it('should load GraphQL Playground', () => {
-        GraphqlStubs.stubGetEndpoints(repositoryId);
-        GraphqlStubs.stubCountriesSchema();
-        // Given I have opened the workbench
-        // When I visit the GraphQL Playground page
-        GraphqlPlaygroundSteps.visit();
-        // Then I should see the graphql endpoints select menu
-        GraphqlPlaygroundSteps.getEndpointsSelectMenu().should('be.visible');
-        // And the endpoints menu should contain 2 options
-        GraphqlPlaygroundSteps.getEndpointsSelectMenuOptions().should('have.length', 2);
-        // Then I should see the GraphQL Playground component
-        GraphqlPlaygroundSteps.getPlayground().should('exist').and('be.visible');
-    });
+    context('with schemas', () => {
 
-    it('should be able to change the endpoint', () => {
-        GraphqlStubs.stubGetEndpoints(repositoryId);
-        GraphqlStubs.stubCountriesSchema();
-        // When I visit the GraphQL Playground page
-        GraphqlPlaygroundSteps.visit();
-        GraphqlPlaygroundSteps.getPlayground().should('exist').and('be.visible');
-        // Then I should see the countries endpoint selected
-        GraphqlPlaygroundSteps.getSelectedEndpoint().should('have.text', 'countries');
-        // And I can execute a query on the countries endpoint
-        GraphqlPlaygroundSteps.setInEditor(`
-          query GetContinentById {
-            continent(code: "EU") {
-              name
-            }
-          }
-        `);
-        // And I execute the query
-        GraphqlPlaygroundSteps.executeQuery();
-        // Then I get expected result
-        GraphqlPlaygroundSteps.getResponse().should('contain', '"name": "Europe"');
-        // When I change the endpoint to countries
-        GraphqlStubs.stubStubRickAndMortySchema();
-        GraphqlPlaygroundSteps.selectEndpoint('rickmorty');
-        GraphqlPlaygroundSteps.setInEditor(`
-          query Character {
-            character(id: "2") {
-              name
-            }
-          }
-        `);
-        // And I execute the query
-        GraphqlPlaygroundSteps.executeQuery();
-        // Then I get expected result from the new endpoint
-        GraphqlPlaygroundSteps.getResponse().should('contain', '"name": "Morty Smith"');
+        beforeEach(() => {
+            cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+            cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+            cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-planets.yaml', 'swapi-planets');
+        });
+
+        it('should load GraphQL Playground', () => {
+            // Given I have opened the workbench
+            // When I visit the GraphQL Playground page
+            GraphqlPlaygroundSteps.visit();
+            // Then I should see the graphql endpoints select menu
+            GraphqlPlaygroundSteps.getEndpointsSelectMenu().should('be.visible');
+            // And the endpoints menu should contain 2 options
+            GraphqlPlaygroundSteps.getEndpointsSelectMenuOptions().should('have.length', 2);
+            // Then I should see the GraphQL Playground component
+            GraphqlPlaygroundSteps.getPlayground().should('exist').and('be.visible');
+        });
+
+        it('should be able to change the endpoint', () => {
+            // When I visit the GraphQL Playground page
+            GraphqlPlaygroundSteps.visit();
+            GraphqlPlaygroundSteps.getPlayground().should('exist').and('be.visible');
+            // Then I should see the countries endpoint selected
+            GraphqlPlaygroundSteps.getSelectedEndpoint().should('have.text', 'swapi');
+            // And I can execute a query on the countries endpoint
+            GraphqlPlaygroundSteps.setInEditor(`
+                query StarshipById {
+                  starship(ID: "https://swapi.co/resource/starship/9") {
+                    name
+                  }
+                }
+            `);
+            // And I execute the query
+            GraphqlPlaygroundSteps.executeQuery();
+            // Then I get expected result
+            GraphqlPlaygroundSteps.getResponse().should('contain', '"name": "Death Star"');
+            // When I change the endpoint to countries
+            // GraphqlStubs.stubStubRickAndMortySchema();
+            GraphqlPlaygroundSteps.selectEndpoint('swapi-planets');
+            GraphqlPlaygroundSteps.setInEditor(`
+                query PlanetById {
+                  planet(ID: "https://swapi.co/resource/planet/1") {
+                    name
+                  }
+                }
+            `);
+            // And I execute the query
+            GraphqlPlaygroundSteps.executeQuery();
+            // Then I get expected result from the new endpoint
+            GraphqlPlaygroundSteps.getResponse().should('contain', '"name": "Tatooine"');
+        });
+
+        it('should be able to translate the labels', () => {
+            // Given: I have opened the workbench on the GraphQL Playground page.
+            GraphqlPlaygroundSteps.visit();
+            GraphiqlPlaygroundSteps.getPlayground().should('be.visible');
+            // the GraphQL is translated on english
+            GraphiQLEditorToolsSteps.getGraphiQLEditorTabButton(1).contains('Headers');
+
+            // When: I change the language.
+            LanguageSelectorSteps.changeLanguage('fr');
+            // Then: I expect to see GraphQL playground translated.
+            GraphiQLEditorToolsSteps.getGraphiQLEditorTabButton(1).contains('En-têtes');
+        });
     });
 });