graphdb-workbench-tests 3.3.1 → 3.3.2-RC1

package/e2e-legacy/graphql/graphql-theme.spec.js

@@ -0,0 +1,73 @@
+import {PlaygroundEditorSteps} from "../../steps/graphql/playground-editor-steps.js";
+import {GraphqlPlaygroundSteps} from "../../steps/graphql/graphql-playground-steps.js";
+
+describe('Graphiql Editor Themes', () => {
+    let repositoryId;
+    const THEME_PERSISTENCE_KEY = 'ls.workbench-settings';
+
+    beforeEach(() => {
+        repositoryId = 'graphiql-editor-themes-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'swapi-dataset.ttl');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema.yaml', 'swapi');
+        cy.uploadGraphqlSchema(repositoryId, 'graphql/soml/swapi-schema-planets.yaml', 'swapi-planets');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should apply the default theme if theme is not persisted in local store', () => {
+        // GIVEN: I have opened the workbench and no theme is persisted in local storage.
+
+        // WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the default "graphiql" theme class should be applied to the CodeMirror instances.
+        verifyTheme('graphiql');
+    });
+
+    it('should apply the light theme if the light theme is persisted in local store', () => {
+        // GIVEN: I have opened the workbench and the light theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"light"}));
+
+        // WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the default "graphiql" theme class should be applied to the CodeMirror instances.
+        verifyTheme('graphiql');
+    });
+
+    it('should apply the moxer theme if the dark theme is persisted in local store', () => {
+        // GIVEN: I have opened the workbench and the dark theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"dark"}));
+
+        /// WHEN: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        // THEN: the "moxer" theme class should be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+    });
+
+    it('should not change the theme if the active endpoint is changed', () => {
+        // GIVEN: I have opened the workbench and the dark theme is persisted in local storage.
+        cy.setLocalStorage(THEME_PERSISTENCE_KEY, JSON.stringify({"theme":"default-theme","mode":"dark"}));
+        /// AND: I visit the GraphQL Playground page
+        GraphqlPlaygroundSteps.visit();
+        //the "moxer" theme class should be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+
+        // WHEN: I change the active endpoint
+        GraphqlPlaygroundSteps.selectEndpoint('swapi-planets');
+
+        // THEN: the theme should not change, and the "moxer" theme class should still be applied to the CodeMirror instances.
+        verifyTheme('moxer');
+    });
+
+    const verifyTheme = (theme) => {
+        PlaygroundEditorSteps.getResponseCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.getGraphiqlEditorsCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.openVariables();
+        PlaygroundEditorSteps.getActiveGraphiqlEditorToolCodeMirror().should('have.class', `cm-s-${theme}`);
+        PlaygroundEditorSteps.openHeaders();
+        PlaygroundEditorSteps.getActiveGraphiqlEditorToolCodeMirror().should('have.class', `cm-s-${theme}`);
+    }
+});

package/e2e-legacy/guides/main-menu/main-menu-guide.spec.js

@@ -0,0 +1,302 @@
+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 {MainMenuSteps} from "../../../steps/main-menu-steps.js";
+import {BaseSteps} from "../../../steps/base-steps.js";
+
+describe('Main Menu Guide steps', () => {
+
+    beforeEach(() => {
+        GuidesStubs.stubMainMenuGuide();
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+        cy.wait('@getGuides');
+        GuideSteps.runFirstGuide();
+    });
+
+    it('Should visit all menus with action', () => {
+        // Import
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/2');
+        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/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        MainMenuSteps.clickOnMenuImport();
+        BaseSteps.validateUrl('/import');
+
+        // Create repository
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Repositories view to create a repository.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        MainMenuSteps.clickOnMenuSetup();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Repositories menu.');
+        MainMenuSteps.clickOnRepositoriesSubmenu();
+        BaseSteps.validateUrl('/repository');
+
+        // Class hierarchy
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Class hierarchy view to inspect the class hierarchy and gain an insight on what the dataset contains.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        MainMenuSteps.clickOnExplore();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Class hierarchy menu.');
+        MainMenuSteps.clickOnSubmenuClassHierarchy();
+        BaseSteps.validateUrl('/hierarchy');
+
+        // Class relationships
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Class relationships view to explore how classes are connected and understand the relationships between different types of data in your dataset.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        MainMenuSteps.clickOnExplore();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Class relationships menu.');
+        MainMenuSteps.clickOnSubmenuClassRelationships();
+        BaseSteps.validateUrl('/relationships');
+
+        // Visual graph
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Visual graph view to explore data in a visual manner.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        MainMenuSteps.clickOnExplore();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Visual graph menu.');
+        MainMenuSteps.clickOnSubmenuVisualGraph();
+        BaseSteps.validateUrl('/graphs-visualizations');
+
+        // Similarity
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to create a Similarity index for your dataset.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        MainMenuSteps.clickOnExplore();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Similarity menu.');
+        MainMenuSteps.clickOnSubmenuSimilarity();
+        BaseSteps.validateUrl('/similarity');
+
+        // SPARQL
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/2');
+        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/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        MainMenuSteps.clickOnSparqlMenu();
+        BaseSteps.validateUrl('/sparql');
+
+        // TTYG
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Talk to Your Graph view to create an agen');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Lab menu.');
+        MainMenuSteps.clickOnMenuLab();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Talk to Your Graph menu.');
+        MainMenuSteps.clickOnTTYGSubmenu();
+        BaseSteps.validateUrl('/ttyg');
+
+        // Autocomplete
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Autocomplete index view to enable the autocomplete index.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        MainMenuSteps.clickOnMenuSetup();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Autocomplete menu.');
+        MainMenuSteps.clickOnSubmenuAutocomplete();
+        BaseSteps.validateUrl('/autocomplete');
+
+        // Connectors
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Connectors — 1/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        MainMenuSteps.clickOnMenuSetup();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Connectors — 2/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Connectors menu.');
+        MainMenuSteps.clickOnSubmenuConnectors();
+        BaseSteps.validateUrl('/connectors');
+
+        // RDF Rank
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank — 1/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        MainMenuSteps.clickOnMenuSetup();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank — 2/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the RDF Rank menu.');
+        MainMenuSteps.clickOnSubmenuRDFRank();
+        BaseSteps.validateUrl('/rdfrank');
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+
+    it('Should visit all menus with next click', () => {
+        // Import
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Import file — 1/2');
+        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/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Import menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/import');
+
+        // Create repository
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Repositories view to create a repository.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create repository — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Repositories menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/repository');
+
+        // Class hierarchy
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Class hierarchy view to inspect the class hierarchy and gain an insight on what the dataset contains.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class hierarchy — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Class hierarchy menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/hierarchy');
+
+        // Class relationships
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Class relationships view to explore how classes are connected and understand the relationships between different types of data in your dataset.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Explore the class relationships — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Class relationships menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/relationships');
+
+        // Visual graph
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Visual graph view to explore data in a visual manner.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Visual graph explore — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Visual graph menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/graphs-visualizations');
+
+        // Similarity
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to create a Similarity index for your dataset.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Explore menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create Similarity index — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Similarity menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/similarity');
+
+        // SPARQL
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Execute SPARQL query — 1/2');
+        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/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the SPARQL menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/sparql');
+
+        // TTYG
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Talk to Your Graph view to create an agen');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Lab menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Talk to Your Graph menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/ttyg');
+
+        // Autocomplete
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 1/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Autocomplete index view to enable the autocomplete index.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 2/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Enable autocomplete — 3/3');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Autocomplete menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/autocomplete');
+
+        // Connectors
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Connectors — 1/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Connectors — 2/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Connectors menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/connectors');
+
+        // RDF Rank
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank — 1/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Setup menu.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('RDF Rank — 2/2');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the RDF Rank menu.');
+        GuideDialogSteps.clickOnNextButton();
+        BaseSteps.validateUrl('/rdfrank');
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('End of guide');
+        GuideDialogSteps.assertDialogWithContentIsVisible('This guide has ended.');
+    });
+});

package/e2e-legacy/guides/ttyg/conversation/ttyg-conversation-guide.spec.js

@@ -6,13 +6,12 @@ import {TTYGViewSteps} from "../../../../steps/ttyg/ttyg-view-steps.js";
 import {ChatPanelSteps} from "../../../../steps/ttyg/chat-panel-steps.js";
 import {RepositoriesStubs} from "../../../../stubs/repositories/repositories-stubs.js";
 import {TtygAgentSettingsModalSteps} from "../../../../steps/ttyg/ttyg-agent-settings-modal.steps.js";
-import {BrowserStubs} from "../../../../stubs/browser-stubs.js";
+import {BrowserStubs} from '../../../../stubs/browser-stubs.js';
 
 describe('ttyg-conversation-guide', () => {
     let repositoryId = 'starwars';
 
     beforeEach(() => {
-        BrowserStubs.stubWindowOpen();
         RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
         RepositoriesStubs.stubBaseEndpoints(repositoryId);
         cy.presetRepository(repositoryId);
@@ -25,6 +24,8 @@ describe('ttyg-conversation-guide', () => {
         TTYGStubs.stubExplainResponse('/ttyg/chats/explain-response-3.json');
 
         GuideSteps.visit();
+        BrowserStubs.stubWindowOpen();
+
         GuideSteps.verifyGuidesListExists();
 
         GuideSteps.runFirstGuide()
@@ -67,6 +68,7 @@ describe('ttyg-conversation-guide', () => {
         GuideDialogSteps.assertDialogWithTitleIsVisible('Ask the agent — 6/12');
         GuideDialogSteps.assertDialogWithContentIsVisible(`Explain the answer by clicking on the 'Explain response' button.`);
         TTYGViewSteps.clickOnExplainResponse(0);
+        cy.wait('@explain-response');
 
         GuideDialogSteps.assertDialogWithTitleIsVisible('Ask the agent — 7/12');
         GuideDialogSteps.assertDialogWithContentIsVisible(`Wait for the answer to be returned and explore it. When ready proceed by clicking next.`);
@@ -80,6 +82,8 @@ describe('ttyg-conversation-guide', () => {
         GuideDialogSteps.assertDialogWithTitleIsVisible('Ask the agent — 11/12');
         GuideDialogSteps.assertDialogWithContentIsVisible(`You can ask the agent how it derived the answer by clicking on the button`);
         TTYGViewSteps.clickOnHowDeliverAnswerButton();
+        cy.wait('@create-chat')
+        cy.wait('@create-chat')
 
         GuideDialogSteps.assertDialogWithTitleIsVisible('Ask the agent — 12/12');
         GuideDialogSteps.assertDialogWithContentIsVisible(`Wait for the answer to be returned and explore it. When ready proceed by clicking next.`);

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

@@ -0,0 +1,87 @@
+import {GuidesStubs} from "../../../../stubs/guides/guides-stubs.js";
+import {TTYGStubs} from "../../../../stubs/ttyg/ttyg-stubs.js";
+import {GuideSteps} from "../../../../steps/guides/guide-steps.js";
+import {RepositoriesStubs} from "../../../../stubs/repositories/repositories-stubs.js";
+import {GuideDialogSteps} from "../../../../steps/guides/guide-dialog-steps.js";
+import {MainMenuSteps} from "../../../../steps/main-menu-steps.js";
+import {TtygAgentSettingsModalSteps} from "../../../../steps/ttyg/ttyg-agent-settings-modal.steps.js";
+import {TTYGViewSteps} from "../../../../steps/ttyg/ttyg-view-steps.js";
+import {ModalDialogSteps} from "../../../../steps/modal-dialog-steps.js";
+
+describe('Edit TTYG agent guide', () => {
+    let repositoryId = 'starwars';
+
+    beforeEach(() => {
+        RepositoriesStubs.stubRepositories(0, '/repositories/get-ttyg-repositories.json');
+        RepositoriesStubs.stubBaseEndpoints(repositoryId);
+        GuidesStubs.stubTTYGEditAgentGuide();
+
+        GuideSteps.visit();
+        GuideSteps.verifyGuidesListExists();
+
+        GuideSteps.runFirstGuide()
+        cy.wait('@getGuides');
+    });
+
+    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.');
+        MainMenuSteps.clickOnMenuLab();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 2/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Talk to Your Graph menu.');
+        MainMenuSteps.clickOnTTYGSubmenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Missing OpenAI key — 3/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('To use Talk to Your Graph, GraphDB must first be configured to work with LLM API.');
+        GuideDialogSteps.clickOnCloseButton();
+    });
+
+    it('should edit TTYG agent', () => {
+        cy.presetRepository(repositoryId);
+        TTYGStubs.stubAgentListGet();
+        TTYGStubs.stubAgentDefaultsGet();
+        TTYGStubs.stubChatGet();
+        TTYGStubs.stubAgentEdit();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 1/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Lab menu.');
+        MainMenuSteps.clickOnMenuLab();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 2/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Talk to Your Graph menu.');
+        MainMenuSteps.clickOnTTYGSubmenu();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 4/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('An agent\'s configuration such as the extraction methods can be reconfigured at any time');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 11/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the edit agent button to edit the configuration of the selected agent.');
+        TTYGViewSteps.editCurrentAgent();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 13/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Enabling SPARQL search allows the agent to answers questions by performing a SPARQL query');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 14/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable SPARQL search query method.');
+        TtygAgentSettingsModalSteps.enableSparqlExtractionMethod();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 15/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable providing an ontology in a named graph.');
+        TtygAgentSettingsModalSteps.selectSparqlMethodOntologyGraph();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 16/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Type http://example.com as the named graph which contains the ontology.');
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Edit an agent — 17/18');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Click to save the agent settings.');
+        TtygAgentSettingsModalSteps.saveAgent();
+        ModalDialogSteps.getDialog().should('not.exist');
+    });
+});