graphdb-workbench-tests 3.4.0-migrated-guide-services → 3.5.0-reactodia-poc

package/e2e-legacy/resource/resource.spec.js

@@ -7,10 +7,12 @@ import {YasqeSteps} from "../../steps/yasgui/yasqe-steps";
 import {YasrSteps} from "../../steps/yasgui/yasr-steps";
 import {YasguiSteps} from "../../steps/yasgui/yasgui-steps";
 import {JsonLdModalSteps} from "../../steps/json-ld-modal-steps";
+import {GraphConfigStubs} from '../../stubs/graph-config-stubs.js';
+import {VisualGraphSplitButtonSteps} from '../../steps/visual-graph-split-button-steps.js';
 
 const FILE_TO_IMPORT = 'resource-test-data.ttl';
-const SUBJECT_RESOURCE = 'http:%2F%2Fexample.com%2Fontology%23CustomerLoyalty';
-const SUBJECT_RESOURCE_SHORT_URI = 'http://example.com/ontology#CustomerLoyalty';
+const SUBJECT_RESOURCE_ENCODED = 'http:%2F%2Fexample.com%2Fontology%23CustomerLoyalty';
+const SUBJECT_RESOURCE = 'http://example.com/ontology#CustomerLoyalty';
 const PREDICATE_SOURCE = 'http:%2F%2Fwww.w3.org%2F2000%2F01%2Frdf-schema%23subClassOf';
 const CONTEXT_EXPLICIT = 'http://www.ontotext.com/explicit';
 const OBJECT_RESOURCE = 'http:%2F%2Fexample.com%2Fontology%23Metric';
@@ -33,13 +35,13 @@ describe('Resource view', () => {
 
     it('should open resource view with active role tab depend on url role parameter', () => {
         ResourceSteps.getAllRoles().forEach((role) => {
-            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE}&role=${role}`);
+            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=${role}`);
             ResourceSteps.verifyActiveRoleTab(role);
         });
     });
 
     it('should open subject tab if role parameter is miss', () => {
-        ResourceSteps.visit(`uri=${SUBJECT_RESOURCE}&role=subject`);
+        ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=subject`);
         ResourceSteps.verifyActiveRoleTab('subject');
     });
 
@@ -62,17 +64,35 @@ describe('Resource view', () => {
         YasrSteps.getResults().should('have.length', 5);
     });
 
-    it('should navigate to visual graph view', () => {
+    it('should open graphs-visualizations view when click on main button', () => {
         // When I am on resource view and page loaded a resource.
-        ResourceSteps.visit(`uri=${SUBJECT_RESOURCE}&role=subject`);
+        ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=subject`);
 
         // When I click on "Visual graph" button.
-        ResourceSteps.clickOnVisualGraphButton();
+        VisualGraphSplitButtonSteps.clickOnVisualizeMainButton();
 
         // Then I expect to be redirected to explore graph view.
         VisualGraphSteps.verifyUrl();
     });
 
+    it('should open graphs-visualizations view when select a graph configuration', () => {
+        // When I am on resource view and page loaded a resource.
+        ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=subject`);
+        GraphConfigStubs.stubGetGraphConfigs();
+
+        // WHEN: I open the dropdown.
+        VisualGraphSplitButtonSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see all graph configurations.
+        VisualGraphSplitButtonSteps.getGraphConfigs().should('have.length', 3);
+
+        // WHEN: I select a graph configuration
+        VisualGraphSplitButtonSteps.selectGraphConfig();
+        // THEN: I expect to be navigated to graphs-visualizations view.
+        cy.url().should('include', 'graphs-visualizations');
+        cy.getQueryParam('uri').should('include', SUBJECT_RESOURCE);
+        cy.getQueryParam('config').should('eq', 'de99fd5de7f94ef98f1875dff55fc1c9');
+    });
+
     it('should displays results depends on explicit/implicit dropdown', () => {
         // When I am on resource view and page loaded a resource that has triplets in explicit and implicit context,
         ResourceSteps.visit(`uri=${IMPLICIT_EXPLICIT_RESOURCE}&role=all`);
@@ -175,11 +195,11 @@ describe('Resource view', () => {
         it('should list the triples of a resource used as subject', () => {
             // When I am on resource view,
             // and page loaded a resource that is used as subject,
-            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE}&role=subject`);
+            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=subject`);
 
             // Then I expect to see only one result because the resource has only one triplet as subject.
             YasrSteps.getResults().should('have.length', 1);
-            YasrSteps.getResultLink(0, 1).should('contain', SUBJECT_RESOURCE_SHORT_URI);
+            YasrSteps.getResultLink(0, 1).should('contain', SUBJECT_RESOURCE);
             YasrSteps.getResultLink(0, 2).should('contain', 'rdfs:subClassOf');
             YasrSteps.getResultLink(0, 3).should('contain', 'http://example.com/ontology#Metric');
             YasrSteps.getResultLink(0, 4).should('contain', CONTEXT_EXPLICIT);
@@ -196,7 +216,7 @@ describe('Resource view', () => {
             YasrSteps.getResults().should('have.length', 1);
             YasrSteps.getResultLink(0, 1).should('contain', 'http://example.com/resource/person/W6J1827/customerLoyalty');
             YasrSteps.getResultLink(0, 2).should('contain', 'rdf:type');
-            YasrSteps.getResultLink(0, 3).should('contain', SUBJECT_RESOURCE_SHORT_URI);
+            YasrSteps.getResultLink(0, 3).should('contain', SUBJECT_RESOURCE);
             YasrSteps.getResultLink(0, 4).should('contain', CONTEXT_EXPLICIT);
 
             // When I click on "context" tab.
@@ -211,14 +231,14 @@ describe('Resource view', () => {
             // Then I expect to see all triples of subject without mater of its role.
             YasrSteps.getResults().should('have.length', 2);
 
-            YasrSteps.getResultLink(0, 1).should('contain', SUBJECT_RESOURCE_SHORT_URI);
+            YasrSteps.getResultLink(0, 1).should('contain', SUBJECT_RESOURCE);
             YasrSteps.getResultLink(0, 2).should('contain', 'rdfs:subClassOf');
             YasrSteps.getResultLink(0, 3).should('contain', 'http://example.com/ontology#Metric');
             YasrSteps.getResultLink(0, 4).should('contain', CONTEXT_EXPLICIT);
 
             YasrSteps.getResultLink(1, 1).should('contain', 'http://example.com/resource/person/W6J1827/customerLoyalty');
             YasrSteps.getResultLink(1, 2).should('contain', 'rdf:type');
-            YasrSteps.getResultLink(1, 3).should('contain', SUBJECT_RESOURCE_SHORT_URI);
+            YasrSteps.getResultLink(1, 3).should('contain', SUBJECT_RESOURCE);
             YasrSteps.getResultLink(1, 4).should('contain', CONTEXT_EXPLICIT);
         });
 
@@ -364,7 +384,7 @@ describe('Resource view', () => {
     context('Download as', () => {
         it('should download as JSON-LD and then restore defaults', () => {
             // Given I am in the Resource view
-            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE}&role=subject`);
+            ResourceSteps.visit(`uri=${SUBJECT_RESOURCE_ENCODED}&role=subject`);
             cy.window().then((win) => {
                 expect(win.jsonld).to.exist;
                 cy.stub(win.jsonld, 'compact').resolves({

package/e2e-legacy/setup/aclmanagement/acl-management-with-selected repository.spec.js

@@ -1,6 +1,8 @@
 import HomeSteps from "../../../steps/home-steps";
 import {MainMenuSteps} from "../../../steps/main-menu-steps";
 import {AclManagementSteps} from "../../../steps/setup/acl-management-steps";
+import {RepositorySteps} from '../../../steps/repository-steps.js';
+import {RepositorySelectorSteps} from '../../../steps/repository-selector-steps.js';
 
 function verifyStateWithSelectedRepository() {
     AclManagementSteps.getPageHeading().should('be.visible');
@@ -12,15 +14,18 @@ function verifyStateWithSelectedRepository() {
 
 describe('ACL Management initial state with repositories', () => {
     let repositoryId;
+    let fedexRepositoryId;
 
     beforeEach(() => {
         repositoryId = 'acl-management-' + Date.now();
+        fedexRepositoryId = 'fedex-repo-' + Date.now();
         cy.createRepository({id: repositoryId});
         cy.presetRepository(repositoryId);
     });
 
     afterEach(() => {
         cy.deleteRepository(repositoryId);
+        cy.deleteRepository(fedexRepositoryId);
     });
 
     it('Should display the correct initial state when navigating via URL', () => {
@@ -37,4 +42,43 @@ describe('ACL Management initial state with repositories', () => {
         // Then,
         verifyStateWithSelectedRepository();
     });
+
+    it('should prevent ACL management with FedEx repository', () => {
+        // Given I have created a Fedex repository
+        createFedexRepository(repositoryId, fedexRepositoryId);
+        // When I select the fedex repository
+        RepositorySelectorSteps.selectRepository(fedexRepositoryId);
+        RepositorySelectorSteps.getSelectedRepository().should('contain', fedexRepositoryId);
+        RepositorySteps.getActiveRepositoryRow().should('contain', fedexRepositoryId);
+        // And I navigate to ACL management page
+        MainMenuSteps.clickOnACLManagement();
+        // Then I should see the warning message about Fedex repository
+        AclManagementSteps.getFedexWarningMessage().should('be.visible');
+        AclManagementSteps.getAclManagementContent().should('not.exist');
+        // When I switch to graphdb repository
+        RepositorySelectorSteps.selectRepository(repositoryId);
+        // Then the warning message should be hidden
+        AclManagementSteps.getFedexWarningMessage().should('not.exist');
+        AclManagementSteps.getAclManagementContent().should('be.visible');
+        // When I select a fedex repository
+        RepositorySelectorSteps.selectRepository(fedexRepositoryId);
+        // Then the fedex warning should become visible
+        AclManagementSteps.getFedexWarningMessage().should('be.visible');
+        AclManagementSteps.getAclManagementContent().should('not.exist');
+        // Go to home page before end to prevent error when delete the repository happens
+        HomeSteps.visit();
+    });
 })
+
+function createFedexRepository(repositoryId, fedexRepositoryId) {
+    RepositorySteps.visit();
+    RepositorySteps.getCreateRepositoryButton().click();
+    RepositorySteps.createFedexRepositoryType();
+    cy.url().should('include', '/repository/create/fedx');
+    RepositorySteps.typeRepositoryId(fedexRepositoryId);
+    RepositorySteps.selectFedexMember(repositoryId);
+    RepositorySteps.saveRepository();
+    RepositorySteps.getRepositoriesPage().should('be.visible');
+    RepositorySteps.getRepositoryFromList(fedexRepositoryId)
+        .should('be.visible');
+}

package/e2e-legacy/sparql-editor/actions/execute-query.spec.js

@@ -26,6 +26,7 @@ describe('Execute query', () => {
         cy.intercept('POST', `/repositories/${repositoryId}`).as('query');
         YasqeSteps.executeQuery();
         cy.wait('@query').then((interception) => {
+            expect(interception.request.method).to.equal('POST');
             const headers = interception.request.headers;
             expect(headers).to.have.property('x-graphdb-local-consistency');
             expect(headers).to.have.property('x-graphdb-repository-location');
@@ -35,6 +36,7 @@ describe('Execute query', () => {
         YasguiSteps.getTabs().should('have.length', 2);
         YasqeSteps.executeQuery();
         cy.wait('@query').then((interception) => {
+            expect(interception.request.method).to.equal('POST');
             const headers = interception.request.headers;
             expect(headers).to.have.property('x-graphdb-local-consistency');
             expect(headers).to.have.property('x-graphdb-repository-location');

package/e2e-legacy/sparql-editor/actions/expand-results-over-sameas.spec.js

@@ -58,7 +58,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.getYasgui().should('be.visible');
 
         // Then I expect that "sameAs" element to be enabled by default
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-on');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-on');
         // and the tooltip of element describes that "sameAs" element is enabled.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Expand results over owl:sameAs: ON');
 
@@ -66,7 +66,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.openANewTab();
 
         // Then I expect that "sameAs" element to be enabled in the new tab.
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-on');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-on');
         // and the tooltip of element describes that "sameAs" element is enabled.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Expand results over owl:sameAs: ON');
     });
@@ -79,7 +79,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.getYasgui().should('be.visible');
 
         // Then I expect that "sameAs" element to be disabled by default
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
         // and the tooltip of element describes that "sameAs" element is disabled.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Expand results over owl:sameAs: OFF');
 
@@ -87,7 +87,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.openANewTab();
 
         // Then I expect that "sameAs" element to be disabled in the new tab.
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
         // and the tooltip of element describes that "sameAs" element is disabled.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Expand results over owl:sameAs: OFF');
     });
@@ -102,13 +102,13 @@ describe('Expand results over owl:sameAs', () => {
         // Then I expect that "sameAs" element to be disabled by default
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Requires \'Include Inferred\'!');
         // and the tooltip of element describes that "infer" is required.
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
 
         // When I open a new Tab.
         YasguiSteps.openANewTab();
 
         // Then I expect that "sameAs" element to be disabled in the new tab,
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
         // and the tooltip of element describes that "infer" is required.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Requires \'Include Inferred\'!');
     });
@@ -121,7 +121,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.getYasgui().should('be.visible');
 
         // Then I expect that "sameAs" element to be disabled by default,
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
         // and the tooltip of element describes that "infer" is required.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Requires \'Include Inferred\'!');
 
@@ -129,7 +129,7 @@ describe('Expand results over owl:sameAs', () => {
         YasguiSteps.openANewTab();
 
         // Then I expect that "sameAs" element to be disabled in the new tab,
-        YasqeSteps.getActionButton(4).should('have.class', 'icon-same-as-off');
+        YasqeSteps.getActionButton(5).should('have.class', 'icon-same-as-off');
         // and the tooltip of element describes that "infer" is required.
         YasqeSteps.getActionButtonTooltip(4).should('have.attr', 'yasgui-data-tooltip', 'Requires \'Include Inferred\'!');
     });

package/e2e-legacy/sparql-editor/actions/include-inferred-statements.spec.js

@@ -64,7 +64,7 @@ describe('Include inferred statements', () => {
         YasguiSteps.getYasgui().should('be.visible');
 
         // Then I expect that "infer" element to be enabled by default,
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-on');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-on');
         // and the tooltip of element describes that "infer" functionality is enabled.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: ON');
 
@@ -72,7 +72,7 @@ describe('Include inferred statements', () => {
         YasguiSteps.openANewTab();
 
         // Then I expect that inferred element to be enabled in the new tab,
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-on');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-on');
         // and the tooltip of element describes that "infer" element is enabled.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: ON');
     });
@@ -85,7 +85,7 @@ describe('Include inferred statements', () => {
         YasguiSteps.getYasgui().should('be.visible');
 
         // Then I expect that "infer" element to be disabled by default,
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-off');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-off');
         // and the tooltip of element describes that "infer" element is disabled.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: OFF');
 
@@ -93,7 +93,7 @@ describe('Include inferred statements', () => {
         YasguiSteps.openANewTab();
 
         // Then I expect that inferred element to be disabled in the new tab,
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-off');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-off');
         // and the tooltip of element describes that "infer" element is disabled.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: OFF');
     });

package/e2e-legacy/sparql-editor/actions/inferred-sameas.spec.js

@@ -37,13 +37,13 @@ describe('Expand results over owl:sameAs', () => {
 
         // Then I expect inferred button to be on.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: ON');
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-on');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-on');
 
         // When I click on inferred button
-        YasqeSteps.getActionButton(3).click({force: true});
+        YasqeSteps.getActionButton(4).click({force: true});
 
         // Then I expect inferred button to not be toggled.
         YasqeSteps.getActionButtonTooltip(3).should('have.attr', 'yasgui-data-tooltip', 'Include inferred data in results: ON');
-        YasqeSteps.getActionButton(3).should('have.class', 'icon-inferred-on');
+        YasqeSteps.getActionButton(4).should('have.class', 'icon-inferred-on');
     });
 });

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 {QueryStubs} from '../../../../stubs/yasgui/query-stubs';
+import {GraphConfigStubs} from '../../../../stubs/graph-config-stubs.js';
+import {BrowserStubs} from '../../../../stubs/browser-stubs.js';
+import {VisualGraphSplitButtonSteps} from '../../../../steps/visual-graph-split-button-steps.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.
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('not.be.visible');
+
+        // WHEN: I execute a CONSTRUCT query.
+        executeConstructQuery();
+        // THEN: I expect the 'Visualize' button to be visible.
+        VisualGraphSplitButtonSteps.getVisualizeMainButton().should('be.visible');
+
+        // WHEN: I execute SELECT query again.
+        executeSelectQuery();
+        // THEN: I expect the 'Visualize' button to not be visible.
+        VisualGraphSplitButtonSteps.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.
+        VisualGraphSplitButtonSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see message that informs that there are no graph configurations.
+        VisualGraphSplitButtonSteps.getNoConfigurationsMessage().should('contain.text', 'No advanced graph configuration.');
+
+        // WHEN: I click on create link.
+        BrowserStubs.stubWindowOpen();
+        VisualGraphSplitButtonSteps.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
+        VisualGraphSplitButtonSteps.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.
+        VisualGraphSplitButtonSteps.toggleGraphConfigDropdown();
+        // THEN: I expect to see all graph configurations.
+        VisualGraphSplitButtonSteps.getGraphConfigs().should('have.length', 3);
+
+        // WHEN: I select a graph configuration
+        VisualGraphSplitButtonSteps.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/e2e-legacy/sparql-editor/yasr/yasr.spec.js

@@ -0,0 +1,80 @@
+import {SparqlEditorSteps} from '../../../steps/sparql-editor-steps.js';
+import {YasrSteps} from '../../../steps/yasgui/yasr-steps.js';
+import {YasqeSteps} from '../../../steps/yasgui/yasqe-steps.js';
+
+describe('YASR', () => {
+    let repositoryId;
+    let secondRepositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'yasr-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+        cy.deleteRepository(secondRepositoryId);
+    });
+
+    it('should load YASR in fullscreen with plugin config from URL', () => {
+        // WHEN: I visit SPARQL Query & Update page with url parameters: embedded and pluginName
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId, 'pivotTable', true));
+        // THEN: YASR is in fullscreen mode because the workbench is embedded.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+        // AND: I expect the raw response plugin to be visible
+        YasrSteps.getPivotTablePlugin().should('be.visible');
+
+        // WHEN: I press the ESC key.
+        YasrSteps.typeEscapeKey();
+        // THEN: I see YASR results in fullscreen mode because Escape is disabled in this mode.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded url parameter.
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId, 'googleChart'));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect Google Chart plugin to be visible
+        YasrSteps.getGoogleChartPlugin().should('be.visible');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded and pluginName url parameters.
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect Google Chart plugin to be visible, because it was the last used plugin.
+        YasrSteps.getGoogleChartPlugin().should('be.visible');
+
+        // WHEN: I visit SPARQL Query & Update page with without embedded and pluginName url parameters.
+        // AND: There are no persisted yasr data.
+        cy.clearLocalStorage('yagui__graphdb-workbench-sparql-editor');
+        SparqlEditorSteps.visitSparqlEditorPageAndWaitForResults(getUrl(repositoryId));
+        // THEN: I expect yasr to be in non-fullscreen mode
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+        // AND: I expect the default plugin to be visible
+        YasrSteps.getExtendedTablePlugin().should('be.visible');
+    });
+
+    it('should trigger YASR fullscreen mode', () => {
+        // GIVEN: I open a page that contains "ontotext-yasgui-web-component".
+        SparqlEditorSteps.visitSparqlEditorPage();
+
+        // WHEN: I execute a query.
+        YasqeSteps.executeQuery();
+        // THEN: I should see YASR results in non-fullscreen mode.
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+
+        // WHEN: I toggle to fullscreen mode.
+        YasrSteps.toggleFullscreen();
+        // THEN: I should see YASR results in fullscreen mode.
+        YasrSteps.getYasr().should('have.class', 'yasr-fullscreen');
+
+        // WHEN: I press the ESC key.
+        YasrSteps.typeEscapeKey();
+        // THEN: I should see YASR results in non-fullscreen mode, because escape is enabled when workbench is not embedded.
+        YasrSteps.getYasr().should('not.have.class', 'yasr-fullscreen');
+    });
+});
+
+const getUrl = (repositoryId, pluginName, embedded = false) => {
+    return `repositoryId=${repositoryId}${pluginName ? ('&pluginName=' + pluginName) : ''}${embedded ? '&embedded' : ''}&query=SELECT * { ?s ?p ?o }&execute=true`;
+}

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
+                            }
                         }
-
                     ]
                 }
             },