graphdb-workbench-tests 2.3.1 → 2.4.0-TR1

package/integration/sparql-editor/yasgui-tabs.spec.js

@@ -0,0 +1,107 @@
+import {SparqlEditorSteps} from "../../steps/sparql-editor-steps";
+import {TabContextMenu, YasguiSteps} from "../../steps/yasgui/yasgui-steps";
+import {YasqeSteps} from "../../steps/yasgui/yasqe-steps";
+import {YasrSteps} from "../../steps/yasgui/yasr-steps";
+import {ConfirmationDialogSteps} from "../../steps/yasgui/confirmation-dialog-steps";
+import {QueryStubs} from "../../stubs/yasgui/query-stubs";
+
+describe('Yasgui tabs', () => {
+
+    let repositoryId;
+    beforeEach(() => {
+        repositoryId = 'sparql-editor-' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        QueryStubs.stubDefaultQueryResponse(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should ask for confirmation on tab close', () => {
+        // Given I have opened yasgui with a single opened tab
+        SparqlEditorSteps.visitSparqlEditorPage();
+        // And I have created a second tab
+        openNewTab(2);
+        // When I close the second tab
+        YasguiSteps.closeTab(1);
+        // Then I expect a confirmation dialog to be opened
+        ConfirmationDialogSteps.getConfirmation().should('be.visible');
+        ConfirmationDialogSteps.getConfirmation().should('contain.text', 'Are you sure you want to close this query tab?');
+        // When I cancel the operation
+        ConfirmationDialogSteps.reject();
+        ConfirmationDialogSteps.getConfirmation().should('not.exist');
+        // Then I expect that to remain opened
+        YasguiSteps.getTabs().should('have.length', 2);
+        // When I try closing it again
+        YasguiSteps.closeTab(1);
+        ConfirmationDialogSteps.getConfirmation().should('be.visible');
+        // And I confirm
+        ConfirmationDialogSteps.confirm();
+        // Then I expect that the tab will be closed
+        YasguiSteps.getTabs().should('have.length', 1);
+        YasguiSteps.getCurrentTabTitle().should('have.text', 'Unnamed');
+    });
+
+    it('Should ask for confirmation on tab close through tab context menu', {
+        retries: {
+            runMode: 1,
+            openMode: 0
+        }
+    }, () => {
+        // Given I have opened yasgui with a single opened tab
+        SparqlEditorSteps.visitSparqlEditorPage();
+        // And I have created a second tab
+        openNewTab(2);
+        // When I close the second tab
+        YasguiSteps.openTabContextMenu(1).should('be.visible');
+        TabContextMenu.closeTab();
+        // Then I expect a confirmation dialog to be opened
+        ConfirmationDialogSteps.getConfirmation().should('be.visible');
+        // And I confirm
+        ConfirmationDialogSteps.confirm();
+        // Then I expect that the tab will be closed
+        YasguiSteps.getTabs().should('have.length', 1);
+        YasguiSteps.getCurrentTabTitle().should('have.text', 'Unnamed');
+    });
+
+    it('Should ask for confirmation on close other tabs action', {
+        retries: {
+            runMode: 1,
+            openMode: 0
+        }
+    }, () => {
+        // Given I have opened yasgui with a single opened tab
+        SparqlEditorSteps.visitSparqlEditorPage();
+        // And I have created more tabs
+        openNewTab(2);
+        // When I try closing all other tabs but the last one
+        YasguiSteps.openTabContextMenu(1).should('be.visible');
+        TabContextMenu.closeOtherTabs();
+        // Then I expect a confirmation dialog to be opened
+        ConfirmationDialogSteps.getConfirmation().should('be.visible');
+        ConfirmationDialogSteps.getConfirmation().should('contain.text', 'Are you sure you want to close all other query tabs?');
+        // When I cancel the operation
+        ConfirmationDialogSteps.reject();
+        ConfirmationDialogSteps.getConfirmation().should('not.exist');
+        // Then I expect that to remain opened
+        YasguiSteps.getTabs().should('have.length', 2);
+        YasguiSteps.openTabContextMenu(1).should('be.visible');
+        TabContextMenu.closeOtherTabs();
+        ConfirmationDialogSteps.getConfirmation().should('be.visible');
+        // And I confirm
+        ConfirmationDialogSteps.confirm();
+        // Then I expect that the tab will be closed
+        YasguiSteps.getTabs().should('have.length', 1);
+        YasguiSteps.getCurrentTabTitle().should('have.text', 'Unnamed 1');
+    });
+});
+
+function openNewTab(expectedTabsCount) {
+    YasguiSteps.openANewTab();
+    YasguiSteps.getTabs().should('have.length', expectedTabsCount);
+    // Execute the query for a bit of delay before closing the tab
+    YasqeSteps.executeQuery();
+}

package/integration/sparql-editor/yasr/download-as.spec.js

@@ -0,0 +1,62 @@
+import {QueryStubs} from "../../../stubs/yasgui/query-stubs";
+import {SparqlEditorSteps} from "../../../steps/sparql-editor-steps";
+import {YasrSteps} from "../../../steps/yasgui/yasr-steps";
+import {YasqeSteps} from "../../../steps/yasgui/yasqe-steps";
+
+describe('Download results', () => {
+    let repositoryId;
+    beforeEach(() => {
+        repositoryId = 'sparql-editor-' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        QueryStubs.stubDefaultQueryResponse(repositoryId);
+        // Given I visit a page with "ontotex-yasgu-web-component" in it.
+        SparqlEditorSteps.visitSparqlEditorPage();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should be able to download result as a file', () => {
+        QueryStubs.stubDownloadAsJSONResponse(repositoryId);
+        YasqeSteps.executeQuery();
+        YasrSteps.getDownloadAsDropdown().should('be.visible');
+        YasrSteps.downloadAs(0);
+        cy.wait('@download').its('request.body').should('equal', 'query=select%20*%20where%20%7B%20%20%0A%20%3Fs%20%3Fp%20%3Fo%20.%20%0A%20%7D%20limit%20100&infer=true&sameAs=true&offset=0&limit=1001')
+    });
+
+    context('DownloadAs button', () => {
+        it('should not be visible if query is not ran', () => {
+            // When yasr has not result
+            // Then download dropdown should not be visible.
+            YasrSteps.getDownloadAsDropdown().should('not.be.visible');
+        });
+
+        it('Should "Download as" dropdown be visible if there is results', () => {
+            // When execute a query witch returns results.
+            YasqeSteps.executeQuery();
+
+            // Then "Download as" dropdown should be visible.
+            YasrSteps.getDownloadAsDropdown().should('be.visible');
+        });
+
+        it('should contains following dropdown option.', () => {
+            // When execute a query witch returns results.
+            YasqeSteps.executeQuery();
+            // And open the download button.
+            YasrSteps.openDownloadAsDropdown();
+
+            // Then expect follow options to be present.
+            YasrSteps.getDownloadAsOption(0).contains('JSON');
+            YasrSteps.getDownloadAsOption(1).contains( 'JSON*');
+            YasrSteps.getDownloadAsOption(2).contains( 'XML');
+            YasrSteps.getDownloadAsOption(3).contains( 'XML*');
+            YasrSteps.getDownloadAsOption(4).contains( 'CSV');
+            YasrSteps.getDownloadAsOption(5).contains( 'TSV');
+            YasrSteps.getDownloadAsOption(6).contains( 'TSV*');
+            YasrSteps.getDownloadAsOption(7).contains( 'Binary RDF Results');
+        });
+    });
+});

package/integration/sparql-editor/yasr/pagination.spec.js

@@ -0,0 +1,234 @@
+import {QueryStubDescription, 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 {PaginationSteps} from "../../../steps/yasgui/pagination-steps";
+import {NamespaceStubs} from "../../../stubs/namespace-stubs";
+
+describe('Yasr result pagination', () => {
+    let repositoryId;
+    beforeEach(() => {
+        repositoryId = 'sparql-editor-' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        NamespaceStubs.stubGeneratedOntotextNamespacesResponse(repositoryId);
+        // Given: I visit a page with "ontotex-yasgu-web-component" in it.
+        SparqlEditorSteps.visitSparqlEditorPage();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    describe('Visibility of pagination', () => {
+        it('should not be visible when a tab is open without a query to be executed', () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and there is not executed query.
+            //Then I expect pagination to not be visible
+            YasrSteps.getPagination().should('not.be.visible');
+        });
+
+        it('should not be visible when there aren\'t results', () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which don't return results
+            QueryStubs.stubEmptyQueryResponse();
+            YasqeSteps.executeQuery();
+
+            //Then I expect pagination to not be visible
+            YasrSteps.getPagination().should('not.be.visible');
+        });
+
+        it('should not be visible when results of query are less than configured page size', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which returns results less than page size.
+            const queryDescription = new QueryStubDescription()
+                .setRepositoryId(repositoryId)
+                .setTotalElements(3);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+
+            // Then I expect pagination to not be visible
+            YasrSteps.getPagination().should('not.be.visible');
+
+            // When I execute a query witch returns results equals to page size.
+            queryDescription
+                .setRepositoryId(repositoryId)
+                .setTotalElements(1000);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+
+            // Then I expect pagination to not be visible
+            YasrSteps.getPagination().should('not.be.visible');
+        });
+
+        it('should be visible when results of query are more than configured page size', () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which returns results more than page size.
+            const queryDescription = new QueryStubDescription()
+                .setRepositoryId(repositoryId)
+                .setTotalElements(1150);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+
+            // Then I expect pagination to be visible
+            YasrSteps.getPagination().should('be.visible');
+        });
+
+    });
+
+    describe('Pagination behaviour', () => {
+        it('should change page when clink on page number button', () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which returns results more than page size.
+            const queryDescription = new QueryStubDescription()
+                .setRepositoryId(repositoryId)
+                .setTotalElements(1001);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+            PaginationSteps.waitPageSelected(1);
+
+            // I expect two pages to be shown in pagination,
+            PaginationSteps.getPageNumberButtons().should('have.length', 2);
+            // and first page to have 1000 results,
+            YasrSteps.getResults().should('have.length', 1000);
+            // and results to be from the first page
+            YasrSteps.getResultLink(0, 2).should('have.text', 'ontogen:page_1-row_1-column_2');
+
+            // When I click on second page button
+            PaginationSteps.clickOnPageNumberButton(2);
+            PaginationSteps.waitPageSelected(2);
+
+            // Then I expect second page to have only one result,
+            YasrSteps.getResults().should('have.length', 1);
+            // and the results to be from the second page
+            YasrSteps.getResultLink(0, 2).should('have.text', 'ontogen:page_2-row_1-column_2');
+        });
+
+        it('should change page when clink on next or previous page button', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which returns results more than page size.
+            const queryDescription = new QueryStubDescription()
+                .setRepositoryId(repositoryId)
+                .setTotalElements(1002);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+            PaginationSteps.waitPageSelected(1);
+
+            // Then I expect two pages to be shown in pagination.
+            PaginationSteps.getPageNumberButtons().should('have.length', 2);
+            // and first page to have 1000 results
+            YasrSteps.getResults().should('have.length', 1000);
+            // and results to be from the first page
+            YasrSteps.getResultLink(0, 2).should('have.text', 'ontogen:page_1-row_1-column_2');
+
+            // When I click on next page button
+            PaginationSteps.clickOnNextPageButton();
+            PaginationSteps.waitPageSelected(2);
+
+            // Then I expect second page to have two results.
+            YasrSteps.getResults().should('have.length', 2);
+            // and the result to be from the second page
+            YasrSteps.getResultLink(0, 2).should('have.text', 'ontogen:page_2-row_1-column_2');
+
+            // When I click on previous button
+            PaginationSteps.clickOnPreviousPageButton();
+            PaginationSteps.waitPageSelected(1);
+
+            // Then I expect first page to have 1000 results,
+            YasrSteps.getResults().should('have.length', 1000);
+            // and the results to be from the first page.
+            YasrSteps.getResultLink(0, 2).should('have.text', 'ontogen:page_1-row_1-column_2');
+        });
+
+        it('should have two more page around selected page', {
+            retries: {
+                runMode: 1,
+                openMode: 1
+            }
+        }, () => {
+            // When I visit a page with "ontotext-yasgui" component in it,
+            // and execute a query which results are on 6 pages.
+            const queryDescription = new QueryStubDescription()
+                .setRepositoryId(repositoryId)
+                .setTotalElements(5001);
+            QueryStubs.stubQueryResults(queryDescription);
+            YasqeSteps.executeQuery();
+            PaginationSteps.waitPageSelected(1);
+
+            PaginationSteps.getPreviousPageButton().should('be.disabled');
+            PaginationSteps.getPageNumberButton(1).should('have.class', 'selected-page');
+            PaginationSteps.getPageNumberButton(2).should('be.visible');
+            PaginationSteps.getPageNumberButton(3).should('be.visible');
+            PaginationSteps.getPageNumberButton(4).should('not.exist');
+            PaginationSteps.getPageNumberButton(4).should('not.exist');
+            PaginationSteps.getPageNumberButton(5).should('not.exist');
+            PaginationSteps.getPageNumberButton(6).should('not.exist');
+            PaginationSteps.getNextPageButton().should('not.be.disabled');
+
+            // When select second page
+            PaginationSteps.clickOnPageNumberButton(2);
+            PaginationSteps.waitPageSelected(2);
+
+            PaginationSteps.getPreviousPageButton().should('not.be.disabled');
+            PaginationSteps.getPageNumberButton(1).should('be.visible');
+            PaginationSteps.getPageNumberButton(2).should('have.class', 'selected-page');
+            PaginationSteps.getPageNumberButton(3).should('be.visible');
+            PaginationSteps.getPageNumberButton(4).should('be.visible');
+            PaginationSteps.getPageNumberButton(5).should('not.exist');
+            PaginationSteps.getPageNumberButton(6).should('not.exist');
+            PaginationSteps.getNextPageButton().should('not.be.disabled');
+
+            // When select third page
+            PaginationSteps.clickOnPageNumberButton(3);
+            PaginationSteps.waitPageSelected(3);
+
+            PaginationSteps.getPreviousPageButton().should('not.be.disabled');
+            PaginationSteps.getPageNumberButton(1).should('be.visible');
+            PaginationSteps.getPageNumberButton(2).should('be.visible');
+            PaginationSteps.getPageNumberButton(3).should('have.class', 'selected-page');
+            PaginationSteps.getPageNumberButton(4).should('be.visible');
+            PaginationSteps.getPageNumberButton(5).should('be.visible');
+            PaginationSteps.getPageNumberButton(6).should('not.exist');
+            PaginationSteps.getNextPageButton().should('not.be.disabled');
+
+            // When select fifth page
+            PaginationSteps.clickOnPageNumberButton(5);
+            PaginationSteps.waitPageSelected(5);
+
+            PaginationSteps.getPreviousPageButton().should('not.be.disabled');
+            PaginationSteps.getPageNumberButton(1).should('not.exist');
+            PaginationSteps.getPageNumberButton(2).should('not.exist');
+            PaginationSteps.getPageNumberButton(3).should('be.visible');
+            PaginationSteps.getPageNumberButton(4).should('be.visible');
+            PaginationSteps.getPageNumberButton(5).should('have.class', 'selected-page');
+            PaginationSteps.getPageNumberButton(6).should('be.visible');
+            PaginationSteps.getPageNumberButton(7).should('not.exist');
+            PaginationSteps.getNextPageButton().should('not.be.disabled');
+
+            // When select last page
+            PaginationSteps.clickOnPageNumberButton(6);
+            PaginationSteps.waitPageSelected(6);
+
+            PaginationSteps.getPreviousPageButton().should('not.be.disabled');
+            PaginationSteps.getPageNumberButton(1).should('not.exist');
+            PaginationSteps.getPageNumberButton(2).should('not.exist');
+            PaginationSteps.getPageNumberButton(3).should('not.exist');
+            PaginationSteps.getPageNumberButton(4).should('be.visible');
+            PaginationSteps.getPageNumberButton(5).should('be.visible');
+            PaginationSteps.getPageNumberButton(6).should('have.class', 'selected-page');
+            PaginationSteps.getPageNumberButton(7).should('not.exist');
+            PaginationSteps.getNextPageButton().should('be.disabled');
+        });
+    });
+});

package/integration/sparql-editor/yasr/table-plugin.spec.js

@@ -0,0 +1,191 @@
+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 {ApplicationSteps} from "../../../steps/application-steps";
+import {TablePluginSteps} from "../../../steps/yasgui/table-plugin-steps";
+
+describe('Yasr Table plugin', () => {
+    let repositoryId;
+    beforeEach(() => {
+        repositoryId = 'sparql-editor-' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        QueryStubs.stubDefaultQueryResponse(repositoryId);
+        // Given I visit a page with "ontotex-yasgu-web-component" in it.
+        SparqlEditorSteps.visitSparqlEditorPage();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    describe('Results formatting', () => {
+
+        it('Should all resource be formatted with short uri when results are of type uri', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I execute a query which return results and results type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+
+            // Then I expect results to be displayed with short uri.
+            YasrSteps.getResultCell(1, 2).contains('rdf:type');
+            YasrSteps.getResultCell(4, 3).contains('owl:TransitiveProperty');
+        });
+
+        it('Should copy url link be visible when the mouse is over a cell of result table', () => {
+            // When I execute a query which return results and results type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+
+            // And I hovered the mouse over a cell of result table.
+            YasrSteps.hoverCell(28, 2);
+
+            // Then I expect copy url link to be visible
+            YasrSteps.getCopyResourceLink(28, 2).should('be.visible');
+        });
+    });
+
+    describe('Copy resource link dialog', () => {
+
+        it('Should open copy link dialog', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource dialog is open.
+            openCopyResourceLinkDialog();
+
+            // Then I expect copy link dialog to be opened.
+            TablePluginSteps.getCopyResourceLinkDialog().should('be.visible');
+        });
+
+        it('Should close copy link dialog when click on close button', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource dialog is open.
+            openCopyResourceLinkDialog();
+
+            // When I click on close button
+            TablePluginSteps.clickCopyLinkDialogCloseButton();
+
+            // Then I expect copy link dialog to be closed.
+            TablePluginSteps.getCopyResourceLinkDialog().should('not.exist');
+        });
+
+        it('Should close copy link dialog when click on cancel button', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource link dialog is open
+            openCopyResourceLinkDialog();
+
+            // And click on cancel button
+            TablePluginSteps.clickCopyLinkDialogCancelButton();
+
+            // Then I expect copy link dialog to be closed.
+            TablePluginSteps.getCopyResourceLinkDialog().should('not.exist');
+        });
+
+        it('Should close copy link dialog when click on copy link button', () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource link dialog is open
+            openCopyResourceLinkDialog();
+
+            // And click on copy button
+            TablePluginSteps.clickCopyLinkDialogCopyButton();
+
+            // Then I expect copy link dialog to be closed.
+            TablePluginSteps.getCopyResourceLinkDialog().should('not.exist');
+        });
+
+        it('Should close copy link dialog when click outside dialog', () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource link dialog is open
+            openCopyResourceLinkDialog();
+
+            // And click on copy button
+            TablePluginSteps.clickOutsideCopyLinkDialog();
+
+            // Then I expect copy link dialog to be closed.
+            TablePluginSteps.getCopyResourceLinkDialog().should('not.exist');
+        });
+
+        it('Should input of copy link dialog be filled when dialog is open', () => {
+            // When I execute a query which returns results of type is uri.
+            QueryStubs.stubDefaultQueryResponse();
+            YasqeSteps.executeQuery();
+            // And copy resource link dialog is open
+            openCopyResourceLinkDialog();
+
+            // Then I expect the input of dialog to have value.
+            TablePluginSteps.getCopyResourceLinkInput().should('have.value', 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type');
+        });
+
+        it('Should show success message when user click on copy resource link button.', {
+            retries: {
+                runMode: 1,
+                openMode: 0
+            }
+        }, () => {
+            // When I execute a query
+            YasqeSteps.executeQuery();
+
+            // Then I expect results to be displayed with short uri.
+            YasrSteps.getResultCell(1, 2).contains('rdf:type');
+            YasrSteps.getResultCell(4, 3).contains('owl:TransitiveProperty');
+
+            // When I hovered the mouse over a cell of result table.
+            YasrSteps.hoverCell(28, 2);
+
+            // Then I expect copy url link to be visible
+            YasrSteps.getCopyResourceLink(28, 2).should('be.visible');
+
+            // When I click on a copy link.
+            YasrSteps.clickOnCopyResourceLink(28, 2);
+
+            // Then copy resource link dialog have to be opened.
+            TablePluginSteps.getCopyResourceLinkDialog().should('be.visible');
+            // And input of dialog have to be filled with resource uri
+            TablePluginSteps.getCopyResourceLinkInput().should('have.value', 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type');
+
+            // When I click on button "Copy to clipboard"
+            TablePluginSteps.clickCopyLinkDialogCopyButton();
+
+            // And expect success message to be displayed.
+            ApplicationSteps.getSuccessNotifications().contains('URL copied successfully to clipboard.');
+            // And copy resource link dialog have to not be opened.
+            TablePluginSteps.getCopyResourceLinkDialog().should('not.exist');
+        });
+    });
+
+    function openCopyResourceLinkDialog(rowNumber = 28, cellNumber = 2) {
+        YasrSteps.hoverCell(rowNumber, cellNumber);
+        YasrSteps.getCopyResourceLink(rowNumber, cellNumber).should('be.visible');
+        YasrSteps.clickOnCopyResourceLink(rowNumber, cellNumber);
+    }
+});

package/integration/sparql-editor/yasr/toolbar/visual-button.spec.js

@@ -0,0 +1,56 @@
+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";
+
+describe('Visual button when user execute a CONSTRUCT query.', () => {
+    let repositoryId;
+    beforeEach(() => {
+        repositoryId = 'sparql-editor-' + Date.now();
+        QueryStubs.stubQueryCountResponse();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        // Given I visit a page with "ontotex-yasgu-web-component" in it.
+        SparqlEditorSteps.visitSparqlEditorPage();
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('should display a "Visual" button configured by user .', {
+        retries: {
+            runMode: 1,
+            openMode: 0
+        }
+    }, () => {
+        // 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');
+    });
+});