graphdb-workbench-tests 3.0.0-TR5 → 3.0.0-TR7

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

@@ -0,0 +1,196 @@
+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);
+        // 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);
+
+        // 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(0).should('have.value', 'strValue');
+        EditGraphqlEndpointSteps.fillInputField(0, 'Foo')
+
+        EditGraphqlEndpointSteps.getBooleanField(0).should('not.be.checked');
+        EditGraphqlEndpointSteps.toggleBooleanField(0);
+
+        EditGraphqlEndpointSteps.getSelectField(0).should('have.value', 'Two');
+        EditGraphqlEndpointSteps.selectOption(0, 'One');
+
+        EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'Angular', 'JavaScript');
+        EditGraphqlEndpointSteps.toggleMultiSelectOption(0, 'Angular');
+        EditGraphqlEndpointSteps.verifyMultiSelectOptionSelected(0, 'JavaScript');
+
+        EditGraphqlEndpointSteps.getJsonField(0).should('have.value', '{"foo": "bar"}');
+        EditGraphqlEndpointSteps.clearJsonField(0);
+    });
+
+    it('should allow saving the configuration changes successfully', () => {
+        GraphqlStubs.stubSaveEndpointConfiguration(repositoryId, 'swapi', 1000);
+        // 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(0, 'ANY');
+        EditGraphqlEndpointSteps.fillInputField(2, 'bg');
+        EditGraphqlEndpointSteps.toggleBooleanField(0);
+        EditGraphqlEndpointSteps.toggleBooleanField(1);
+
+        // 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([
+                {
+                    "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
+                }
+            ]);
+        });
+
+        // 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.only('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');
+    });
+});

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

@@ -10,7 +10,7 @@ describe('GraphQL endpoints filtering', () => {
         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/schema/swapi-schema.yaml', 'swapi');
+        // cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
         GraphqlStubs.stubGetEndpointsInfo(repositoryId);
         GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
     });

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

@@ -12,7 +12,7 @@ describe('GraphQL endpoints management', () => {
         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/schema/swapi-schema.yaml', 'swapi');
+        // cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
         GraphqlStubs.stubGetEndpointsInfo(repositoryId);
         GraphqlStubs.stubGetEndpoints(repositoryId, 'graphql-swapi-endpoints.json');
     });

package/integration/import/import-server-files-batch-operations.spec.js

@@ -1,5 +1,6 @@
 import {ImportServerFilesSteps} from "../../steps/import/import-server-files-steps";
 import {ImportSettingsDialogSteps} from "../../steps/import/import-settings-dialog-steps";
+import {SERVER_FILES_COUNT} from "../../steps/import/import-test-constants";
 
 describe('Import server files - Batch operations', () => {
 
@@ -11,7 +12,7 @@ describe('Import server files - Batch operations', () => {
         repositoryId = 'server-import-' + Date.now();
         cy.createRepository({id: repositoryId});
         ImportServerFilesSteps.visitServerImport(repositoryId);
-        ImportServerFilesSteps.getResources().should('have.length', 19);
+        ImportServerFilesSteps.getResources().should('have.length', SERVER_FILES_COUNT);
     });
 
     afterEach(() => {
@@ -48,7 +49,7 @@ describe('Import server files - Batch operations', () => {
         // When I select All files from the menu
         ImportServerFilesSteps.selectAllResources();
         // Then I should see all files selected
-        ImportServerFilesSteps.getSelectedResources().should('have.length', 19);
+        ImportServerFilesSteps.getSelectedResources().should('have.length', SERVER_FILES_COUNT);
         // When I select None from the menu
         ImportServerFilesSteps.deselectAllResources();
         // Then I should see no files selected
@@ -65,7 +66,7 @@ describe('Import server files - Batch operations', () => {
         // When I select Not Imported from the menu
         ImportServerFilesSteps.selectNotImportedResources();
         // Then I should see only not imported files selected
-        ImportServerFilesSteps.getSelectedResources().should('have.length', 18);
+        ImportServerFilesSteps.getSelectedResources().should('have.length', SERVER_FILES_COUNT - 1);
         // Deselect all for the next step
         ImportServerFilesSteps.deselectAllResources();
         ImportServerFilesSteps.getSelectedResources().should('have.length', 0);

package/integration/import/import-server-files.spec.js

@@ -2,7 +2,7 @@ import {ImportUserDataSteps} from "../../steps/import/import-user-data-steps";
 import {ImportServerFilesSteps} from "../../steps/import/import-server-files-steps";
 import {ImportSettingsDialogSteps} from "../../steps/import/import-settings-dialog-steps";
 import {ImportResourceMessageDialog} from "../../steps/import/import-resource-message-dialog";
-import {ApplicationSteps} from "../../steps/application-steps";
+import {SERVER_FILES_COUNT} from "../../steps/import/import-test-constants";
 
 describe('Import server files', () => {
 
@@ -14,7 +14,7 @@ describe('Import server files', () => {
         repositoryId = 'server-import-' + Date.now();
         cy.createRepository({id: repositoryId});
         ImportServerFilesSteps.visitServerImport(repositoryId);
-        ImportServerFilesSteps.getResources().should('have.length', 19);
+        ImportServerFilesSteps.getResources().should('have.length', SERVER_FILES_COUNT);
     });
 
     afterEach(() => {
@@ -66,7 +66,7 @@ describe('Import server files', () => {
         // When the server files tab is loaded
         // Then I should see all the files and folders by default
         ImportServerFilesSteps.getShowAllResourceTypesButton().should('have.class', 'active');
-        ImportServerFilesSteps.getResources().should('have.length', 19);
+        ImportServerFilesSteps.getResources().should('have.length', SERVER_FILES_COUNT);
         // When I select the folders only filter
         ImportServerFilesSteps.selectFoldersOnlyFilter();
         // Then I should see only the folders
@@ -75,7 +75,7 @@ describe('Import server files', () => {
         // When I select the files only filter
         ImportServerFilesSteps.selectFilesOnlyFilter();
         // Then I should see only the files
-        ImportServerFilesSteps.getResources().should('have.length', 17);
+        ImportServerFilesSteps.getResources().should('have.length', SERVER_FILES_COUNT - 2);
     });
 
     it('should be able to import the whole directory', () => {
@@ -180,8 +180,8 @@ describe('Import server files', () => {
         ImportServerFilesSteps.getResource(5).should('contain', "rdfxml.rdf");
         ImportServerFilesSteps.getResource(6).should('contain', "jsonld-file.jsonld");
         // checks files in root
-        ImportServerFilesSteps.getResource(15).should('contain', "0007-import-file.jsonld");
-        ImportServerFilesSteps.getResource(16).should('contain', "test_turtlestar.ttls");
-        ImportServerFilesSteps.getResource(17).should('contain', "bnodes.ttl");
+        ImportServerFilesSteps.getResource(17).should('contain', "0007-import-file.jsonld");
+        ImportServerFilesSteps.getResource(18).should('contain', "test_turtlestar.ttls");
+        ImportServerFilesSteps.getResource(19).should('contain', "bnodes.ttl");
     });
 });

package/integration/import/import-view.spec.js

@@ -3,6 +3,7 @@ import {ImportUserDataSteps} from "../../steps/import/import-user-data-steps";
 import {ImportServerFilesSteps} from "../../steps/import/import-server-files-steps";
 import ImportSteps from "../../steps/import/import-steps";
 import HomeSteps from "../../steps/home-steps";
+import {SERVER_FILES_COUNT} from "../../steps/import/import-test-constants";
 
 const bnodes = `_:node0 <http://purl.org/dc/elements/1.1/title> "A new book" ;
                     \t<http://purl.org/dc/elements/1.1/creator> "A.N.Other" .`;
@@ -39,7 +40,7 @@ describe('Import view', () => {
         // When I switch to the server files tab
         ImportUserDataSteps.openServerFilesTab();
         // Then I should see the server files only
-        ImportServerFilesSteps.getResources().should('have.length', 19);
+        ImportServerFilesSteps.getResources().should('have.length', SERVER_FILES_COUNT);
         // When I switch back to the user data tab
         ImportServerFilesSteps.openUserDataTab();
         // Then I should see the uploaded file

package/integration/setup/namespaces.spec.js

@@ -277,4 +277,23 @@ describe('Namespaces', () => {
         NamespaceSteps.getNamespacesTable().should('not.be.visible');
         NamespaceSteps.getNoNamespacesAlert().should('be.visible');
     });
+
+    it('Should got to the second page when click on second page button', () => {
+        // Given: I visited the namespaces view, and there is more than one page.
+        NamespaceSteps.getNamespacesPageElements()
+            // First page + three-page buttons + Last page.
+            .should('have.length', 5);
+        // The table with namespaces should contain the "geoext" namespace because it is among the first 10 namespaces (the paginator is set to 10 namespaces per page).
+        NamespaceSteps.getNamespace('geoext').should('be.visible');
+        // The namespace with the prefix "omgeo" should not exist because it is the fourteenth namespace and is only visible on the second page.
+        NamespaceSteps.verifyNamespaceNotExist('omgeo');
+
+        // When I go to the second page.
+        NamespaceSteps.getNamespacePageElement(2).click()
+
+        // Then I expect the "geoext" namespace to no longer be visible, as it is part of the first 10 namespaces.
+        NamespaceSteps.verifyNamespaceNotExist('geoext');
+        // The namespace with the prefix "omgeo" should now be visible because it appears on the second page.
+        NamespaceSteps.getNamespace('omgeo').should('be.visible');
+    });
 });

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
     "name": "graphdb-workbench-tests",
-    "version": "3.0.0-TR5",
+    "version": "3.0.0-TR7",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "graphdb-workbench-tests",
-            "version": "3.0.0-TR5",
+            "version": "3.0.0-TR7",
             "license": "Apache-2.0",
             "devDependencies": {
                 "cypress": "^13.3.1",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "graphdb-workbench-tests",
-    "version": "3.0.0-TR5",
+    "version": "3.0.0-TR7",
     "description": "Cypress tests for GraphDB workbench",
     "scripts": {
         "prepack": "npm shrinkwrap",

package/steps/graphql/create-graphql-endpoint-steps.js

@@ -19,6 +19,10 @@ export class CreateGraphqlEndpointSteps {
         return this.getView().find('.wizard-step.active');
     }
 
+    // ===================================
+    // Schema source view
+    // ===================================
+
     static getSelectSchemaSourceView() {
         return this.getView().find('.select-schema-source-view');
     }
@@ -31,7 +35,231 @@ export class CreateGraphqlEndpointSteps {
         return this.getSelectSchemaSourceView().find('.schema-source-type input[type=radio]:checked');
     }
 
+    static selectOntologiesAndShaclShapesOption() {
+        this.getSelectSchemaSourceView().find(`.schema-source-type input[type=radio]`).eq(1).click();
+    }
+
+    // ===================================
+    // Graphql schema shapes view
+    // ===================================
+
+    static getGraphqlSchemaShapesView() {
+        return this.getView().find('.graphql-schema-shapes');
+    }
+
+    static getGraphqlSchemaShapesNotFound() {
+        return this.getGraphqlSchemaShapesView().find('.no-shapes');
+    }
+
+    static getGraphqlSchemaSelector() {
+        return this.getGraphqlSchemaShapesView().find('.graphql-shapes-selector .shuttle-multiselect');
+    }
+
+    static getSelectedGraphqlShapesCountBanner() {
+        return this.getGraphqlSchemaSelector().find('.toolbar-right .selected-items-message');
+    }
+
+    static getAvailableGraphqlShapes() {
+        return this.getGraphqlSchemaSelector().find('.available-options .option-item');
+    }
+
+    static getAvailableGraphqlShape(index) {
+        return this.getAvailableGraphqlShapes().eq(index);
+    }
+
+    static getSelectedGraphqlShapes() {
+        return this.getGraphqlSchemaSelector().find('.selected-options .option-item');
+    }
+
+    static getSelectedGraphqlShape(index) {
+        return this.getSelectedGraphqlShapes().eq(index);
+    }
+
+    static selectAllGraphqlShapes() {
+        this.getGraphqlSchemaSelector().find('.add-all-btn').click();
+    }
+
+    static deselectAllGraphqlShapes() {
+        this.getGraphqlSchemaSelector().find('.remove-all-btn').click();
+    }
+
+    static selectGraphqlShape(index) {
+        this.getAvailableGraphqlShapes().eq(index).find('.add-btn').click();
+    }
+
+    static deselectAllGraphqlShape(index) {
+        this.getSelectedGraphqlShapes().eq(index).find('.remove-btn').click();
+    }
+
+    static filterSelectedGraphqlShapes(term) {
+        this.getGraphqlSchemaSelector().find('.toolbar-left .filter-selected').clear().type(term);
+    }
+
+    static clearSelectedGraphqlShapesFilter() {
+        this.getGraphqlSchemaSelector().find('.toolbar-left .filter-selected').clear();
+    }
+
+    // ===================================
+    // Ontologies and SHACL shapes view
+    // ===================================
+
+    static getOntologiesAndShaclShapesView() {
+        return this.getView().find('.ontologies-and-shacl-shapes');
+    }
+
+    static getGraphSourceTypes() {
+        return this.getOntologiesAndShaclShapesView().find('.graph-source-type input[type=radio]');
+    }
+
+    static getSelectedGraphSource() {
+        return this.getOntologiesAndShaclShapesView().find('.graph-source-type input[type=radio]:checked');
+    }
+
+    static selectUseAllGraphsOption() {
+        this.getOntologiesAndShaclShapesView().find(`.graph-source-type input[type=radio]`).eq(0).click();
+    }
+
+    static selectUseShaclShapeGraphsOption() {
+        this.getOntologiesAndShaclShapesView().find(`.graph-source-type input[type=radio]`).eq(1).click();
+    }
+
+    static selectPickGraphsOption() {
+        this.getOntologiesAndShaclShapesView().find(`.graph-source-type input[type=radio]`).eq(2).click();
+    }
+
+    static getGraphsNotFound() {
+        return this.getOntologiesAndShaclShapesView().find('.use-all-graphs .no-graphs');
+    }
+
+    static getAllGraphsWillBeUsedMessage() {
+        return this.getOntologiesAndShaclShapesView().find('.use-all-graphs .all-graphs-selected');
+    }
+
+    static getPickGraphsNoGraphsFound() {
+        return this.getOntologiesAndShaclShapesView().find('.select-graphs .no-graphs');
+    }
+
+    static getShaclShapeGraphsNotFound() {
+        return this.getOntologiesAndShaclShapesView().find('.use-all-shacl-shape-graphs .no-shacl-shapes');
+    }
+
+    static getEndpointParamsForm() {
+        return this.getView().find('.endpoint-params-form');
+    }
+
+    // Endpoint ID field
+    static getEndpointIdField() {
+        return this.getEndpointParamsForm().find('.endpoint-id');
+    }
+
+    static getEndpointIdFieldInput() {
+        return this.getEndpointIdField().find('input');
+    }
+
+    static typeEndpointId(endpointId) {
+        this.getEndpointIdFieldInput().clear().type(endpointId);
+    }
+
+    // Endpoint label field
+    static getEndpointLabelField() {
+        return this.getEndpointParamsForm().find('.endpoint-label');
+    }
+
+    static getEndpointLabelFieldInput() {
+        return this.getEndpointLabelField().find('input');
+    }
+
+    static typeEndpointLabel(endpointLabel) {
+        this.getEndpointLabelFieldInput().clear().type(endpointLabel);
+    }
+
+    // Vocabulary prefix select
+    static getVocabularyPrefixSelectField() {
+        return this.getEndpointParamsForm().find('.vocabulary-prefix');
+    }
+
+    static getVocabularyPrefixSelect() {
+        return this.getVocabularyPrefixSelectField().find('select');
+    }
+
+    static getVocabularyPrefixSelectOptions() {
+        return this.getVocabularyPrefixSelect().find('option');
+    }
+
+    static getVocabularyPrefixSelectSelectedOption() {
+        return this.getVocabularyPrefixSelect().find('option:selected');
+    }
+
+    static selectVocabularyPrefix(prefix) {
+        this.getVocabularyPrefixSelect().select(prefix);
+    }
+
+    // Graphs selector
+    static getGraphsSelector() {
+        return this.getOntologiesAndShaclShapesView().find('.graphs-selector .shuttle-multiselect');
+    }
+
+    static getAvailableGraphs() {
+        return this.getGraphsSelector().find('.available-options .option-item');
+    }
+
+    static getSelectedGraphs() {
+        return this.getGraphsSelector().find('.selected-options .option-item');
+    }
+
+    static getSelectedGraphsCountBanner() {
+        return this.getGraphsSelector().find('.toolbar-right .selected-items-message');
+    }
+
+    static selectAllGraphs() {
+        this.getGraphsSelector().find('.add-all-btn').click();
+    }
+
+    // ===================================
+    // Configure endpoint view
+    // ===================================
+
+    static getConfigureEndpointView() {
+        return this.getView().find('.endpoint-configuration-view');
+    }
+
+    static getGenerationSettingsForm() {
+        return this.getConfigureEndpointView().find('.generation-settings-form');
+    }
+
+    // ===================================
+    // Generate endpoint view
+    // ===================================
+
+    static getGenerateEndpointView() {
+        return this.getView().find('.generate-endpoint-view');
+    }
+
+    // ===================================
+    // Wizard actions
+    // ===================================
+
+    static getCancelButton() {
+        return this.getView().find('.cancel-btn');
+    }
+
     static cancelEndpointCreation() {
-        this.getView().find('.cancel-btn').click();
+        this.getCancelButton().click();
+    }
+
+    static getNextStepButton() {
+        return this.getView().find('.next-btn');
+    }
+
+    static next() {
+        this.getNextStepButton().click();
+    }
+
+    static getBackButton() {
+        return this.getView().find('.back-btn');
+    }
+
+    static back() {
+        this.getBackButton().click();
     }
 }