graphdb-workbench-tests 3.3.3 → 3.4.0-SPARQL12-TR1

package/e2e-legacy/explore/visual-graph/visual.graph.spec.js

@@ -26,9 +26,9 @@ describe('Visual graph screen validation', () => {
         cy.deleteRepository(repositoryId);
     });
 
-    context('Embedded', () => {
+    describe('Embedded', () => {
         it('Should not show main manu, header and footer in embedded mode', () => {
-            cy.visit('/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Chardonnay&embedded')
+            cy.visit('/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23Chardonnay&embedded');
             VisualGraphSteps.verifyPageLoaded();
             MainMenuSteps.getMainMenu().should('not.exist');
             HomeSteps.getPageFooter().should('not.exist');
@@ -36,7 +36,7 @@ describe('Visual graph screen validation', () => {
         });
     });
 
-    context('When autocomplete is disabled', () => {
+    describe('When autocomplete is disabled', () => {
         it('Test notification when autocomplete is disabled', () => {
             cy.visit('graphs-visualizations');
             cy.window();
@@ -50,7 +50,7 @@ describe('Visual graph screen validation', () => {
         });
     });
 
-    context('When autocomplete is enabled', () => {
+    describe('When autocomplete is enabled', () => {
         beforeEach(() => {
             cy.enableAutocomplete(repositoryId);
             //http://localhost:9000/graphs-visualizations?uri=http:%2F%2Fwww.w3.org%2FTR%2F2003%2FPR-owl-guide-20031209%2Fwine%23USRegion
@@ -66,12 +66,7 @@ describe('Visual graph screen validation', () => {
             ApplicationSteps.getErrorNotifications().should('be.visible').and('contain', 'Invalid IRI');
         });
 
-        it('Test search for a valid resource', {
-            retries: {
-                openMode: 0,
-                runMode: 1,
-            },
-        }, () => {
+        it('Test search for a valid resource', () => {
             AutocompleteStubs.spyAutocompleteStatus();
             VisualGraphSteps.visit();
             // Verify autocomplete is ON, because sometimes in CI it is OFF and fails when searching for Resource
@@ -89,12 +84,12 @@ describe('Visual graph screen validation', () => {
 
         it('Test default graph state', () => {
             VisualGraphSteps.openUSRegionUri();
-            VisualGraphSteps.openVisualGraphSettings();
+            // Verify that the default settings are as follows:
+            // Maximum links to show: 100
+            VisualGraphSteps.getLinksNumberField().and('have.value', '100');
 
+            VisualGraphSteps.openVisualGraphSettings();
             cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
-                // Verify that the default settings are as follows:
-                // Maximum links to show: 20
-                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
                 // Preferred lang: en
                 cy.get('.preferred-languages .tag-item').should('have.length', 1)
                     .and('contain', 'en');
@@ -131,32 +126,17 @@ describe('Visual graph screen validation', () => {
 
         it('Test invalid links limit should show error to user ', () => {
             VisualGraphSteps.openUSRegionUri();
-            VisualGraphSteps.openVisualGraphSettings();
-
-            cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
-                // Verify that the default settings are as follows:
-                // Maximum links to show: 20
-                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
-                // Update default 20
-                VisualGraphSteps.updateLinksLimitField('1001')
-                    .then(() => {
-                        // Try to put invalid value such as 1001
-                        cy.get('.idError')
-                            .should('be.visible')
-                            .and('contain.text', 'Invalid links limit');
-                    });
-                // Try to save the invalid value
-                VisualGraphSteps.getSaveSettingsButton().and('not.be.disabled')
-                    .click();
-                // Then reset to default settings
-                VisualGraphSteps.getResetSettingsButton().and('not.be.disabled')
-                    .click()
-                    .then(() => {
-                        VisualGraphSteps.getLinksNumberField().and('have.value', '20');
-                        cy.get('.idError')
-                            .should('not.exist');
-                    });
-            });
+            // Verify that the default settings are as follows:
+            // Maximum links to show: 100
+            VisualGraphSteps.getLinksNumberField().and('have.value', '100');
+            // Update default 100
+            VisualGraphSteps.updateLinksLimitField('1001')
+                .then(() => {
+                    // Try to put invalid value such as 1001
+                    cy.get('.idError')
+                        .should('be.visible')
+                        .and('contain.text', 'Enter a number up to 1000');
+                });
         });
 
         it('Test search for a valid resource with links', () => {
@@ -167,10 +147,10 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.openVisualGraphHome();
             // Search for "USRegion" again
             VisualGraphSteps.searchForResourceAndOpen(VALID_RESOURCE, VALID_RESOURCE);
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
             // Verify that links are counted by nodes and not by triples (predicates)
-            VisualGraphSteps.getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 37);
         });
 
         it('Test collapse and expand a node', () => {
@@ -218,6 +198,7 @@ describe('Visual graph screen validation', () => {
             // Verify that before given node is removed there are 4 of them
             VisualGraphSteps.getNodes().and('have.length', 4);
             // Click once on node different than parent one with the mouse
+            // eslint-disable-next-line cypress/no-unnecessary-waiting
             cy.get('.node-wrapper circle').eq(1)
                 // The wait is needed because mouseover event will result in
                 // pop-up of menu icons only if nodes are not moving
@@ -269,34 +250,34 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test verify mouse/keyboard actions', () => {
-            const mouseActions = 'Mouse actions\n                ' +
-                '\n                    \n                    \n                        \n                            ' +
-                'Single click\n                        \n                        ' +
-                'View node details and properties\n                    \n                    \n                        \n                            ' +
-                'Double click\n                        \n                        ' +
-                'Load node connections\n                    \n                    \n                        \n                            ' +
-                'Ctrl/Cmd-click\n                        \n                        ' +
-                'Removes a node and its links\n                    \n                    \n                        \n                            ' +
-                'Ctrl/Cmd-Shift-click\n                        \n                        ' +
-                'Restart the view with that node as a central one\n                    \n                    \n                        \n                            ' +
-                'Click and drag a node\n                        \n                        ' +
-                'Move a node by dragging it (will also pin down the node)\n                    \n                    \n                        \n                            ' +
-                'Right click a node\n                        \n                        ' +
-                'Pin down or unpin the node\n                    \n                    \n                        \n                            ' +
-                'Click and drag outside a node\n                        \n                        ' +
-                'Move the whole graph\n';
-            const touchActions = 'Touch actions\n            \n                \n                \n                    \n                        ' +
-                'Tap\n                    \n                    ' +
-                'View node details and properties\n                \n                \n                    \n                        ' +
-                'Tap and hold\n                    \n                    ' +
-                'Removes a node and its links\n                \n                \n                    \n                        ' +
-                'Tap twice\n                    \n                    ' +
-                'Load node connections\n';
-            const keyboardActions = 'Keyboard actions\n                \n                    \n                        \n                            ' +
-                'Left arrow\n                        \n                        ' +
-                'Rotate the graph to the left\n                    \n                    \n                        \n                            ' +
-                'Right arrow\n                        \n                        ' +
-                'Rotate the graph to the right\n';
+            const mouseActions = 'MOUSE ACTIONS\n                    \n                        \n                            ' +
+                'Single click\n                            ' +
+                'View node details and properties\n                        \n                        \n                            ' +
+                'Double click\n                            ' +
+                'Load node connections\n                        \n                        \n                            ' +
+                'Ctrl|Cmd\n                            ' +
+                'Click\n                            ' +
+                'Removes a node and its links\n                        \n                        \n                            ' +
+                'Ctrl|Cmd\n                            ' +
+                'Shift\n                            ' +
+                'Click\n                            ' +
+                'Restart the view with that node as a central one\n                        \n                        \n                            ' +
+                'Click and drag a node\n                            ' +
+                'Move a node by dragging it (will also pin down the node)\n                        \n                        \n                            ' +
+                'Right click a node\n                            ' +
+                'Pin down or unpin the node\n                        \n                        \n                            ' +
+                'Click and drag outside a node\n                            ' +
+                'Move the whole graph\n                        \n                    \n                \n                \n';
+            const touchActions = 'TOUCH ACTIONS\n                    \n                        \n                            ' +
+                'Tap\n                            ' +
+                'View node details and properties\n                        \n                        \n                            ' +
+                'Tap and hold\n                            ' +
+                'Removes a node and its links\n                        \n                        \n                            ' +
+                'Tap twice\n                            ' +
+                'Load node connections\n                        \n                    \n                \n                \n';
+            const keyboardActions = 'KEYBOARD ACTIONS\n                    \n                        \n                            \n                            ' +
+                'Rotate the graph to the left\n                        \n                        \n                            \n                            ' +
+                'Rotate the graph to the right\n                        \n                    \n                \n            \n        \n';
 
             VisualGraphSteps.openUSRegionUri();
             // Click on "mouse and keyboard actions" in the lower right corner of the screen
@@ -316,20 +297,16 @@ describe('Visual graph screen validation', () => {
         it('Test maximum links to show', () => {
             VisualGraphSteps.openUSRegionUri();
 
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
 
-            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 2
             VisualGraphSteps.updateLinksLimitField('2');
-            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
             VisualGraphSteps.getPredicates().should('have.length', 2);
 
-            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 100
             VisualGraphSteps.updateLinksLimitField('100');
-            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
             VisualGraphSteps.getPredicates().should('have.length', 36);
         });
@@ -340,10 +317,10 @@ describe('Visual graph screen validation', () => {
             VisualGraphSteps.toggleInferredStatements(true);
 
             // Verify that many results are displayed
-            // Verify that 20 links (nodes) are displayed
-            VisualGraphSteps.getPredicates().should('have.length', 20);
+            // Verify that 36 links (nodes) are displayed
+            VisualGraphSteps.getPredicates().should('have.length', 36);
             // Verify that more than three nodes are displayed
-            VisualGraphSteps.getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 37);
 
             // Switch Include Inferred Statements off
             VisualGraphSteps.toggleInferredStatements(false);
@@ -439,9 +416,6 @@ describe('Visual graph screen validation', () => {
             // Modify the settings first
             VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
-            // Maximum links to show: 20
-            VisualGraphSteps.updateLinksLimitField('10')
-                .should('have.value', '10');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1)
                 .eq(0).should('contain', 'en');
@@ -482,8 +456,6 @@ describe('Visual graph screen validation', () => {
 
             VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
-            // Maximum links to show: 20
-            VisualGraphSteps.getLinksNumberField().and('have.value', '20');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1);
             // Include inferred: false

package/e2e-legacy/guides/execute-sparql-query/execute-sparql-query-guide.spec.js

@@ -0,0 +1,92 @@
+import {GuideSteps} from '../../../steps/guides/guide-steps.js';
+import {GuideDialogSteps} from '../../../steps/guides/guide-dialog-steps.js';
+import {MainMenuSteps} from '../../../steps/main-menu-steps.js';
+import {GuidesStubs} from '../../../stubs/guides/guides-stubs.js';
+import SparqlSteps from '../../../steps/sparql-steps.js';
+import {YasqeSteps} from '../../../steps/yasgui/yasqe-steps.js';
+import {YasrSteps} from '../../../steps/yasgui/yasr-steps.js';
+
+describe('Execute SPARQL query guide steps', () => {
+    let repositoryId;
+    const FILE_TO_IMPORT = 'swapi-dataset.ttl';
+
+    beforeEach(() => {
+        repositoryId = 'execute-sparql-query-guide-' + Date.now();
+        GuidesStubs.stubExecuteSparqlQueryGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should execute SPARQL query', () => {
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the SPARQL Query & Update view to execute queries.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 2/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        MainMenuSteps.clickOnSparqlMenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 3/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Enter the following SPARQL query: ');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Extra content for query.');
+        GuideDialogSteps.copyQueryToEditor();
+        YasqeSteps.verifyQueryTyped("PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>\n select * where { \n\t?s rdfs:label ?o .\n} limit 3 ")
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 4/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Run button.');
+        YasqeSteps.forceExecuteQuery();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 5/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The table shows the results from executing the query.');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Extra content for result.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Some extra explain content');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the rdf:type IRI to explore it.');
+        YasrSteps.clickOnResource(0, 1);
+        cy.url().should('include', '/resource?uri=https:%2F%2Fswapi.co%2Fresource%2Fplanet%2F25');
+        YasrSteps.getResults().should('have.length', 10);
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the SPARQL Query & Update view to execute queries.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 2/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        MainMenuSteps.clickOnSparqlMenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 3/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Enter the following SPARQL query:');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The query constructs a graph of films and their characters from the Star Wars API.');
+        GuideDialogSteps.copyQueryToEditor();
+        YasqeSteps.verifyQueryTyped("PREFIX voc: <https://swapi.co/vocabulary/>\nPREFIX swapi: <https://swapi.co/resource/>\n\nCONSTRUCT {\n?film swapi:hasCharacter ?person .\n}\nWHERE {\n?film a voc:Film ;\nvoc:character ?person .\n}")
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 4/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Run button.');
+        YasqeSteps.forceExecuteQuery();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL Query & Update — 5/5');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Visual button.');
+        SparqlSteps.visualizeConstructQuery();
+        cy.url().should('include', '/graphs-visualizations');
+
+        GuideDialogSteps.clickOnCloseButton();
+        GuideDialogSteps.assertDialogIsClosed();
+    });
+});

package/e2e-legacy/guides/import-rdf-file/confirm-duplicate-rdf-file.spec.js

@@ -0,0 +1,63 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import ImportSteps from "../../../steps/import/import-steps.js";
+import {ImportUserDataSteps} from "../../../steps/import/import-user-data-steps.js";
+import {ImportSettingsDialogSteps} from "../../../steps/import/import-settings-dialog-steps.js";
+import {MainMenuSteps} from "../../../steps/main-menu-steps.js";
+import {FileOverwriteDialogSteps} from "../../../steps/import/file-overwrite-dialog-steps.js";
+
+describe('Confirm duplicate RDF file', () => {
+    const GUIDE_RESOURCE_FILE = 'starwars.ttl';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'confirm-duplicate-rdf-file-guide-step-' + Date.now();
+        GuidesStubs.stubConfirmDuplicatedRDFFileGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide()
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display an additional step that prompts the user to override the already imported file', () => {
+        // GIVEN: I have already uploaded an RDF file with the same name as the guide's rdf file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        ImportSettingsDialogSteps.import();
+        ImportUserDataSteps.checkImportedResource(0, GUIDE_RESOURCE_FILE);
+
+        // WHEN: I run a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        MainMenuSteps.clickOnMenuImport();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I should see an additional step that prompts me to override the already imported file.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 4/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Yes button to override the existing file.');
+
+        // WHEN: The user confirms the override.
+        FileOverwriteDialogSteps.overwrite();
+
+        // THEN: The guide should continue with the import step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        GuideDialogSteps.clickOnNextButton();
+    });
+});

package/e2e-legacy/guides/import-rdf-file/import-rdf-file.spec.js

@@ -0,0 +1,105 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import ImportSteps from "../../../steps/import/import-steps.js";
+import {ToasterSteps} from "../../../steps/toaster-steps.js";
+import {MainMenuSteps} from "../../../steps/main-menu-steps.js";
+import {ImportSettingsDialogSteps} from "../../../steps/import/import-settings-dialog-steps.js";
+
+describe('Import RDF file', () => {
+    const GUIDE_RESOURCE_FILE = 'starwars.ttl';
+    const WRONG_GUIDE_RESOURCE_FILE = 'movies.ttl';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'import-rdf-file-guide-step-' + Date.now();
+        GuidesStubs.stubImportRDFFileGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide()
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should import an RDF file (User interaction)', () => {
+        // GIVEN: I start a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        MainMenuSteps.clickOnMenuImport();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+
+        // WHEN: I try to upload a wrong RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${WRONG_GUIDE_RESOURCE_FILE}`);
+
+        // THEN: An error message should be displayed.
+        ToasterSteps.verifyError(`The uploaded file does not match the expected resource. Please upload ${GUIDE_RESOURCE_FILE}.`)
+        // AND: The guide should still be on the same step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible(`Click on the Upload RDF files button and choose a file with the name ${GUIDE_RESOURCE_FILE}.`);
+
+        // WHEN: I upload the correct RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I expect the guide to continue.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        ImportSettingsDialogSteps.import();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 6/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Wait until import finished.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+
+    it('Should import an RDF file (Next flow)', () => {
+        // GIVEN: I start a guide that includes the Import RDF File step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Import view to import data from a file.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 2/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 3/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Upload RDF files button and choose a file with the name starwars.ttl.');
+
+        // WHEN: I try to continue with the guide without selecting an RDF file.
+        GuideDialogSteps.clickOnNextButton();
+
+        // THEN: An error message should be displayed.
+        ToasterSteps.verifyError(`Upload the file ${GUIDE_RESOURCE_FILE} first`);
+        // AND: The guide should still be on the same step.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file');
+        GuideDialogSteps.assertDialogWithContentIsVisible(`Click on the Upload RDF files button and choose a file with the name ${GUIDE_RESOURCE_FILE}.`);
+
+        // WHEN: I upload the correct RDF file.
+        ImportSteps.selectFile(`fixtures/guides/${GUIDE_RESOURCE_FILE}`);
+
+        // THEN: I expect the guide to continue.
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 5/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import button.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 6/6');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Wait until import finished.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+});

package/e2e-legacy/guides/navigation/navigation-guide.spec.js

@@ -0,0 +1,64 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import {NotFoundSteps} from "../../../steps/not-found/not-found-steps.js";
+import {BaseSteps} from "../../../steps/base-steps.js";
+import {RepositoriesStubs} from "../../../stubs/repositories/repositories-stubs.js";
+
+describe('navigation guide', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'navigation-guide-' + Date.now();
+        RepositoriesStubs.stubBaseEndpoints(repositoryId);
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        GuidesStubs.stubNavigationGuide();
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should navigate between microfrontends', () => {
+        // Given I am on the 404 page, which is an angular view
+        BaseSteps.getUrl().should('include', '404');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Navigation');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This is a 404 page');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Navigation');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This is the go back home button');
+
+        // When I navigate to the home page
+        NotFoundSteps.clickGoHomeButton();
+
+        // Then I should see the home page, which is an angularjs view
+        BaseSteps.getUrl().should('include', '/');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Navigation');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This is the home page');
+        // When, I navigate to an angular view again (/sparql-new)
+        GuideDialogSteps.clickOnNextButton();
+
+        // Then I should see the new sparql view, which is an angular view
+        BaseSteps.getUrl().should('include', 'sparql-new');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Navigation');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This is the new sparql view');
+
+        // When, I navigate to an angularjs view again (import)
+        GuideDialogSteps.clickOnNextButton();
+
+        // Then I should see the import page, which is an angularjs view
+        BaseSteps.getUrl().should('include', 'import');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Navigation');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This is the import view');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended');
+    });
+});

package/e2e-legacy/guides/rdf-rank/rdf-rank-guide.spec.js

@@ -0,0 +1,42 @@
+import {GuidesStubs} from "../../../stubs/guides/guides-stubs.js";
+import {GuideSteps} from "../../../steps/guides/guide-steps.js";
+import {GuideDialogSteps} from "../../../steps/guides/guide-dialog-steps.js";
+import {RdfRankSteps} from "../../../steps/setup/rdf-rank-steps.js";
+
+describe('RDF rank', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'rdf-rank-guide-step-' + Date.now();
+        GuidesStubs.stubRDFRankGuide();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide()
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should compute RDF Rank (User interaction)', () => {
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on Compute Full to start the RDF Rank computation.');
+        RdfRankSteps.computeRdfRank();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+
+    it('Should compute RDF Rank (Next flow)', () => {
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on Compute Full to start the RDF Rank computation.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+});