graphdb-workbench-tests 3.3.3 → 3.4.0-TR1

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.');
+    });
+});

package/e2e-legacy/guides/table-graph-explore/table-graph-explore-guide.spec.js

@@ -0,0 +1,167 @@
+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 {YasrSteps} from "../../../steps/yasgui/yasr-steps.js";
+import {ResourceSteps} from "../../../steps/resource/resource-steps.js";
+
+describe('Table Graph explore', () => {
+    const FILE_TO_IMPORT = 'wine.rdf';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'table-graph-explore-guide-step-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    describe('Table Graph explore without substeps', () => {
+        beforeEach(() => {
+            GuidesStubs.stubTableGraphExploreWithoutSubstepsGuide();
+
+            GuideSteps.visit();
+            GuideSteps.verifyGuidesListExists();
+            cy.wait('@getGuides');
+            GuideSteps.runFirstGuide();
+        });
+
+        it('Should explore visual graph (User interaction)', () => {
+            // GIVEN: A guide is started, and there are results in the SPARQL editor.
+            GuideDialogSteps.clickOnNextButton();
+
+            // WHEN: I click on a resource link in the results table.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 1/2');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to explore RDF data in tabular form without writing SPARQL queries. Click on the wine#madeFromGrape IRI to explore it.');
+            YasrSteps.clickOnResource(48, 1);
+
+            // THEN: I expect to see a dialog in the resource view.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 2/2');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table shows RDF statements where the subject is the selected IRI, wine#madeFromGrape. The view can be configured to show statements where the IRI is the subject, predicate, object, context or in any position.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // AND: The guide should end.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+            GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+        });
+
+        it('Should explore visual graph (Next flow)', () => {
+            // GIVEN: A guide is started, and there are results in the SPARQL editor.
+            GuideDialogSteps.clickOnNextButton();
+
+            // WHEN: I proceed using the Next button.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 1/2');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to explore RDF data in tabular form without writing SPARQL queries. Click on the wine#madeFromGrape IRI to explore it.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // THEN: I expect to see a dialog in the resource view.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 2/2');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table shows RDF statements where the subject is the selected IRI, wine#madeFromGrape. The view can be configured to show statements where the IRI is the subject, predicate, object, context or in any position.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // AND: The guide should end.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+            GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended');
+        });
+    });
+
+    describe('Table Graph explore', () => {
+        beforeEach(() => {
+            GuidesStubs.stubTableGraphExploreGuide();
+
+            GuideSteps.visit();
+            GuideSteps.verifyGuidesListExists();
+            cy.wait('@getGuides');
+            GuideSteps.runFirstGuide();
+        });
+
+        it('Should explore visual graph (User interaction)', () => {
+            // GIVEN: A guide is started, and there are results in the SPARQL editor.
+            GuideDialogSteps.clickOnNextButton();
+
+            // WHEN: I click on the resource link highlighted in the guide dialog.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 1/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to explore RDF data in tabular form without writing SPARQL queries. Click on the wine#madeFromGrape IRI to explore it.');
+            YasrSteps.clickOnResource(48, 1);
+
+            // THEN: I expect to see a dialog in the resource view.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 2/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table shows RDF statements where the subject is the selected IRI, wine#madeFromGrape. The view can be configured to show statements where the IRI is the subject, predicate, object, context or in any position.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // AND: The guide continues with substeps.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 3/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can click on any IRI in the table to navigate to it. Click on vin:WineGrape.');
+            YasrSteps.clickOnResource(2, 3);
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 4/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table provides an easy way to view triples in which a given IRI is the subject, predicate, or object.');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 5/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can configure the view to show RDF statements where the current IRI is the subject, predicate, object, context or in any position. Click on the all tab.This is an extra content');
+            ResourceSteps.selectRole('all');
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 6/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can always explore the same data using the Visual graph view. Click on the Visual graph button to try it now.');
+            ResourceSteps.clickOnVisualGraphButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 7/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The graph shows connections between the start node, vin:WineGrape, and other nodes. Each arrow represents one or more connections (RDF statements).');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 8/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can click on any IRI in the table to navigate to it. Click on wine#madeFromGrape.');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+            GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+        });
+
+        it('Should explore visual graph (Next flow)', () => {
+            // GIVEN: A guide is started, and there are results in the SPARQL editor.
+            GuideDialogSteps.clickOnNextButton();
+
+            // WHEN: I proceed using the Next button.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 1/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to explore RDF data in tabular form without writing SPARQL queries. Click on the wine#madeFromGrape IRI to explore it.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // THEN: I expect to see a dialog in the resource view.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 2/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table shows RDF statements where the subject is the selected IRI, wine#madeFromGrape. The view can be configured to show statements where the IRI is the subject, predicate, object, context or in any position.');
+            GuideDialogSteps.clickOnNextButton();
+
+            // AND: The guide continues with substeps.
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 3/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can click on any IRI in the table to navigate to it. Click on vin:WineGrape.');
+            YasrSteps.clickOnResource(2, 3);
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 4/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The table provides an easy way to view triples in which a given IRI is the subject, predicate, or object.');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 5/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can configure the view to show RDF statements where the current IRI is the subject, predicate, object, context or in any position. Click on the all tab.This is an extra content');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 6/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can always explore the same data using the Visual graph view. Click on the Visual graph button to try it now.');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 7/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('The graph shows connections between the start node, vin:WineGrape, and other nodes. Each arrow represents one or more connections (RDF statements).');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('Explore RDF as a table — 8/8');
+            GuideDialogSteps.assertDialogWithContentIsVisible('You can click on any IRI in the table to navigate to it. Click on wine#madeFromGrape.');
+            GuideDialogSteps.clickOnNextButton();
+
+            GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+            GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+        });
+    });
+});

package/e2e-legacy/guides/ttyg/edit-agent/edit-ttyg-agent-guide.spec.js

@@ -14,6 +14,8 @@ describe('Edit TTYG agent guide', () => {
     beforeEach(() => {
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
         RepositoriesStubs.stubBaseEndpoints(repositoryId);
+        cy.presetRepository(repositoryId);
+
         GuidesStubs.stubTTYGEditAgentGuide();
 
         GuideSteps.visit();
@@ -25,7 +27,6 @@ describe('Edit TTYG agent guide', () => {
 
     it('should end guide when no api key is present', () => {
         TTYGStubs.stubAgentListGetError('Set the config property \'graphdb.llm.api-key\' to your LLM API key');
-        cy.presetRepository(repositoryId);
 
         GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 1/18');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Lab menu.');
@@ -41,7 +42,6 @@ describe('Edit TTYG agent guide', () => {
     });
 
     it('should edit TTYG agent', () => {
-        cy.presetRepository(repositoryId);
         TTYGStubs.stubAgentListGet();
         TTYGStubs.stubAgentDefaultsGet();
         TTYGStubs.stubChatGet();