graphdb-workbench-tests 3.3.1 → 3.3.2-TR1

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

package/e2e-legacy/import/import-server-files.spec.js

@@ -127,7 +127,9 @@ describe('Import server files', () => {
         ImportResourceMessageDialog.getDialog().should('be.visible');
 
         // with full error message
-        ImportResourceMessageDialog.getMessage().should('have.value', 'RDF Parse Error: The element type "ex:looooooooooooooooooooooooooooooooongTaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabNaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame" must be terminated by the matching end-tag "</ex:looooooooooooooooooooooooooooooooongTaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabNaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame>". [line 9, column 6]');
+        ImportResourceMessageDialog
+            .getMessage()
+            .should('contain.text', 'RDF Parse Error: The element type "ex:looooooooooooooooooooooooooooooooongTaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabNaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame" must be terminated by the matching end-tag');
 
         // When I click on corner close button.
         ImportResourceMessageDialog.close();

package/e2e-legacy/repository/repositories.spec.js

@@ -102,7 +102,7 @@ describe('Repositories', () => {
         // Check the repo is present in the list of repos and we are not yet connected to it
         RepositorySteps.getRepositoryFromList(repositoryId)
             .should('be.visible')
-            .find('.ri-link-unlink')
+            .find('.icon-connection-off')
             .should('be.visible');
 
         // Verify it's configuration can be downloaded
@@ -121,7 +121,10 @@ describe('Repositories', () => {
         cy.get('.onto-dropdown-menu-item')
             .contains(repositoryId)
             .first()
-            .scrollIntoView()
+            .scrollIntoView();
+        cy.get('.onto-dropdown-menu-item')
+            .contains(repositoryId)
+            .first()
             .click();
 
         // Should visualize the selected repo

package/e2e-legacy/setup/users-and-access/user-and-access.spec.js

@@ -6,6 +6,7 @@ import {ToasterSteps} from '../../../steps/toaster-steps';
 import HomeSteps from '../../../steps/home-steps';
 import {LoginSteps} from '../../../steps/login-steps';
 import {MainMenuSteps} from '../../../steps/main-menu-steps';
+import {SecurityStubs} from '../../../stubs/security-stubs.js';
 
 describe('User and Access', () => {
 
@@ -102,6 +103,41 @@ describe('User and Access', () => {
             UserAndAccessSteps.addTextToCustomRoleField('{backspace}');
             // Then the error should not be visible
             UserAndAccessSteps.getCustomRoleFieldError().should('not.be.visible');
+
+            // When I create the user with a valid custom role
+            UserAndAccessSteps.clickWriteAccessAny();
+            SecurityStubs.spyOnUserCreate()
+            UserAndAccessSteps.confirmUserCreate();
+            // Then the user should be created with that custom role
+            cy.wait('@create-user').its('request.body').then((body) => {
+                expect(body).to.deep.eq({
+                    "password": "password",
+                    "grantedAuthorities": [
+                        "ROLE_USER",
+                        "CUSTOM_AA",
+                        "WRITE_REPO_*",
+                        "READ_REPO_*"
+                    ],
+                    "appSettings": {
+                        "DEFAULT_VIS_GRAPH_SCHEMA": true,
+                        "DEFAULT_INFERENCE": true,
+                        "DEFAULT_SAMEAS": true,
+                        "IGNORE_SHARED_QUERIES": false,
+                        "EXECUTE_COUNT": true
+                    }
+                })
+            });
+
+            cy.url().should('include', '/users');
+            UserAndAccessSteps.findUserInTable(user).should('be.visible');
+            UserAndAccessSteps.getUserCustomRoles('@user')
+                .should('have.length', 1)
+                .eq(0).and('have.text', 'AA');
+            // And when I open the edit page for that user, the custom role should be visible in the field without the prefix
+            UserAndAccessSteps.openEditUserPage(user);
+            UserAndAccessSteps.getCustomRoleField().find('.tag-item span')
+                .should('have.length', 1)
+                .eq(0).and('have.text', 'AA');
         });
 
         it('Adding a role with a CUSTOM_ prefix shows a warning message', () => {

package/fixtures/guides/main-menu/main-menu-guide.json

@@ -0,0 +1,98 @@
+[
+    {
+        "guideName": {
+            "en": "Main menu guide test"
+        },
+        "steps": [
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "import",
+                    "mainAction": "import-file",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "repositories",
+                    "mainAction": "create-repository",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "class-hierarchy",
+                    "mainAction": "class-hierarchy",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "class-relationships",
+                    "mainAction": "class-relationships",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "visual-graph",
+                    "mainAction": "visual-graph",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "similarity",
+                    "mainAction": "create-similarity-index",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "sparql",
+                    "mainAction": "execute-sparql-query",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "ttyg",
+                    "mainAction": "create-ttyg-agent",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "autocomplete",
+                    "mainAction": "enable-autocomplete",
+                    "showIntro": true
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "connectors",
+                    "title": "Connectors"
+                }
+            },
+            {
+                "guideBlockName": "click-main-menu",
+                "options": {
+                    "menu": "rdf-rank",
+                    "title": "RDF Rank"
+                }
+            },
+            {
+                "guideBlockName": "guide-end"
+            }
+        ]
+    }
+]

package/fixtures/guides/ttyg/edit-ttyg-agent/edit-ttyg-agent-guide.json

@@ -0,0 +1,22 @@
+[
+    {
+        "guideName": {
+            "en": "edit-ttyg-test-guide"
+        },
+        "steps": [
+            {
+                "guideBlockName": "edit-ttyg-agent",
+                "options": {
+                    "methods": [
+                        {
+                            "guideBlockName": "sparql-search-method",
+                            "options": {
+                                "ontologyGraph": "http://example.com"
+                            }
+                        }
+                    ]
+                }
+            }
+        ]
+    }
+]

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.3.1",
+  "version": "3.3.2-TR1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "3.3.1",
+      "version": "3.3.2-TR1",
       "license": "Apache-2.0",
       "devDependencies": {
         "@bahmutov/cypress-code-coverage": "^2.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.3.1",
+  "version": "3.3.2-TR1",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/base-steps.js

@@ -22,4 +22,8 @@ export class BaseSteps {
   static getUrl() {
     return cy.url();
   }
+
+  static validateUrl(url) {
+    this.getUrl().should('include', url);
+  }
 }

package/steps/graphql/playground-editor-steps.js

@@ -0,0 +1,46 @@
+export class PlaygroundEditorSteps {
+
+    static getResponse() {
+        return cy.get('.graphiql-response');
+    }
+
+    static getResponseCodeMirror() {
+        return PlaygroundEditorSteps.getResponse().find('.CodeMirror');
+    }
+
+    static getGraphiqlEditors() {
+        return cy.get('.graphiql-editors');
+    }
+
+    static getGraphiqlEditorsCodeMirror() {
+        return PlaygroundEditorSteps.getGraphiqlEditors().find('.CodeMirror');
+    }
+
+    static getGraphiqlEditorTools() {
+        return cy.get('.graphiql-editor-tools');
+    }
+
+    static getGraphiqlEditorTool() {
+        return cy.get('.graphiql-editor-tool');
+    }
+
+    static getVariablesBtn() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTools().find('button[data-name="variables"]');
+    }
+
+    static openVariables() {
+        PlaygroundEditorSteps.getVariablesBtn().click();
+    }
+
+    static getHeadersBtn() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTools().find('button[data-name="headers"]');
+    }
+
+    static openHeaders() {
+        PlaygroundEditorSteps.getHeadersBtn().click();
+    }
+
+    static getActiveGraphiqlEditorToolCodeMirror() {
+        return PlaygroundEditorSteps.getGraphiqlEditorTool().find('.graphiql-editor:not(.hidden) .CodeMirror');
+    }
+}

package/steps/import/import-resource-message-dialog.js

@@ -14,7 +14,7 @@ export class ImportResourceMessageDialog extends ModalDialogSteps {
     }
 
     static getMessage() {
-        return this.getDialogBody().find('.message');
+        return this.getDialogBody();
     }
 
     static getCopyToClipboard() {

package/steps/main-menu-steps.js

@@ -95,6 +95,10 @@ export class MainMenuSteps {
 
     static clickOnVisualGraph() {
         this.clickOnExplore();
+        this.clickOnSubmenuVisualGraph();
+    }
+
+    static clickOnSubmenuVisualGraph() {
         this.getSubMenuButton('sub-menu-visual-graph').click();
     }
 
@@ -190,11 +194,19 @@ export class MainMenuSteps {
 
     static clickOnRDFRank() {
         this.clickOnMenuSetup();
+        this.clickOnSubmenuRDFRank();
+    }
+
+    static clickOnSubmenuRDFRank() {
         this.getSubMenuButton('sub-menu-rdf-rank').click();
     }
 
     static clickOnConnectors() {
         this.clickOnMenuSetup();
+        this.clickOnSubmenuConnectors();
+    }
+
+    static clickOnSubmenuConnectors() {
         this.getSubMenuButton('sub-menu-connectors').click();
     }
 

package/steps/repository-steps.js

@@ -76,7 +76,7 @@ export class RepositorySteps extends BaseSteps {
     }
 
     static getRepositoryConnectionOffBtn(id) {
-        return RepositorySteps.getRepositoryFromList(id).find('.ri-link-unlink');
+        return RepositorySteps.getRepositoryFromList(id).find('.icon-connection-off');
     }
 
     static activateRepository(id) {
@@ -84,7 +84,7 @@ export class RepositorySteps extends BaseSteps {
     }
 
     static getRepositoryConnectionOnBtn(id) {
-        return RepositorySteps.getRepositoryFromList(id).find('.ri-link');
+        return RepositorySteps.getRepositoryFromList(id).find('.icon-connection-on');
     }
 
     static clickRepositoryIcon(repositoryId, selector) {

package/steps/setup/user-and-access-steps.js

@@ -105,6 +105,10 @@ export class UserAndAccessSteps {
             .closest('tr').as('user');
     }
 
+    static getUserCustomRoles(userRow) {
+        return cy.get(userRow).getByTestId('custom-roles').getByTestId('custom-role');
+    }
+
     static getUsernameField() {
         return cy.get('#wb-user-username');
     }

package/steps/visual-graph-steps.js

@@ -133,7 +133,7 @@ export class VisualGraphSteps extends BaseSteps {
     }
 
     static getNodeLabel(nodeId) {
-        return this.getNode(nodeId).find('.node-label-body');
+        return this.getNode(nodeId).find('.node-label-body div');
     }
 
     static getPredicates() {

package/stubs/guides/guides-stubs.js

@@ -15,6 +15,10 @@ export class GuidesStubs {
         GuidesStubs.stubWithFixture('../fixtures/guides/ttyg/conversation/ttyg-conversation-guide.json');
     }
 
+    static stubTTYGEditAgentGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/ttyg/edit-ttyg-agent/edit-ttyg-agent-guide.json');
+    }
+
     static stubClassHierarchyGuide() {
         GuidesStubs.stubWithFixture('../fixtures/guides/class-hierarchy/class-hierarchy-guide.json');
     }
@@ -39,6 +43,10 @@ export class GuidesStubs {
         GuidesStubs.stubWithFixture('../fixtures/guides/download-guide-resource/download-guide-resource-guide.json');
     }
 
+    static stubMainMenuGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/main-menu/main-menu-guide.json');
+    }
+
     static stubDownloadResource(resourcePath, resourceFile) {
         cy.intercept('GET', `/rest/guides/download/${resourcePath}/${resourceFile}`, {
             fixture: `guides/download-resource.ttl`,

package/stubs/security-stubs.js

@@ -10,6 +10,10 @@ export class SecurityStubs {
         }).as('security-get-admin');
     }
 
+    static spyOnUserCreate() {
+        cy.intercept('POST', 'rest/security/users/*').as('create-user');
+    }
+
     static stubInferAndSameAsDefaults() {
         cy.intercept('rest/security/all', (req) => {
             req.reply(SecurityStubs.getResponseSecurityEnabled());

package/stubs/ttyg/ttyg-stubs.js

@@ -106,12 +106,10 @@ export class TTYGStubs extends Stubs {
         }).as('get-agent');
     }
 
-    static stubAgentListGetError() {
+    static stubAgentListGetError(error = 'Internal Server Error') {
         cy.intercept('GET', '/rest/chat/agents', {
             statusCode: 500,
-            response: {
-                error: 'Internal Server Error'
-            }
+            body: error
         }).as('get-agent-list-error');
     }