graphdb-workbench-tests 3.4.0-TR1 → 3.4.0-TR2

package/e2e-legacy/explore/visual-graph/node-info-panel.spec.js

@@ -0,0 +1,58 @@
+import {VisualGraphSteps} from '../../../steps/visual-graph-steps.js';
+import {ApplicationSteps} from '../../../steps/application-steps.js';
+
+const DATA_SNIPPET =
+'PREFIX ex: <http://example.org/>\n' +
+'PREFIX sysont: <http://www.ontotext.com/proton/protonsys#>\n' +
+'PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>\n' +
+'ex:MyNode a ex:Thing ;\n' +
+'rdfs:label "My Node" ;\n' +
+'ex:description """# My Node\n\nThis is a **Markdown** literal.\n\n- item 1\n- item 2"""^^sysont:Markdown .';
+
+describe('Node info panel', () => {
+    let repositoryId;
+    let graphConfigName;
+
+    beforeEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        repositoryId = 'node-info-panel-' + Date.now();
+        graphConfigName = 'graph-config-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importRDFTextSnippet(repositoryId, DATA_SNIPPET);
+    })
+
+    afterEach(() => {
+        cy.clearLocalStorage('ls.graphs-viz');
+        cy.deleteGraphConfig(graphConfigName);
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should render markdown content for literals with markdown datatype', () => {
+        cy.enableAutocomplete(repositoryId);
+        // Given I have opened the graphs visualizations page
+        VisualGraphSteps.visit();
+        // And I have created a graph config with query results
+        VisualGraphSteps.getCreateCustomGraphLink().click();
+        cy.url().should('include', '/config/save');
+        VisualGraphSteps.typeGraphConfigName(graphConfigName);
+        VisualGraphSteps.selectStartMode('node');
+        VisualGraphSteps.selectStartNode('MyNode', 0);
+        VisualGraphSteps.saveConfig();
+        ApplicationSteps.getSuccessNotifications().should('be.visible');
+        VisualGraphSteps.getGraphConfig(graphConfigName).should('be.visible');
+        // When I open the graph config
+        VisualGraphSteps.openGraphConfig(graphConfigName);
+        // Then I expect the graph visualization of the saved config to be opened
+        cy.url().should('contain', Cypress.config('baseUrl') + '/graphs-visualizations?config=');
+        VisualGraphSteps.getGraphVisualizationPane().should('be.visible');
+        // When I click on the node with markdown content
+        VisualGraphSteps.getCircleOfNodeByNodeId('http://example.org/MyNode').click();
+        // Then node info panel should be opened
+        VisualGraphSteps.getSidePanelContent().should('be.visible');
+        // And the markdown typed literal should be rendered
+        VisualGraphSteps.getPropertyByIndex(1).should('contain', 'This is a Markdown literal')
+            .and('contain', 'item 1')
+            .and('contain', 'item 2');
+    });
+});

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

@@ -33,109 +33,116 @@ describe('ttyg configure agent guide', () => {
     })
 
     it('should create and configure TTYG agent with actions', () => {
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 1/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 1/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('The following steps show how to use the Talk to Your Graph view to create an agent.');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 2/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 2/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Lab menu.');
         MainMenuSteps.clickOnMenuLab();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 3/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 3/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the Talk to Your Graph menu.');
         MainMenuSteps.clickOnTTYGSubmenu();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 5/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 5/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('An agent is a helpful assistant that can answer your queries. You need to configure an agent in order to ask anything of Talk to Your Graph.');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 7/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 7/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the create agent button to create a new agent.');
         TTYGViewSteps.clickCreateAgentButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 9/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 9/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Type a name for the agent. You will refer to it later.');
         TtygAgentSettingsModalSteps.typeAgentName('MyAgent');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 10/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 10/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Here you can type the name of the OpenAI model to be used.');
         TtygAgentSettingsModalSteps.clearLLMModel();
         TtygAgentSettingsModalSteps.typeLLMModel('gpt-3.5-turbo');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 11/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 11/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Sets the sampling temperature of the agent. Lower values result in more consistent, repetitive responses generated by the agent and higher values result in a wider variety of responses');
         TtygAgentSettingsModalSteps.setTemperature(0.8);
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 12/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 12/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Sets the nucleus sampling of the agent');
         TtygAgentSettingsModalSteps.setTopP(0.9);
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 13/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 13/30');
         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/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 14/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable SPARQL search query method.');
         TtygAgentSettingsModalSteps.enableSparqlExtractionMethod();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 15/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 15/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable providing an ontology in a named graph.');
         TtygAgentSettingsModalSteps.selectSparqlMethodOntologyGraph();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 16/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 16/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Type http://example.org/some/test/ontology as the named graph which contains the ontology.');
         TtygAgentSettingsModalSteps.clearSparqlMethodOntologyGraphField();
         TtygAgentSettingsModalSteps.typeSparqlMethodOntologyGraphField('http://example.org/some/test/ontology');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 17/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('SPARQL search query method — 17/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Check to automatically add missing namespaces.');
         TtygAgentSettingsModalSteps.toggleAddMissingNamespacesCheckbox();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 18/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 18/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Enabling FTS search allows the agent to answer questions by using full-text search in literals and IRIs.');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 19/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 19/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable FTS search query method.');
         TtygAgentSettingsModalSteps.enableFtsExtractionMethod();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 20/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('FTS search query method — 20/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Type 100 as the maximum number of triples to retrieve per call.');
         TtygAgentSettingsModalSteps.setFtsSearchMaxTriples(100);
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 21/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 21/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Enabling Similarity search allows the agent to answer questions by using Similarity search.');
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 22/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 22/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable Similarity search query method.');
         TtygAgentSettingsModalSteps.enableSimilaritySearchMethodPanel();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 23/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Similarity search query method — 23/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Select the index to use for Similarity search.');
         TtygAgentSettingsModalSteps.selectSimilarityIndex(0);
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 24/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 24/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable Full-text search in labels for IRI discovery');
         TtygAgentSettingsModalSteps.checkIriDiscoverySearchCheckbox();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 25/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 25/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click on the toggle to enable Autocomplete for IRI discovery.');
         TtygAgentSettingsModalSteps.checkAutocompleteSearchCheckbox();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 26/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 26/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Set the Max number of results (IRIs) per call to 15');
         TtygAgentSettingsModalSteps.setAutocompleteMaxResults(15);
         GuideDialogSteps.clickOnNextButton();
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 27/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Talk to Your Graph — 27/30');
+        GuideDialogSteps.assertDialogWithContentIsVisible('Set Context Size to 4096 so the model can use the ontology and conversation history to answer correctly');
+        TtygAgentSettingsModalSteps.getContextSizeField().focus();
+        TtygAgentSettingsModalSteps.clearContextSize();
+        TtygAgentSettingsModalSteps.enterContextSize(4096);
+        GuideDialogSteps.clickOnNextButton();
+
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 28/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Enter the following in the input:');
         TtygAgentSettingsModalSteps.clearUserInstructions();
         TtygAgentSettingsModalSteps.getCodeToCopy().then(code => {
@@ -143,7 +150,7 @@ describe('ttyg configure agent guide', () => {
             GuideDialogSteps.clickOnNextButton();
         });
 
-        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 28/29');
+        GuideDialogSteps.assertDialogWithTitleIsVisible('Create an agent — 29/30');
         GuideDialogSteps.assertDialogWithContentIsVisible('Click to save the agent settings');
         TtygAgentSettingsModalSteps.saveAgent();
     });

package/e2e-legacy/sparql-editor/yasr/toolbar/visual-graph-button.spec.js

@@ -1,17 +1,19 @@
-import {SparqlEditorSteps} from "../../../../steps/sparql-editor-steps";
-import {YasqeSteps} from "../../../../steps/yasgui/yasqe-steps";
-import {YasrSteps} from "../../../../steps/yasgui/yasr-steps";
-import {QueryStubs} from "../../../../stubs/yasgui/query-stubs";
+import {SparqlEditorSteps} from '../../../../steps/sparql-editor-steps';
+import {YasqeSteps} from '../../../../steps/yasgui/yasqe-steps';
+import {YasrSteps} from '../../../../steps/yasgui/yasr-steps';
+import {QueryStubs} from '../../../../stubs/yasgui/query-stubs';
+import {GraphConfigStubs} from '../../../../stubs/graph-config-stubs.js';
+import {BrowserStubs} from '../../../../stubs/browser-stubs.js';
 
-describe('Visual graph button when user execute a CONSTRUCT query', () => {
+describe('"Visualize" split button', () => {
     let repositoryId;
 
     beforeEach(() => {
-        repositoryId = 'sparql-editor-' + Date.now();
+        repositoryId = 'yasr-vizualize-split-button' + Date.now();
         QueryStubs.stubQueryCountResponse();
         cy.createRepository({id: repositoryId});
         cy.presetRepository(repositoryId);
-        // Given I visit a page with "ontotex-yasgu-web-component" in it.
+        // Given I visit a page with 'ontotex-yasgu-web-component' in it.
         SparqlEditorSteps.visitSparqlEditorPage();
     });
 
@@ -19,34 +21,86 @@ describe('Visual graph button when user execute a CONSTRUCT query', () => {
         cy.deleteRepository(repositoryId);
     });
 
-    it('Should display a "Visual" graph button configured by user', () => {
-        // When I visit a page with "ontotext-yasgui-web-component" on it,
-        // and select a CONSTRUCT query.
-        YasqeSteps.executeQuery();
-
-        // Then I expect "Visual" button to not be visible.
-        YasrSteps.getVisualButton().should('not.be.visible');
-
-        // When I execute a CONSTRUCT query.
-        YasqeSteps.pasteQuery(
-            'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>' +
-                  'PREFIX onto: <http://www.ontotext.com/>' +
-                  'CONSTRUCT {' +
-                    '?source rdf:type ?destination .' +
-                  '}  WHERE {' +
-                    '?bag rdf:type ?source .' +
-                    '?flight rdf:type ?destination' +
-                  '}');
-        YasqeSteps.executeQuery();
-
-        // Then I expect "Visual" button to be visible.
-        YasrSteps.getVisualButton().should('be.visible');
-
-        // When I execute SELECT query again.
-        YasqeSteps.pasteQuery('select * where {?s ?p ?o.}');
-        YasqeSteps.executeQuery();
-
-        // Then I expect "Visual" button to not be visible.
-        YasrSteps.getVisualButton().should('not.be.visible');
+    it('should display "Visualize" split button when user execute a CONSTRUCT query', () => {
+        // WHEN: I visit a page with 'ontotext-yasgui-web-component' on it, and execute select query.
+        executeSelectQuery();
+        // THEN: I expect the 'Visualize' button to not be visible.
+        YasrSteps.getVisualizeMainButton().should('not.be.visible');
+
+        // WHEN: I execute a CONSTRUCT query.
+        executeConstructQuery();
+        // THEN: I expect the 'Visualize' button to be visible.
+        YasrSteps.getVisualizeMainButton().should('be.visible');
+
+        // WHEN: I execute SELECT query again.
+        executeSelectQuery();
+        // THEN: I expect the 'Visualize' button to not be visible.
+        YasrSteps.getVisualizeMainButton().should('not.be.visible');
+    });
+
+    it('should inform user that there no created graph configurations', () => {
+        // GIVEN: There are no graph configurations.
+        GraphConfigStubs.stubGetEmptyGraphConfigs();
+        // AND: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+
+        // WHEN: I open the dropdown.
+        YasrSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see message that informs that there are no graph configurations.
+        YasrSteps.getNoConfigurationsMessage().should('contain.text', 'No advanced graph configuration.');
+
+        // WHEN: I click on create link.
+        BrowserStubs.stubWindowOpen();
+        YasrSteps.clickCreateGraphConfigLink();
+        // THEN: I expect to be navigated to graph configurations page.
+        cy.get(BrowserStubs.WINDOW_OPEN_ALIAS()).should('have.been.calledWithMatch', 'graphs-visualizations', '_blank', 'noopener,noreferrer');
+    });
+
+    it('should open graphs-visualizations view when click on main button', () => {
+        // GIVEN: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+
+        // WHEN: I click on main button
+        YasrSteps.clickOnVisualizeMainButton();
+        // THEN: I expect to be navigated to graphs-visualizations view.
+        cy.url().should('include', 'graphs-visualizations');
+        cy.getQueryParam('query').should('include', 'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>PREFIX onto: <http://www.ontotext.com/>CONSTRUCT {?source rdf:type ?destination .} WHERE {?bag rdf:type ?source .?flight rdf:type ?destination}');
+        cy.getQueryParam('config').should('not.exist');
+    });
+
+    it('should open graphs-visualizations view when select a graph configuration', () => {
+        // GIVEN: I visit a page with 'ontotext-yasgui-web-component' on it, and the 'Visualize' button is visible.
+        executeConstructQuery();
+        GraphConfigStubs.stubGetGraphConfigs();
+
+        // WHEN: I open the dropdown.
+        YasrSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see only 'search' graph configurations.
+        YasrSteps.getGraphConfigs().should('have.length', 2);
+
+        // WHEN: I select a graph configuration
+        YasrSteps.selectGraphConfig();
+        // THEN: I expect to be navigated to graphs-visualizations view.
+        cy.url().should('include', 'graphs-visualizations');
+        cy.getQueryParam('query').should('include', 'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>PREFIX onto: <http://www.ontotext.com/>CONSTRUCT {?source rdf:type ?destination .} WHERE {?bag rdf:type ?source .?flight rdf:type ?destination}');
+        cy.getQueryParam('config').should('eq', 'de99fd5de7f94ef98f1875dff55fc1c9');
     });
 });
+
+const executeSelectQuery = () => {
+    YasqeSteps.pasteQuery('select * where {?s ?p ?o.}');
+    YasqeSteps.executeQuery();
+};
+
+const executeConstructQuery = () => {
+    YasqeSteps.pasteQuery(
+        'PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>' +
+        'PREFIX onto: <http://www.ontotext.com/>' +
+        'CONSTRUCT {' +
+        '?source rdf:type ?destination .' +
+        '} WHERE {' +
+        '?bag rdf:type ?source .' +
+        '?flight rdf:type ?destination' +
+        '}');
+    YasqeSteps.executeQuery();
+};

package/fixtures/graph/graph-configurations.json

@@ -0,0 +1,59 @@
+[
+    {
+        "id": "de99fd5de7f94ef98f1875dff55fc1c9",
+        "name": "Graph Config 1",
+        "startMode": "search",
+        "owner": "admin",
+        "startQueryIncludeInferred": true,
+        "startQuerySameAs": true,
+        "startGraphQuery": "# CONSTRUCT or DESCRIBE query. The results will be rendered visually as a graph of triples.\nCONSTRUCT WHERE {\n\t?s ?p ?o\n} LIMIT 10",
+        "startIRI": null,
+        "startIRILabel": null,
+        "expandQuery": null,
+        "resourceQuery": null,
+        "predicateLabelQuery": null,
+        "resourcePropertiesQuery": null,
+        "shared": false,
+        "description": null,
+        "hint": null,
+        "repositoryId": "A_test"
+    },
+    {
+        "id": "94cab6579df445c68c454b2156013811",
+        "name": "Graph Config 1",
+        "startMode": "search",
+        "owner": "admin",
+        "startQueryIncludeInferred": true,
+        "startQuerySameAs": true,
+        "startGraphQuery": "# CONSTRUCT or DESCRIBE query. The results will be rendered visually as a graph of triples.\nCONSTRUCT WHERE {\n\t?s ?p ?o\n} LIMIT 10",
+        "startIRI": null,
+        "startIRILabel": null,
+        "expandQuery": null,
+        "resourceQuery": null,
+        "predicateLabelQuery": null,
+        "resourcePropertiesQuery": null,
+        "shared": false,
+        "description": null,
+        "hint": null,
+        "repositoryId": null
+    },
+    {
+        "id": "94cab6579df445c68c454b2156013661",
+        "name": "Graph Config 1",
+        "startMode": "query",
+        "owner": "admin",
+        "startQueryIncludeInferred": true,
+        "startQuerySameAs": true,
+        "startGraphQuery": "# CONSTRUCT or DESCRIBE query. The results will be rendered visually as a graph of triples.\nCONSTRUCT WHERE {\n\t?s ?p ?o\n} LIMIT 10",
+        "startIRI": null,
+        "startIRILabel": null,
+        "expandQuery": null,
+        "resourceQuery": null,
+        "predicateLabelQuery": null,
+        "resourcePropertiesQuery": null,
+        "shared": false,
+        "description": null,
+        "hint": null,
+        "repositoryId": null
+    }
+]

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

@@ -56,8 +56,13 @@
                             "options": {
                                 "maxIrisPerCall": 15
                             }
+                        },
+                        {
+                            "guideBlockName": "set-context-window-size",
+                            "options": {
+                                "contextSize": 4096
+                            }
                         }
-
                     ]
                 }
             },

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.4.0-TR1",
+  "version": "3.4.0-TR2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "3.4.0-TR1",
+      "version": "3.4.0-TR2",
       "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.4.0-TR1",
+  "version": "3.4.0-TR2",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/visual-graph-steps.js

@@ -196,6 +196,10 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.rdf-side-panel-content');
     }
 
+    static getPropertyByIndex(index) {
+        return this.getSidePanelContent().find('.rdf-list .datasource').eq(index);
+    }
+
     static closeSidePanel() {
         this.getSidePanelCloseButton().click();
     }

package/steps/yasgui/yasr-steps.js

@@ -109,8 +109,48 @@ export class YasrSteps extends BaseSteps {
         return YasrSteps.getYasr().find('.yasr-toolbar');
     }
 
-    static getVisualButton() {
-        return YasrSteps.getYasrToolbar().find('.explore-visual-graph-button');
+    static getGraphExploreSplitButton() {
+        return YasrSteps.getYasrToolbar().find('.explore-visual-graph');
+    }
+
+    static getVisualizeMainButton() {
+        return YasrSteps.getGraphExploreSplitButton().find('.explore-visual-graph-button');
+    }
+
+    static clickOnVisualizeMainButton() {
+        YasrSteps.getVisualizeMainButton().click();
+    }
+
+    static getDropdownToggleButton() {
+        return YasrSteps.getGraphExploreSplitButton().find('.onto-dropdown-button');
+    }
+
+    static toggleGraphConfigDropdown() {
+        YasrSteps.getDropdownToggleButton().click();
+    }
+
+    static getGraphConfigs() {
+        return YasrSteps.getGraphExploreSplitButton().find('.onto-dropdown-menu-item');
+    }
+
+    static getGraphConfig(index = 0) {
+        return YasrSteps.getGraphConfigs().eq(index);
+    }
+
+    static selectGraphConfig(index = 0) {
+        YasrSteps.getGraphConfig(index).click();
+    }
+
+    static getCreateGraphConfigLink() {
+        return YasrSteps.getGraphExploreSplitButton().find('.graph-create-link');
+    }
+
+    static clickCreateGraphConfigLink() {
+        YasrSteps.getCreateGraphConfigLink().click();
+    }
+
+    static getNoConfigurationsMessage() {
+        return YasrSteps.getGraphExploreSplitButton().find('.no-configurations-message');
     }
 
     static getNoDataElement() {

package/stubs/graph-config-stubs.js

@@ -0,0 +1,17 @@
+import {Stubs} from './stubs.js';
+
+export class GraphConfigStubs extends Stubs {
+    static stubGetEmptyGraphConfigs() {
+        cy.intercept('GET', '/rest/explore-graph/config', {
+            statusCode: 200,
+            body: [],
+        }).as('getEmptyGraphConfigs');
+    }
+
+    static stubGetGraphConfigs(fixture = '/graph/graph-configurations.json') {
+        GraphConfigStubs.stubQueryResponse(
+            '/rest/explore-graph/config',
+            fixture,
+            'getGraphConfigs');
+    }
+}

package/support/commands.js

@@ -8,6 +8,7 @@ import './user-commands';
 import './security-command';
 import './connector-commands';
 import 'cypress-wait-until';
+import './url-commands.js';
 
 /**
  * Loads fixtures from the given paths recursively and returns them as an array.

package/support/url-commands.js

@@ -0,0 +1,13 @@
+/**
+ * Custom Cypress command to retrieve the value of a query parameter from the current page URL.
+ *
+ * @param {string} key - The name of the query parameter to retrieve.
+ * @returns {Cypress.Chainable<string | null>} A chainable that resolves to the value of the query parameter,
+ * or null if the parameter is not present.
+ */
+Cypress.Commands.add('getQueryParam', (key) => {
+    return cy.location('search').then((search) => {
+        const params = new URLSearchParams(search);
+        return params.get(key);
+    });
+});