graphdb-workbench-tests 2.5.1 → 2.6.0-RC2

package/integration/explore/{visual.graph.spec.js → visual-graph/visual.graph.spec.js}

@@ -1,3 +1,5 @@
+import {VisualGraphSteps} from "../../../steps/visual-graph-steps";
+
 const FILE_TO_IMPORT = 'wine.rdf';
 const DRY_GRAPH = "http://www.w3.org/TR/2003/PR-owl-guide-20031209/wine#Dry";
 
@@ -27,7 +29,7 @@ describe('Visual graph screen validation', () => {
         it('Test notification when autocomplete is disabled', () => {
             cy.visit('graphs-visualizations');
             cy.window();
-            getSearchField().should('be.visible').type('http://');
+            VisualGraphSteps.getSearchField().should('be.visible').type('http://');
 
             // Verify that a message with a redirection to the autocomplete section is displayed.
             cy.get('.autocomplete-toast a').should('contain', 'Autocomplete is OFF')
@@ -47,7 +49,7 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test search for an invalid resource', () => {
-            getSearchField().should('be.visible').type('.invalid_resource');
+            VisualGraphSteps.getSearchField().should('be.visible').type('.invalid_resource');
             // There are two buttons rendered in the DOM where one of them is hidden. We need the visible one.
             cy.get('.autocomplete-visual-btn:visible').click();
             // Verify that an "Invalid IRI" message is displayed
@@ -55,63 +57,63 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test search for a valid resource', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
             // Verify redirection to existing visual graph
             cy.url().should('match', /USRegion$/);
         });
 
         it('Test default graph state', () => {
-            searchForResource(VALID_RESOURCE);
-            openVisualGraphSettings();
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.openVisualGraphSettings();
 
             cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
                 // Verify that the default settings are as follows:
                 // Maximum links to show: 20
-                getLinksNumberField().and('have.value', '20');
+                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
                 // Preferred lang: en
                 cy.get('.preferred-languages .tag-item').should('have.length', 1)
                     .and('contain', 'en');
                 // Include inferred: false
-                getIncludeInferredStatementsCheckbox().and('be.checked')
+                VisualGraphSteps.getIncludeInferredStatementsCheckbox().and('be.checked')
                     .and('not.be.disabled');
                 // Expand results over owl:sameAs: false
-                getSameAsCheckbox().and('be.checked')
+                VisualGraphSteps.getSameAsCheckbox().and('be.checked')
                     .and('not.be.disabled');
                 // Show predicate labels: true
-                getShowPredicateLabelsCheckbox().and('be.checked')
+                VisualGraphSteps.getShowPredicateLabelsCheckbox().and('be.checked')
                     .and('not.be.disabled');
 
                 // No pre-added preferred/ignored types
-                getPreferredTypesField().and('be.empty');
-                getShowPreferredTypesOnlyCheckbox().and(('not.be.checked'))
+                VisualGraphSteps.getPreferredTypesField().and('be.empty');
+                VisualGraphSteps.getShowPreferredTypesOnlyCheckbox().and(('not.be.checked'))
                     .and('not.be.disabled');
-                getIgnoredTypesField().should('be.empty');
+                VisualGraphSteps.getIgnoredTypesField().should('be.empty');
 
                 // Go to predicates tab
-                openPredicatesTab();
+                VisualGraphSteps.openPredicatesTab();
                 // No pre-added preferred/ignored predicates
-                getPreferredPredicatesField().and('be.empty');
-                getShowPreferredPredicatesOnlyCheckbox().and('not.be.checked')
+                VisualGraphSteps.getPreferredPredicatesField().and('be.empty');
+                VisualGraphSteps.getShowPreferredPredicatesOnlyCheckbox().and('not.be.checked')
                     .and('not.be.disabled');
-                getIgnoredPredicatesField().and('be.empty');
+                VisualGraphSteps.getIgnoredPredicatesField().and('be.empty');
 
                 // Save and rest buttons should be visible and enabled
                 cy.get('@sidepanel').scrollIntoView();
-                getSaveSettingsButton().and('not.be.disabled');
-                getResetSettingsButton().and('not.be.disabled');
+                VisualGraphSteps.getSaveSettingsButton().and('not.be.disabled');
+                VisualGraphSteps.getResetSettingsButton().and('not.be.disabled');
             });
         });
 
         it('Test invalid links limit should show error to user ', () => {
-            searchForResource(VALID_RESOURCE);
-            openVisualGraphSettings();
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.openVisualGraphSettings();
 
             cy.get('.filter-sidepanel').as('sidepanel').should('be.visible').within(() => {
                 // Verify that the default settings are as follows:
                 // Maximum links to show: 20
-                getLinksNumberField().and('have.value', '20');
+                VisualGraphSteps.getLinksNumberField().and('have.value', '20');
                // Update default 20
-                updateLinksLimitField('1001')
+                VisualGraphSteps.updateLinksLimitField('1001')
                     .then(() => {
                         // Try to put invalid value such as 1001
                         cy.get('.idError')
@@ -119,13 +121,13 @@ describe('Visual graph screen validation', () => {
                             .and('contain.text', 'Invalid links limit');
                     });
                 // Try to save the invalid value
-                getSaveSettingsButton().and('not.be.disabled')
+                VisualGraphSteps.getSaveSettingsButton().and('not.be.disabled')
                     .click();
                 // Then reset to default settings
-                getResetSettingsButton().and('not.be.disabled')
+                VisualGraphSteps.getResetSettingsButton().and('not.be.disabled')
                     .click()
                     .then(() => {
-                        getLinksNumberField().and('have.value', '20');
+                        VisualGraphSteps.getLinksNumberField().and('have.value', '20');
                         cy.get('.idError')
                             .should('not.exist');
                     });
@@ -133,63 +135,63 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test search for a valid resource with links', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
             // Check include inferred
-            toggleInferredStatements(true);
+            VisualGraphSteps.toggleInferredStatements(true);
             // Navigate to Visual graph menu
-            openVisualGraphHome();
+            VisualGraphSteps.openVisualGraphHome();
             // Search for "USRegion" again
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
             // Verify that 20 links (nodes) are displayed
-            getPredicates().should('have.length', 20);
+            VisualGraphSteps.getPredicates().should('have.length', 20);
             // Verify that links are counted by nodes and not by triples (predicates)
-            getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 21);
         });
 
         it('Test collapse and expand a node', () => {
-            searchForResource(VALID_RESOURCE);
-            toggleInferredStatements(false);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.toggleInferredStatements(false);
 
             // Hover over node with the mouse and collapse it through the menu
-            getTargetNode().trigger('mouseover');
-            collapseGraph();
+            VisualGraphSteps.getTargetNode().trigger('mouseover');
+            VisualGraphSteps.collapseGraph();
 
             // Verify that all links to the USRegion node are collapsed
-            getPredicates().should('have.length', 0);
+            VisualGraphSteps.getPredicates().should('have.length', 0);
             // Verify that the USRegion node is the only node left in the graph
-            getNodes().and('have.length', 1).and('contain', 'USRegion');
+            VisualGraphSteps.getNodes().and('have.length', 1).and('contain', 'USRegion');
 
             // Hover over node with the mouse and expand it through the menu
-            getTargetNode().trigger('mouseover');
-            expandGraph();
+            VisualGraphSteps.getTargetNode().trigger('mouseover');
+            VisualGraphSteps.expandGraph();
 
             // Verify that all links to the USRegion node are expanded
-            getPredicates().should('have.length', 3);
+            VisualGraphSteps.getPredicates().should('have.length', 3);
             // Verify that the USRegion node is not the only node left in the graph
-            getNodes().and('have.length', 4);
+            VisualGraphSteps.getNodes().and('have.length', 4);
         });
 
         it('Test expand and collapse node info panel with single click', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
 
             // Click once on the node with the mouse to open node's info panel
-            getTargetNode().click();
+            VisualGraphSteps.getTargetNode().click();
             // Verify that a side panel is displayed containing info about the resource
-            getNodeInfoPanel().should('be.visible')
+            VisualGraphSteps.getNodeInfoPanel().should('be.visible')
                 .find('.uri')
                 .should('be.visible')
                 .and('contain', VALID_RESOURCE);
 
             // Close side panel and verify it's missing
-            getTargetNode().click();
-            getNodeInfoPanel().should('not.exist');
+            VisualGraphSteps.getTargetNode().click();
+            VisualGraphSteps.getNodeInfoPanel().should('not.exist');
         });
 
         it('Test remove child node', () => {
-            searchForResource(VALID_RESOURCE);
-            toggleInferredStatements(false);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.toggleInferredStatements(false);
             // Verify that before given node is removed there are 4 of them
-            getNodes().and('have.length', 4);
+            VisualGraphSteps.getNodes().and('have.length', 4);
             // Click once on node different than parent one with the mouse
             cy.get('.node-wrapper circle').eq(1)
             // The wait is needed because mouseover event will result in
@@ -197,46 +199,48 @@ describe('Visual graph screen validation', () => {
                 .should('be.visible').wait(5000)
                 .trigger('mouseover', {force: true});
             // Select remove function
-            removeNode();
+            VisualGraphSteps.removeNode();
             // Verify that links between parent node and the child nodes are expanded
-            getPredicates().should('have.length', 2);
+            VisualGraphSteps.getPredicates().should('have.length', 2);
             // Verify that the nodes left are one less
-            getNodes().and('have.length', 3);
+            VisualGraphSteps.getNodes().and('have.length', 3);
         });
 
         it('Test remove parent node', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
 
             // Verify that search bar isn't visible
-            getSearchField().should('not.exist');
+            VisualGraphSteps.getSearchField().should('not.exist');
             // Hover over node with the mouse
-            getTargetNode().trigger('mouseover');
+            VisualGraphSteps.getTargetNode().trigger('mouseover');
             // Select remove function for the parent node
-            removeNode();
+            VisualGraphSteps.removeNode();
             cy.get('.graph-visualization').should('not.be.visible');
             // Verify that the search bar re-appears on the screen
             cy.get('.incontext-search-rdf-resource input').should('be.visible');
         });
 
         it('Test expand collapsed node which has connections with double click', () => {
-            searchForResource(VALID_RESOURCE);
-            toggleInferredStatements(false);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.toggleInferredStatements(false);
 
-            getTargetNode().trigger('mouseover');
-            collapseGraph();
+            VisualGraphSteps.getTargetNode().trigger('mouseover');
+            VisualGraphSteps.collapseGraph();
             // Verify that all links to the USRegion node are collapsed
-            getPredicates().should('not.exist');
+            VisualGraphSteps.getPredicates().should('not.exist');
             // Verify that the USRegion node is the only node left in the graph
-            getNodes().and('have.length', 1).and('contain', 'USRegion');
+            VisualGraphSteps.getNodes().and('have.length', 1).and('contain', 'USRegion');
 
             // Double click on collapsed node
             // This is ugly but unfortunately I couldn't make cypress's dblclick to work reliably here
-            getTargetNodeElement().dblclick()
+            VisualGraphSteps.getTargetNodeElement().click().then(() => {
+                VisualGraphSteps.getTargetNodeElement().click();
+            });
 
             // Verify that all links to the USRegion node are expanded
-            getPredicates().should('have.length', 3);
+            VisualGraphSteps.getPredicates().should('have.length', 3);
             // Verify that the USRegion node is not the only node left in the graph
-            getNodes().and('have.length', 4);
+            VisualGraphSteps.getNodes().and('have.length', 4);
         });
 
         it('Test verify mouse/keyboard actions', () => {
@@ -269,6 +273,7 @@ describe('Visual graph screen validation', () => {
                 'Right arrow\n                        \n                        ' +
                 'Rotate the graph to the right\n';
 
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
             // Click on "mouse and keyboard actions" in the lower right corner of the screen
             cy.get('#keyboardShortcuts').click();
             // Verify all mouse and actions
@@ -284,63 +289,63 @@ describe('Visual graph screen validation', () => {
         });
 
         it('Test maximum links to show', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
 
             // Verify that 20 links (nodes) are displayed
-            getPredicates().should('have.length', 20);
+            VisualGraphSteps.getPredicates().should('have.length', 20);
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 2
-            updateLinksLimitField('2');
-            saveSettings();
+            VisualGraphSteps.updateLinksLimitField('2');
+            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
-            getPredicates().should('have.length', 2);
+            VisualGraphSteps.getPredicates().should('have.length', 2);
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Set maximum links to 100
-            updateLinksLimitField('100');
-            saveSettings();
+            VisualGraphSteps.updateLinksLimitField('100');
+            VisualGraphSteps.saveSettings();
             // Verify that the diagram is updated
-            getPredicates().should('have.length', 36);
+            VisualGraphSteps.getPredicates().should('have.length', 36);
         });
 
         it('Test include inferred Statements', () => {
-            searchForResource(VALID_RESOURCE);
+            VisualGraphSteps.searchForResource(VALID_RESOURCE);
             // Check include inferred
-            toggleInferredStatements(true);
+            VisualGraphSteps.toggleInferredStatements(true);
 
             // Verify that many results are displayed
             // Verify that 20 links (nodes) are displayed
-            getPredicates().should('have.length', 20);
+            VisualGraphSteps.getPredicates().should('have.length', 20);
             // Verify that more than three nodes are displayed
-            getNodes().and('have.length', 21);
+            VisualGraphSteps.getNodes().and('have.length', 21);
 
             // Switch Include Inferred Statements off
-            toggleInferredStatements(false);
+            VisualGraphSteps.toggleInferredStatements(false);
 
             // Verify that 20 links (nodes) are displayed
-            getPredicates().should('have.length', 3);
+            VisualGraphSteps.getPredicates().should('have.length', 3);
 
             // Verify that three nodes are displayed
-            getNodes().should('have.length', 4);
+            VisualGraphSteps.getNodes().should('have.length', 4);
 
             // Verify that only "Texas" and "California" regions are displayed
-            getNodes().and('contain', 'Texas').and('contain', 'California');
+            VisualGraphSteps.getNodes().and('contain', 'Texas').and('contain', 'California');
         });
 
         it('Test preferred types', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Set "vin:Chardonnay" as a preferred type
-            getPreferredTypesField().clear().type('vin:Chardonnay');
+            VisualGraphSteps.getPreferredTypesField().clear().type('vin:Chardonnay');
             // Select "Show preferred types only"
-            showPreferredTypes(true);
+            VisualGraphSteps.showPreferredTypes(true);
 
-            saveSettings();
+            VisualGraphSteps.saveSettings();
 
             // Verify that there are a total of 6 ( 5 children plus one parent nodes ) are connected to the DRY node
-            getNodes().and('have.length', 6).each(($el) => {
+            VisualGraphSteps.getNodes().and('have.length', 6).each(($el) => {
                 // Exclude parent node
                 if ($el.text() !== 'Dry') {
                     expect($el.text()).to.contain('Chardonnay');
@@ -352,350 +357,144 @@ describe('Visual graph screen validation', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
 
             // Pick a type that is displayed in the diagram for example "vin:Zinfandel"
-            getNodes().and('contain', 'Zinfandel');
+            VisualGraphSteps.getNodes().and('contain', 'Zinfandel');
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Set the connections limit to 10
-            updateLinksLimitField('10');
+            VisualGraphSteps.updateLinksLimitField('10');
             // Go to Settings and set "vin:Zinfandel" as an ignored type
-            getIgnoredTypesField().clear().type('vin:Zinfandel').type('{enter}');
+            VisualGraphSteps.getIgnoredTypesField().clear().type('vin:Zinfandel').type('{enter}');
 
-            saveSettings();
+            VisualGraphSteps.saveSettings();
             // Verify that "vin:Zinfandel" has been removed from the diagram
-            getNodes().and('not.contain', 'Zinfandel');
+            VisualGraphSteps.getNodes().and('not.contain', 'Zinfandel');
         });
 
         it('Test preferred predicates', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Go to predicates tab
-            openPredicatesTab();
+            VisualGraphSteps.openPredicatesTab();
             // Set "vin:hasSugar" as a preferred predicate
-            getPreferredPredicatesField().clear().type('vin:hasSugar');
+            VisualGraphSteps.getPreferredPredicatesField().clear().type('vin:hasSugar');
             // Select "Show preferred predicates only"
-            getShowPreferredPredicatesOnlyCheckbox().check();
+            VisualGraphSteps.getShowPreferredPredicatesOnlyCheckbox().check();
 
-            saveSettings();
+            VisualGraphSteps.saveSettings();
             // Verify that only the "vin:hasSugar" predicate is displayed between the nodes
-            getPredicates().should('contain', 'hasSugar');
+            VisualGraphSteps.getPredicates().should('contain', 'hasSugar');
         });
 
         it('Test ignored predicates', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
-            toggleInferredStatements(false);
+            VisualGraphSteps.toggleInferredStatements(false);
 
             // Pick a type that is displayed in the diagram for example "vin:Zinfandel"
-            getPredicates().should('contain', 'hasSugar');
+            VisualGraphSteps.getPredicates().should('contain', 'hasSugar');
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Go to predicates tab
-            openPredicatesTab();
+            VisualGraphSteps.openPredicatesTab();
 
             // Set the connections limit to 10
-            updateLinksLimitField('10');
+            VisualGraphSteps.updateLinksLimitField('10');
             // Set "vin:hasSugar" as an ignored predicate
-            getIgnoredPredicatesField().clear().type('vin:hasSugar').type('{enter}');
+            VisualGraphSteps.getIgnoredPredicatesField().clear().type('vin:hasSugar').type('{enter}');
 
-            saveSettings();
+            VisualGraphSteps.saveSettings();
 
             // Verify that "vin:hasSugar" has been removed from the diagram
-            getPredicates().should('not.contain', 'hasSugar');
+            VisualGraphSteps.getPredicates().should('not.contain', 'hasSugar');
         });
 
         it('Test reset settings', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
 
             // Modify the settings first
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
             // Maximum links to show: 20
-            updateLinksLimitField('10')
+            VisualGraphSteps.updateLinksLimitField('10')
                 .should('have.value', '10');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1)
                 .eq(0).should('contain', 'en');
             // Include inferred: false
-            getIncludeInferredStatementsCheckbox().check()
+            VisualGraphSteps.getIncludeInferredStatementsCheckbox().check()
                 .should('be.checked');
             // Expand results over owl:sameAs: false
-            getSameAsCheckbox().check()
+            VisualGraphSteps.getSameAsCheckbox().check()
                 .should('be.checked');
             // Show predicate labels: true
-            getShowPredicateLabelsCheckbox().uncheck()
+            VisualGraphSteps.getShowPredicateLabelsCheckbox().uncheck()
                 .should('not.be.checked');
 
             // No pre-added preferred/ignored types
-            getPreferredTypesField().type('vin:PinotNoir')
+            VisualGraphSteps.getPreferredTypesField().type('vin:PinotNoir')
                 .should('have.value', 'vin:PinotNoir');
-            getShowPreferredTypesOnlyCheckbox().check()
+            VisualGraphSteps.getShowPreferredTypesOnlyCheckbox().check()
                 .should('be.checked');
-            getIgnoredTypesField().type('vin:PinotNoir')
+            VisualGraphSteps.getIgnoredTypesField().type('vin:PinotNoir')
                 .should('have.value', 'vin:PinotNoir');
 
             // Go to predicates tab
-            openPredicatesTab();
+            VisualGraphSteps.openPredicatesTab();
             // No pre-added preferred/ignored predicates
-            getPreferredPredicatesField().type('vin:hasSugar')
+            VisualGraphSteps.getPreferredPredicatesField().type('vin:hasSugar')
                 .should('have.value', 'vin:hasSugar');
-            getShowPreferredPredicatesOnlyCheckbox().check()
+            VisualGraphSteps.getShowPreferredPredicatesOnlyCheckbox().check()
                 .should('be.checked');
-            getIgnoredPredicatesField().type('vin:hasSugar')
+            VisualGraphSteps.getIgnoredPredicatesField().type('vin:hasSugar')
                 .should('have.value', 'vin:hasSugar');
 
-            saveSettings();
+            VisualGraphSteps.saveSettings();
 
             // Reset settings and verify everything is reverted to its default
-            openVisualGraphSettings();
-            resetSettings();
-            saveSettings();
+            VisualGraphSteps.openVisualGraphSettings();
+            VisualGraphSteps.resetSettings();
+            VisualGraphSteps.saveSettings();
 
-            openVisualGraphSettings();
+            VisualGraphSteps.openVisualGraphSettings();
             // Verify that the default settings are as follows:
             // Maximum links to show: 20
-            getLinksNumberField().and('have.value', '20');
+            VisualGraphSteps.getLinksNumberField().and('have.value', '20');
             // Preferred lang: en
             cy.get('.preferred-languages .tag-item').should('have.length', 1);
             // Include inferred: false
-            getIncludeInferredStatementsCheckbox().and('be.checked')
+            VisualGraphSteps.getIncludeInferredStatementsCheckbox().and('be.checked')
                 .and('not.be.disabled');
             // Expand results over owl:sameAs: true
-            getSameAsCheckbox().and('be.checked')
+            VisualGraphSteps.getSameAsCheckbox().and('be.checked')
                 .and('not.be.disabled');
             // Show predicate labels: true
-            getShowPredicateLabelsCheckbox().and('be.checked')
+            VisualGraphSteps.getShowPredicateLabelsCheckbox().and('be.checked')
                 .and('not.be.disabled');
 
             // No pre-added preferred/ignored types
-            getPreferredTypesField().and('be.empty');
-            getShowPreferredTypesOnlyCheckbox().and(('not.be.checked'))
+            VisualGraphSteps.getPreferredTypesField().and('be.empty');
+            VisualGraphSteps.getShowPreferredTypesOnlyCheckbox().and(('not.be.checked'))
                 .and('not.be.disabled');
-            getIgnoredTypesField().should('be.empty');
+            VisualGraphSteps.getIgnoredTypesField().should('be.empty');
 
             // Go to predicates tab
-            openPredicatesTab();
+            VisualGraphSteps.openPredicatesTab();
             // No pre-added preferred/ignored predicates
-            getPreferredPredicatesField().and('be.empty');
-            getShowPreferredPredicatesOnlyCheckbox().and(('not.be.checked'))
+            VisualGraphSteps.getPreferredPredicatesField().and('be.empty');
+            VisualGraphSteps.getShowPreferredPredicatesOnlyCheckbox().and(('not.be.checked'))
                 .and('not.be.disabled');
-            getIgnoredPredicatesField().and('be.empty');
+            VisualGraphSteps.getIgnoredPredicatesField().and('be.empty');
         });
 
         it('Test include schema statements', () => {
             cy.searchEasyVisualGraph(DRY_GRAPH);
-            getPredicates().should('contain', 'type');
-            openVisualGraphSettings();
-            getSettingsPanel().should('be.visible');
+            VisualGraphSteps.getPredicates().should('contain', 'type');
+            VisualGraphSteps.openVisualGraphSettings();
+            VisualGraphSteps.getSettingsPanel().should('be.visible');
             cy.get('.include-schema-statements').should('be.checked');
             cy.get('.include-schema-statements').uncheck();
-            saveSettings();
-            getPredicates().should('not.exist');
+            VisualGraphSteps.saveSettings();
+            VisualGraphSteps.getPredicates().should('not.exist');
         });
     });
-
-    it('Test can create custom visual graph', () => {
-        cy.visit('graphs-visualizations');
-        getCreateCustomGraphLink().click();
-        cy.url().should('include', '/config/save');
-        getGraphConfigName().type('configName');
-
-        cy.get('.page-1-link').should('be.visible')
-            .and('contain', 'Starting point')
-            .and('have.class', 'active');
-        cy.get('.page-2-link').should('be.visible')
-            .and('contain', 'Graph expansion');
-        cy.get('.page-3-link').should('be.visible')
-            .and('contain', 'Node basics');
-        cy.get('.page-4-link').should('be.visible')
-            .and('contain', 'Edge basics');
-        cy.get('.page-5-link').should('be.visible')
-            .and('contain', 'Node extra');
-        cy.get('.page-2-link').click();
-        cy.get('.page-2-link').should('have.class', 'active');
-
-        cy.get('.expand-samples .list-group-item').first().click();
-        getSaveConfig().click();
-        cy.url().should('eq', Cypress.config('baseUrl') + '/graphs-visualizations');
-        getGraphConfigurationsArea().should('be.visible')
-            .and('contain', 'configName');
-        getGraphConfigurationsArea().should('be.visible')
-            .and('contain', 'No graph configs');
-    });
-
-    // Visual graph home view access
-
-    function getSearchField() {
-        return cy.get('.search-rdf-resources input:visible');
-    }
-
-    function searchForResource(resource) {
-        // verify that the easy graph search has occured and a valid resource was input and only
-        // after that execute the next operation
-        cy.searchEasyVisualGraph(resource)
-            .then(() => {
-                // Verify redirection to existing visual graph
-                cy.waitUntil(() =>
-                    cy.get('.graph-visualization')
-                        .find('.nodes-container')
-                        .then((nodesContainer) => nodesContainer))
-                    .then(() => {
-                        getNodes();
-                    });
-            });
-    }
-
-    function getTargetNodeElement() {
-        return cy.get(`[id="http://www.w3.org/TR/2003/PR-owl-guide-20031209/wine#${VALID_RESOURCE}"] circle`).should('be.visible');
-    }
-
-    function getTargetNode() {
-        // The wait is needed because mouseover event will result in
-        // pop-up of menu icons only if nodes are not moving
-        return getTargetNodeElement().wait(5000);
-    }
-
-    function getNodes() {
-        return cy.get('.node-wrapper').should('be.visible');
-    }
-
-    function getPredicates() {
-        return cy.get('.predicate');
-    }
-
-    function getNodeInfoPanel() {
-        return cy.get('.rdf-info-side-panel .tab-content');
-    }
-
-    function getSettingsPanel() {
-        return cy.get('.rdf-info-side-panel .filter-sidepanel');
-    }
-
-    // Visual graph settings form field access
-
-    function openPredicatesTab() {
-        cy.get('.predicates-tab').should('be.visible').click();
-    }
-
-    function showPreferredTypes(enable) {
-        const command = enable ? 'check' : 'uncheck';
-        getShowPreferredTypesOnlyCheckbox()[command]();
-    }
-
-    function toggleInferredStatements(enable) {
-        openVisualGraphSettings();
-        getSettingsPanel().should('be.visible');
-        const command = enable ? 'check' : 'uncheck';
-        getIncludeInferredStatementsCheckbox()[command]();
-        saveSettings();
-    }
-
-    function getLinksNumberField() {
-        // This element could not be checked with 'be.visible' because it has
-        // CSS property: 'position: fixed' and its being covered by another element
-        return cy.get('.input-number');
-    }
-
-    function getSaveSettingsButton() {
-        return cy.get('.save-settings-btn').scrollIntoView().should('be.visible');
-    }
-
-    function saveSettings() {
-        getSaveSettingsButton().click();
-    }
-
-    function getResetSettingsButton() {
-        return cy.get('.reset-settings').scrollIntoView().should('be.visible');
-    }
-
-    function resetSettings() {
-        getResetSettingsButton().click();
-    }
-
-    function getSameAsCheckbox() {
-        return cy.get('#sameAsCheck').should('be.visible');
-    }
-
-    function getIncludeInferredStatementsCheckbox() {
-        return cy.get('.include-inferred-statements').should('be.visible');
-    }
-
-    function getShowPredicateLabelsCheckbox() {
-        return cy.get('.show-predicate-labels').should('be.visible');
-    }
-
-    function getPreferredTypesField() {
-        return cy.get('.preferred-types input').scrollIntoView().should('be.visible');
-    }
-
-    function getShowPreferredTypesOnlyCheckbox() {
-        return cy.get('.show-preferred-types-only').should('be.visible');
-    }
-
-    function getIgnoredTypesField() {
-        // This element could not be checked with 'be.visible' because it has
-        // CSS property: 'position: fixed' and its being covered by another element
-        return cy.get('.ignored-types input');
-    }
-
-    function getPreferredPredicatesField() {
-        return cy.get('.preferred-predicates input').should('be.visible');
-    }
-
-    function getShowPreferredPredicatesOnlyCheckbox() {
-        return cy.get('.show-preferred-predicates-only').should('be.visible');
-    }
-
-    function getIgnoredPredicatesField() {
-        // This element could not be checked with 'be.visible' because it has
-        // CSS property: 'position: fixed' and its being covered by another element
-        return cy.get('.ignored-predicates input');
-    }
-
-    function getCreateCustomGraphLink() {
-        return cy.get('.create-graph-config').should('be.visible');
-    }
-
-    function getGraphConfigName() {
-        return cy.get('.graph-config-name').should('be.visible');
-    }
-
-    function getSaveConfig() {
-        return cy.get('.btn-save-config').should('be.visible');
-    }
-
-    function getGraphConfigurationsArea() {
-        return cy.get('.graph-configurations');
-    }
-
-
-    // Node actions
-
-    function collapseGraph() {
-        cy.get('.menu-events .collapse-icon circle').should('be.visible').click();
-    }
-
-    function expandGraph() {
-        cy.get('.menu-events .expand-icon circle').should('be.visible').click();
-    }
-
-    function removeNode() {
-        cy.get('.menu-events .close-icon circle').click({force: true});
-    }
-
-    // Visual graph toolbar actions
-
-    function openVisualGraphSettings() {
-        return cy.get('.toolbar-holder').should('be.visible')
-            .find('.visual-graph-settings-btn')
-            .should('be.visible').click();
-    }
-
-    function openVisualGraphHome() {
-        cy.get('.toolbar-holder').should('be.visible')
-            .find('.return-home-btn').should('be.visible').click();
-    }
-
-    function updateLinksLimitField(value) {
-        return getLinksNumberField().invoke('val', value).trigger('change', {force: true});
-    }
 });