graphdb-workbench-tests 2.7.6 → 2.8.0-RC1

package/integration/home/workbench.home.spec.js

@@ -1,199 +1,13 @@
 import HomeSteps from '../../steps/home-steps';
 
-const FILE_TO_IMPORT = 'wine.rdf';
-
 describe('Home screen validation', () => {
 
-    const FOAT_SNIPPET = '@base <http://example.org/> .\n' +
-        '@prefix foaf: <http://xmlns.com/foaf/0.1/> .\n' +
-        '<#green-goblin>\n' +
-        'a foaf:Person ;    # in the context of the Marvel universe\n' +
-        'foaf:name "Green Goblin" .\n';
-    const GOBLIN_URI = 'http://example.org/#green-goblin';
-
     beforeEach(() => {
         cy.viewport(1280, 1000);
-    });
-
-    context('RDF resource search', () => {
-        it('Search button should not be present when no repo is selected', () => {
-            HomeSteps.visitAndWaitLoader();
-            cy.get('.search-rdf-btn').should('not.exist');
-            cy.get('.search-rdf-input').should('not.exist');
-        });
-
-        it('Search should be made from home page search when repo is set and on home page', () => {
-            const repositoryId = '23repo' + Date.now();
-            cy.createRepository({id: repositoryId});
-            cy.initializeRepository(repositoryId);
-            cy.enableAutocomplete(repositoryId);
-            cy.presetRepository(repositoryId);
-
-            // When I visit home page with selected repository
-            HomeSteps.visitAndWaitLoader();
-            // Search rdf button should be visible
-            cy.get('.search-rdf-btn').should('be.visible');
-            // When I click the button
-            HomeSteps.doNotOpenRdfSearchBoxButFocusResourceSearch();
-            // I should be able to type some text in the input on home page
-            cy.get('#search-resource-input-home > #search-resource-box > input').type('hasPos');
-            // And the autocomplete dropdown should become visible
-            cy.get('#search-resource-input-home > #auto-complete-results-wrapper').should('be.visible');
-            // // When I click the close button
-            cy.get('#search-resource-input-home > #search-resource-box > .clear-icon').click();
-            // // The input should be cleared
-            cy.get('#search-resource-input-home > #search-resource-box > input').should('have.value', '');
-
-            cy.deleteRepository(repositoryId);
-        });
-
-        it('Search should be present when repo is set', () => {
-            const repositoryId = '23repo' + Date.now();
-            cy.createRepository({id: repositoryId});
-            cy.initializeRepository(repositoryId);
-            cy.enableAutocomplete(repositoryId);
-            cy.presetRepository(repositoryId);
-
-            // When I visit not home page with selected repository
-            cy.visit('/graphs');
-            cy.get('.ot-splash').should('not.be.visible');
-            cy.get('.ot-loader-new-content').should('not.exist');
-            // Search rdf button should be visible
-            cy.get('.search-rdf-btn').should('be.visible');
-            // When I click the button
-            HomeSteps.openRdfSearchBox();
-            // I should be able to type some text in the input
-            cy.get('.search-rdf-input search-resource-input .view-res-input').type('hasPos');
-            // And the autocomplete dropdown should become visible
-            cy.get('.search-rdf-input #auto-complete-results-wrapper').should('be.visible');
-            // When I click the close button
-            cy.get('.close-rdf-search-btn').click();
-            // The input should not be cleared
-            cy.get('.search-rdf-input search-resource-input .view-res-input').should('have.value', 'hasPos');
-            // And the search bar should hide and not be visible
-            cy.get('.search-rdf-input').should('not.be.visible');
-            // And the suggestions list should not be visible
-            cy.get('.search-rdf-input #auto-complete-results-wrapper').should('not.be.visible');
-            // And the search button should be visible
-            cy.get('.search-rdf-btn').should('be.visible');
-            // When I open again the search box
-            HomeSteps.openRdfSearchBox();
-            // The input should have value 'hasPos'
-            cy.get('.search-rdf-input search-resource-input .view-res-input').should('have.value', 'hasPos');
-            // And dropdown should be visible
-            cy.get('.search-rdf-input #auto-complete-results-wrapper').should('be.visible');
-            // When I press 'escape'
-            cy.get('.search-rdf-input search-resource-input .view-res-input').type('{esc}');
-            // Search box should not be visible
-            cy.get('.search-rdf-input').should('not.be.visible');
-
-            cy.deleteRepository(repositoryId);
-        });
-
-        it('Search should be persisted on page reload', () => {
-            const repositoryId = '23repo' + Date.now();
-            cy.createRepository({id: repositoryId});
-            cy.initializeRepository(repositoryId);
-            cy.enableAutocomplete(repositoryId);
-            cy.presetRepository(repositoryId);
-
-            cy.visit('/graphs', {
-                onBeforeLoad (win) {
-                    cy.stub(win, 'open').as('window.open');
-                }
-            });
-            cy.get('.ot-splash').should('not.be.visible');
-            cy.get('.ot-loader-new-content').should('not.exist');
-            // Search rdf button should be visible
-            cy.get('.search-rdf-btn').should('be.visible');
-            // When I click the button
-            HomeSteps.openRdfSearchBox();
-            // I should be able to type some text in the input
-            cy.get('.search-rdf-input search-resource-input .view-res-input')
-                .type('hasPos').then(() => {
-                // When I select option from suggestions
-                cy.get(".search-rdf-input #auto-complete-results-wrapper p")
-                    .contains('hasPos')
-                    .click()
-                    .then(() => {
-                        // Search result should be opened in new window
-                        cy.get('@window.open').should('be.calledWith', 'resource?uri=http%3A%2F%2Fwww.w3.org%2Fns%2Forg%23hasPost');
-                    });
-            });
-
-            // When I revisit the home page
-            cy.visit('/graphs');
-            // When I open again the search box
-            HomeSteps.openRdfSearchBox();
-            // The input should have value 'hasPos' from previous search
-            cy.get('.search-rdf-input search-resource-input .view-res-input').should('have.value', 'hasPos');
-            // And dropdown should be visible
-            cy.get('.search-rdf-input #auto-complete-results-wrapper').should('be.visible');
-            // When I press 'escape'
-            cy.get('.search-rdf-input search-resource-input .view-res-input')
-                .type('{esc}')
-                .then(() => {
-                    // Search box should not be visible
-                    cy.get('.search-rdf-input').should('not.be.visible');
-                });
-
-            cy.deleteRepository(repositoryId);
-        });
-
-        it('Should test RDF resource search box', () => {
-            //Prepare repository, autocomplete and import data.
-            const repositoryId = 'repository-' + Date.now();
-            cy.createRepository({id: repositoryId});
-            cy.initializeRepository(repositoryId);
-            cy.presetRepository(repositoryId);
-            cy.importServerFile(repositoryId, FILE_TO_IMPORT);
-            cy.enableAutocomplete(repositoryId);
-            HomeSteps.visitAndWaitLoader();
-
-            //Verify that the main resource search box is focused
-            getRDFResourceSearchBox().click();
-            cy.focused().should('have.attr', 'placeholder', 'Search RDF resources...');
-
-            //Navigate away from the Homepage, to be able to test the new resource search box
-            cy.visit('/graphs', {
-                onBeforeLoad (win) {
-                    cy.stub(win, 'open').as('window.open');
-                }
-            });
-
-            cy.get('.ot-splash').should('not.be.visible');
-            cy.get('.ot-loader-new-content').should('not.exist');
-
-            getRDFResourceSearchBox().click();
-            //Verify that the new resource search box is focused
-            cy.focused().should('have.attr', 'placeholder', 'Search RDF resources...')
-
-            //Verify autocomplete suggestions count
-            cy.focused().then(() => {
-                cy.get('#search-resource-box input')
-                    .should('be.visible')
-                    .type('Dry');
-                cy.get('#auto-complete-results-wrapper')
-                    .should('be.visible')
-                    .children()
-                    .should('have.length', 7);
-            })
-
-            //Test table and visual buttons.
-            cy.get("#auto_0").should('be.visible').click();
-            // Search result should be opened in new window
-            cy.get('@window.open').should('be.calledWith', 'resource?uri=http%3A%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Dry');
-
-            getVisualButton().click();
-            cy.get("#auto_0").should('be.visible').click();
-            cy.get('@window.open').should('be.calledWith', 'graphs-visualizations?uri=http%3A%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Dry');
-            cy.deleteRepository(repositoryId);
-        });
+        HomeSteps.visitAndWaitLoader();
     });
 
     context('First visit', () => {
-        beforeEach(() => HomeSteps.visitAndWaitLoader());
-
         it('Verify that tutorial panel exists', () => {
             HomeSteps.verifyTutorialVisible(true);
         });
@@ -213,94 +27,4 @@ describe('Home screen validation', () => {
             HomeSteps.verifyTutorialVisible(false);
         });
     });
-
-    context('Creating repository', () => {
-        beforeEach(() => HomeSteps.visitAndWaitLoader());
-
-        it('Test create and select new repository via home page', () => {
-            HomeSteps.verifyCreateRepositoryLink();
-
-            const repositoryId = HomeSteps.createRepo();
-            // Initializing the repository to speed up retrieving repository info
-            cy.initializeRepository(repositoryId);
-
-            HomeSteps.selectRepo(repositoryId);
-            HomeSteps.verifyRepositoryIsSelected(repositoryId);
-            HomeSteps.hasRepositoryInfo(repositoryId);
-
-            cy.deleteRepository(repositoryId);
-        });
-
-        it('Test saved SPARQL queries links on home page and confirm dialog appearance', () => {
-            const repositoryId = HomeSteps.createRepo();
-            HomeSteps.selectRepo(repositoryId);
-
-            HomeSteps.verifyQueryLink('Add statements', true);
-            HomeSteps.verifyQueryLink('Clear graph', true);
-            HomeSteps.verifyQueryLink('Remove statements', true);
-            HomeSteps.verifyQueryLink('SPARQL Select template', false);
-
-            cy.deleteRepository(repositoryId);
-        });
-    });
-
-    context('"View resource" autocomplete', () => {
-        it('Test homepage autocomplete when it is enabled', () => {
-            const repositoryId = HomeSteps.createRepo();
-            HomeSteps.selectRepo(repositoryId);
-
-            // Type an invalid resource
-            HomeSteps.getAutocompleteInput().type('hfsafa');
-            HomeSteps.noAutocompleteToast();
-
-            cy.importRDFTextSnippet(repositoryId, FOAT_SNIPPET);
-            cy.enableAutocomplete(repositoryId);
-
-            HomeSteps.visitAndWaitLoader(true).then((el) => el)
-                .then(() => HomeSteps.getAutocompleteDisplayTypeButton('table').click())
-                .then(() => HomeSteps.autocompleteText('Green', GOBLIN_URI))
-                .then(() => HomeSteps.getAutocompleteResultElement(GOBLIN_URI).click())
-                .then(() => // Search result should be opened in new window
-                    cy.get('@window.open').should('be.calledWith', 'resource?uri=http%3A%2F%2Fexample.org%2F%23green-goblin'))
-                .then(() => HomeSteps.getAutocompleteDisplayTypeButton('visual').click())
-                .then(() => HomeSteps.getAutocompleteResultElement(GOBLIN_URI).click())
-                .then(() => // Search result should be opened in new window
-                    cy.get('@window.open').should('be.calledWith', 'graphs-visualizations?uri=http%3A%2F%2Fexample.org%2F%23green-goblin'));
-            cy.deleteRepository(repositoryId);
-        });
-
-        it('should not suggest resources in "View resources" when autocomplete is not enabled', () => {
-            const repositoryId = HomeSteps.createRepo();
-            cy.importRDFTextSnippet(repositoryId, FOAT_SNIPPET);
-
-            HomeSteps.visitAndWaitLoader();
-            HomeSteps.selectRepo(repositoryId);
-
-            HomeSteps.getAutocompleteInput().type('Green');
-            HomeSteps.noAutocompleteToast();
-
-            cy.deleteRepository(repositoryId);
-        });
-    });
-
-    context('Set preferred language', () => {
-        beforeEach(() => HomeSteps.visitAndWaitLoader());
-        it('language button should be visible and actionable', () => {
-            cy.get('#languageGroupDrop')
-                .should('be.visible')
-                .click()
-                .then(() => {
-                    cy.get('.dropdown-menu .dropdown-item')
-                        .should('have.length.at.least', 1);
-                });
-        });
-    });
-
-    function getRDFResourceSearchBox() {
-        return cy.get('rdf-resource-search').should('be.visible');
-    }
-
-    function getVisualButton() {
-        return cy.get('.display-type-visual-btn').should('be.visible');
-    }
 });

package/integration/import/import-user-data-file-upload.spec.js

@@ -99,11 +99,14 @@ describe('Import user data: File upload', () => {
         ImportUserDataSteps.getResourcesTable().should('be.hidden');
         // When I upload a file
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[0], bnodes));
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see the uploaded file
         ImportUserDataSteps.checkImportedResource(0, 'bnodes.ttl');
         // When I upload another file
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[1], jsonld));
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see the uploaded file - it becomes first in the list
         ImportUserDataSteps.checkImportedResource(0, 'jsonld.jsonld');
@@ -111,6 +114,7 @@ describe('Import user data: File upload', () => {
         // When I override the first file
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[0], bnodes));
         FileOverwriteDialogSteps.overwrite();
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see the uploaded file - it becomes first in the list
         // TODO: timestamps currently seems to not be changed on reimport
@@ -119,6 +123,7 @@ describe('Import user data: File upload', () => {
         // When I override the second file
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[1], jsonld));
         FileOverwriteDialogSteps.overwrite();
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see the uploaded file - it becomes first in the list
         ImportUserDataSteps.checkImportedResource(0, 'jsonld.jsonld');
@@ -131,6 +136,7 @@ describe('Import user data: File upload', () => {
         // When I start to upload a file
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[0], bnodes));
         // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.uploadOnly();
         // Then I should see the uploaded file
         ImportUserDataSteps.getResources().should('have.length', 1);
@@ -149,6 +155,7 @@ describe('Import user data: File upload', () => {
         const file2 = ImportUserDataSteps.createFile(testFiles[1], jsonld);
         ImportUserDataSteps.selectFile([file1, file2]);
         // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see the uploaded file
         ImportUserDataSteps.getResources().should('have.length', 2);
@@ -165,6 +172,8 @@ describe('Import user data: File upload', () => {
         ImportUserDataSteps.getResourcesTable().should('be.hidden');
         const file1 = ImportUserDataSteps.createFile(testFiles[0], bnodes);
         ImportUserDataSteps.selectFile(file1);
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         ImportUserDataSteps.getResources().should('have.length', 1);
         ImportUserDataSteps.checkImportedResource(0, 'bnodes.ttl');
@@ -186,6 +195,8 @@ describe('Import user data: File upload', () => {
         ImportUserDataSteps.getResourcesTable().should('be.hidden');
         const file1 = ImportUserDataSteps.createFile(testFiles[0], bnodes);
         ImportUserDataSteps.selectFile(file1);
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         ImportUserDataSteps.getResources().should('have.length', 1);
         ImportUserDataSteps.checkImportedResource(0, 'bnodes.ttl');
@@ -220,6 +231,8 @@ describe('Import user data: File upload', () => {
         // When I upload a file with invalid format
         const file1 = ImportUserDataSteps.createFile(testFiles[2], jsonld);
         ImportUserDataSteps.selectFile(file1);
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         // Then I should see an error message
         ImportUserDataSteps.getResources().should('have.length', 1);

package/integration/import/import-user-data.spec.js

@@ -1,6 +1,7 @@
 import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
 import {ImportUserDataSteps} from "../../steps/import/import-user-data-steps";
 import {ImportSettingsDialogSteps} from "../../steps/import/import-settings-dialog-steps";
+import {WindowSteps} from "../../steps/window-steps";
 
 const RDF_TEXT_SNIPPET = '@prefix ab:<http://learningsparql.com/ns/addressbook#>.\n\n' +
     'ab:richard ab:homeTel "(229)276-5135".\n' +
@@ -27,7 +28,12 @@ describe('Import user data', () => {
         cy.url().should('include', '/import#user');
         // Then I should see the user help icons
         ImportUserDataSteps.showPageInfoPopover();
-        ImportUserDataSteps.getPageInfoPopover().should('be.visible');
+        ImportUserDataSteps.getPageInfoPopover()
+            .should('be.visible')
+            .find('a')
+            .should('have.attr', 'href', 'https://graphdb.ontotext.com/documentation/master/loading-data-using-the-workbench.html')
+            .and('contain.text', 'Learn more in the GraphDB documentation');
+        ImportUserDataSteps.hidePageInfoPopover();
         // And user data import tab should be selected by default
         ImportUserDataSteps.getActiveTab().should('have.text', 'User data');
         ImportUserDataSteps.getUserDataTab().should('be.visible');
@@ -114,6 +120,6 @@ describe('Import user data', () => {
         // And I click the copy button next to the max file size limit property
         ImportUserDataSteps.copyMaxFileSizeLimitProperty();
         // Then I should be able to copy the max file size limit property
-        ImportUserDataSteps.getClipboardTextContent().should('equal', 'graphdb.workbench.maxUploadSize');
+        WindowSteps.getClipboardTextContent().should('equal', 'graphdb.workbench.maxUploadSize');
     });
 });

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

@@ -31,6 +31,8 @@ describe('Import view', () => {
         // Given I have opened the user data tab and uploaded a single file
         ImportUserDataSteps.getResourcesTable().should('be.hidden');
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[0], bnodes));
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         ImportUserDataSteps.getResources().should('have.length', 1);
         ImportUserDataSteps.getResourceByName('bnodes.ttl').should('be.visible');
@@ -43,6 +45,7 @@ describe('Import view', () => {
         // Then I should see the uploaded file
         ImportUserDataSteps.getResources().should('have.length', 1);
         ImportUserDataSteps.getResourceByName('bnodes.ttl').should('be.visible');
+        ImportUserDataSteps.checkImportedResource(0, 'bnodes.ttl');
     });
 
     it('Should display/hide help message depends on resource result', () => {
@@ -99,10 +102,12 @@ describe('Import view', () => {
         // When I go to user tab and upload a file
         ImportSteps.openUserDataTab();
         // And I wait for tab data to load
-        cy.wait(100);
         ImportUserDataSteps.selectFile(ImportUserDataSteps.createFile(testFiles[0], bnodes));
+        // Then the import settings dialog should open automatically
+        ImportSettingsDialogSteps.getDialog().should('be.visible');
         ImportSettingsDialogSteps.import();
         ImportUserDataSteps.getResources().should('have.length', 1);
+        ImportUserDataSteps.checkImportedResource(0, 'bnodes.ttl');
 
         // Then I expect the help message not exist, because user because there are resource displayed
         ImportUserDataSteps.getHelpMessage().should('not.exist');

package/integration/repository/attach-remote-location.spec.js

@@ -0,0 +1,203 @@
+import {RepositorySteps} from "../../steps/repository-steps";
+import {AttachRepositorySteps} from "../../steps/repositories/attach-repository-steps";
+import {ModalDialogSteps} from "../../steps/modal-dialog-steps";
+import {RepositoriesStubs} from "../../stubs/repositories/repositories-stubs";
+
+describe('Attach remote location', () => {
+
+    it('Should create and delete remote instance', () => {
+        cy.visit('/repository');
+        RepositorySteps.waitLoader();
+        RepositorySteps.waitUntilRepositoriesPageIsLoaded();
+
+        // When I open the "Attach a remote instance" dialog.
+        AttachRepositorySteps.openAttachRemoteLocationDialog();
+
+        // Then I expect the "Attach" button to be disabled (not clickable), because location URL is mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.disabled');
+        // and authentication type to be "None". This is default location type.
+        AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'No authentication will be used with this location.');
+        // I expect GraphDB type be selected
+        AttachRepositorySteps.getGraphDBRadioBtn().should('be.checked');
+
+        // When I fill wrong location URL
+        AttachRepositorySteps.enterURL("Wrong URL");
+
+        // Then I expect to see error message
+        AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'Note that the location should be a URL that points to a remote GraphDB installation,');
+
+        // When I clear the wrong URL
+        AttachRepositorySteps.clearURL();
+
+        // Then I expect to see an error message that states the location is required.
+        AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'Location URL is required.');
+
+        // When I fill correct URL
+        AttachRepositorySteps.enterURL("http://loc");
+
+        // Then I expect the "Attach" button to be enabled
+        AttachRepositorySteps.getAttachBtn().should('be.enabled');
+
+        // When I switch to basic authentication
+        AttachRepositorySteps.selectBasicRadioBtn();
+
+        // Then I expect the "Attach" button to be disabled (not clickable), because Username and Password are mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.disabled');
+
+        // When I fill Username
+        AttachRepositorySteps.enterUsername('username');
+
+        // Then I expect the "Attach" button to be disabled (not clickable), because Password is mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.disabled');
+
+        // When I fill password
+        AttachRepositorySteps.enterPassword('password');
+        // Then I expect the "Attach" button to be enabled
+        AttachRepositorySteps.getAttachBtn().should('be.enabled');
+
+        // When I remove the Username and Password and
+        AttachRepositorySteps.clearUsername();
+        AttachRepositorySteps.clearPassword();
+        // switch to Signature authentication type
+        AttachRepositorySteps.selectSignatureRadioBtn();
+
+        // Then I expect the "Attach" button to be enabled, because only location URL is mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.enabled');
+
+        // When I clear the location URL
+        AttachRepositorySteps.clearURL();
+
+        // Then I expect the "Attach" button to be disabled (not clickable), because Location URL is mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.disabled');
+
+        // When I switch to Ontopic instance
+        AttachRepositorySteps.selectOntopicRadioBtn();
+        // Then I expect the "Attach" button to be disabled (not clickable), because Location URL, ClienatId and Secret are mandatory
+        AttachRepositorySteps.getAttachBtn().should('be.disabled');
+
+        // When I fill wrong location URL
+        AttachRepositorySteps.enterURL("Wrong URL");
+
+        // Then I expect to see error message
+        AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'Note that the location should be a URL that points to a remote Ontopic installation,');
+
+        // When I clear the wrong URL
+        AttachRepositorySteps.clearURL();
+
+        // Then I expect to see an error message that states the location is required.
+        AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'Location URL is required.');
+
+        // When I fill all mandatory fields
+        AttachRepositorySteps.enterURL('http://local');
+        AttachRepositorySteps.enterUsername("username");
+        AttachRepositorySteps.enterPassword('password');
+
+        // Then I expect the "Attach" button to be enabled
+        AttachRepositorySteps.getAttachBtn().should('be.enabled');
+
+        // When I click the "Attach" button
+        AttachRepositorySteps.attachRemoteLocation();
+
+        // Then I expect location with URL "http://local" to be created
+        RepositorySteps.getSparqlOntopicTable().should('contain', 'http://local');
+
+        // When delete the created location
+        RepositorySteps.deleteOntopicInstance('http://local');
+
+        // I expect to see deleting confirmation dialog.
+        ModalDialogSteps.getDialogBody().should('contain', 'Are you sure you want to detach the location \'http://local\'?');
+
+        // When I confirm
+        ModalDialogSteps.clickOnConfirmButton();
+
+        // Then I expect the location to be deleted.
+        RepositorySteps.getSparqlOntopicTable().should('not.exist');
+    });
+
+    it('Should render different location types in separate tables: error, location with and without repositories', () => {
+        RepositoriesStubs.stubRepositories();
+        RepositoriesStubs.stubLocations();
+        cy.visit('/repository');
+        cy.wait('@get-all-repositories');
+        RepositorySteps.waitLoader();
+        RepositorySteps.waitUntilRepositoriesPageIsLoaded();
+
+        // When I open the Repositories view that contains all possible kind of locations.
+        RepositorySteps.getLocalGraphDBTable().should('exist');
+        // Then I expect to see the repositories from location GraphDb instance
+        RepositorySteps.getLocalGraphDBTable().contains('test · RUNNING');
+        // and a remote GraphDB instance with no repositories in it
+        RepositorySteps.getRemoteGraphDBTable().contains('There are no repositories in the current location');
+        // and a remote GrapDB instance with repositories
+        RepositorySteps.getRemoteGraphDBTable().contains('repository-1716184200859 · RUNNI');
+        // and a remote GraphDB instance with error in it
+        RepositorySteps.getRemoteGraphDBTable().contains('Cannot connect to location Connect to localhost:7212 [localhost/127.0.0.1] fa');
+        // and a remote Ontopic instance
+        RepositorySteps.getSparqlOntopicTable().contains('http://local');
+    });
+
+    it('Should edit remote location dialog', () => {
+        cy.visit('/repository');
+        RepositorySteps.waitLoader();
+        RepositorySteps.waitUntilRepositoriesPageIsLoaded();
+
+        const locationId = 'http://local';
+        addRemoteSPARQLLocation(locationId, 'username', 'password');
+        RepositorySteps.getLocalGraphDBTable().should('exist');
+        // When I click to edit the SPARQL instance
+        RepositorySteps.editSparqlInstance(0);
+        // Then I expect to see that SPARQL instance is selected
+        AttachRepositorySteps.getSparqlEndpointRadioBtn().should('be.checked');
+        // And be disabled
+        AttachRepositorySteps.getSparqlEndpointRadioBtn().should('be.disabled');
+        // The location url be set
+        AttachRepositorySteps.getLocationURLInput().should('have.value', locationId);
+        // And be disabled for edit
+        AttachRepositorySteps.getLocationURLInput().should('be.disabled');
+        ModalDialogSteps.close();
+        // Then I can remove the new location
+        RepositorySteps.deleteSparqlLocation(locationId);
+        // When I confirm
+        ModalDialogSteps.clickOnConfirmButton();
+    });
+
+    it('Should create and delete SPARQL endpoint instance', () => {
+        cy.visit('/repository');
+        RepositorySteps.waitLoader();
+        RepositorySteps.waitUntilRepositoriesPageIsLoaded();
+
+        const locationId = 'http://endpoint/repo/ex';
+        addRemoteSPARQLLocation(locationId, 'username', 'password');
+        // Then the dialog has closed
+        ModalDialogSteps.getDialog().should('not.exist');
+        // And the SPARQL table should be visible
+        RepositorySteps.getSparqlOntopicTable().should('contain', locationId);
+        // Then I can remove the new location
+        RepositorySteps.deleteSparqlLocation(locationId);
+        // When I confirm
+        ModalDialogSteps.clickOnConfirmButton();
+        // Then the instance should be gone
+        RepositorySteps.getSparqlOntopicTable().should('not.exist');
+    });
+});
+
+function addRemoteSPARQLLocation(url, username, password) {
+    // When I open the "Attach a remote instance" dialog.
+    AttachRepositorySteps.openAttachRemoteLocationDialog();
+    // Then I expect the "Attach" button to be disabled (not clickable), because location URL is mandatory
+    AttachRepositorySteps.getAttachBtn().should('be.disabled');
+    // And authentication type to be "None". This is default location type.
+    AttachRepositorySteps.getRemoteLocationDialog().should('contain', 'No authentication will be used with this location.');
+    // I expect GraphDB type be selected
+    AttachRepositorySteps.getGraphDBRadioBtn().should('be.checked');
+    // When I select SPARQL Endpoint instance
+    AttachRepositorySteps.selectSparqlEndpointRadioBtn();
+    // When I fill correct URL, username and password
+    AttachRepositorySteps.enterURL(url);
+    AttachRepositorySteps.enterUsername(username);
+    AttachRepositorySteps.enterPassword(password);
+    // Then I expect the "Attach" button to be enabled
+    AttachRepositorySteps.getAttachBtn().should('be.enabled');
+    // And when I attach the location, it should be visible in the list
+    AttachRepositorySteps.attachRemoteLocation();
+}