graphdb-workbench-tests 3.0.3-TR1 → 3.1.0-RC2

package/.editorconfig

@@ -0,0 +1,17 @@
+root = true
+
+[*]
+
+indent_style = space
+indent_size = 4
+
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.txt]
+insert_final_newline = false

package/.nycrc

@@ -0,0 +1,10 @@
+{
+    "temp-directory": "../.nyc_output",
+    "include": [
+      "packages/legacy-workbench/src/**/*.js"
+    ],
+    "exclude": [
+      "packages/root-config/**",
+      "packages/shared-components/**"
+    ]
+}

package/cypress-flaky.config.js

@@ -6,16 +6,27 @@ module.exports = defineConfig({
     screenshotsFolder: 'report/screenshots',
     videosFolder: 'report/videos',
     video: true,
-    defaultCommandTimeout: 15000,
+    defaultCommandTimeout: 25000,
     numTestsKeptInMemory: 10,
     e2e: {
+        retries: {
+            runMode: 2,
+            openMode: 0
+        },
         // We've imported your old cypress plugins here.
         // You may want to clean this up later by importing these.
         setupNodeEvents(on, config) {
-            return require('./plugins/index.js')(on, config);
+            return require('./plugins')(on, config);
         },
         baseUrl: 'http://localhost:9000',
-        specPattern: 'integration-flaky/**/*.{js,jsx,ts,tsx}',
-        supportFile: 'support/index.js'
+        specPattern: 'e2e-flaky/**/*.{js,jsx,ts,tsx}',
+        supportFile: 'support/e2e.js',
+        reporter: "cypress-multi-reporters",
+        reporterOptions: {
+            configFile: 'cypress-reporter-config.json'
+        }
+    },
+    env: {
+        set_default_user_data: true
     }
 });

package/cypress-legacy.config.js

@@ -0,0 +1,40 @@
+const {defineConfig} = require('cypress');
+
+const isCoverage = process.env.COVERAGE === 'true';
+
+module.exports = defineConfig({
+    projectId: 'v35btb',
+    fixturesFolder: 'fixtures',
+    screenshotsFolder: 'report/screenshots',
+    videosFolder: 'report/videos',
+    video: true,
+    defaultCommandTimeout: 25000,
+    numTestsKeptInMemory: 10,
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    e2e: {
+        retries: {
+            runMode: 2,
+            openMode: 0
+        },
+        // We've imported your old cypress plugins here.
+        // You may want to clean this up later by importing these.
+        setupNodeEvents(on, config) {
+            require('./plugins')(on, config);
+            if (isCoverage) {
+                require('@bahmutov/cypress-code-coverage/plugin')(on, config)
+            }
+            return config;
+        },
+        baseUrl: 'http://localhost:9000',
+        specPattern: 'e2e-legacy/**/*.{js,jsx,ts,tsx}',
+        supportFile: 'support/e2e.js',
+        reporter: "cypress-multi-reporters",
+        reporterOptions: {
+            configFile: 'cypress-reporter-config.json'
+        }
+    },
+    env: {
+        set_default_user_data: true
+    }
+});

package/cypress-security.config.js

@@ -0,0 +1,40 @@
+const {defineConfig} = require('cypress');
+
+const isCoverage = process.env.COVERAGE === 'true';
+
+module.exports = defineConfig({
+    projectId: 'v35btb',
+    fixturesFolder: 'fixtures',
+    screenshotsFolder: 'report/screenshots',
+    videosFolder: 'report/videos',
+    video: true,
+    defaultCommandTimeout: 25000,
+    numTestsKeptInMemory: 10,
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    e2e: {
+        retries: {
+            runMode: 2,
+            openMode: 0
+        },
+        // We've imported your old cypress plugins here.
+        // You may want to clean this up later by importing these.
+        setupNodeEvents(on, config) {
+            require('./plugins')(on, config);
+            if (isCoverage) {
+                require('@bahmutov/cypress-code-coverage/plugin')(on, config)
+            }
+            return config;
+        },
+        baseUrl: 'http://localhost:9000',
+        specPattern: 'e2e-security/**/*.{js,jsx,ts,tsx}',
+        supportFile: 'support/e2e.js',
+        reporter: "cypress-multi-reporters",
+        reporterOptions: {
+            configFile: 'cypress-reporter-config.json'
+        }
+    },
+    env: {
+        set_default_user_data: true
+    }
+});

package/cypress.config.js

@@ -6,8 +6,12 @@ module.exports = defineConfig({
     screenshotsFolder: 'report/screenshots',
     videosFolder: 'report/videos',
     video: true,
-    defaultCommandTimeout: 40000,
+    screenshotOnRunFailure: true,
+    trashAssetsBeforeRuns: true,
+    defaultCommandTimeout: 10000,
     numTestsKeptInMemory: 10,
+    viewportWidth: 1280,
+    viewportHeight: 720,
     e2e: {
         retries: {
             runMode: 2,
@@ -16,11 +20,11 @@ module.exports = defineConfig({
         // We've imported your old cypress plugins here.
         // You may want to clean this up later by importing these.
         setupNodeEvents(on, config) {
-            return require('./plugins/index.js')(on, config);
+            return require('./plugins')(on, config);
         },
         baseUrl: 'http://localhost:9000',
-        specPattern: 'integration/**/*.{js,jsx,ts,tsx}',
-        supportFile: 'support/index.js',
+        specPattern: './**/*.{js,jsx,ts,tsx}',
+        supportFile: 'support/e2e.js',
         reporter: "cypress-multi-reporters",
         reporterOptions: {
             configFile: 'cypress-reporter-config.json'

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

@@ -25,7 +25,10 @@ describe('Visual graph screen validation', () => {
         cy.presetRepository(repositoryId);
     });
 
-    it('CRUD on saved graph', () => {
+    /**
+     * TODO: Fix me. Broken due to migration (Error: unknown)
+     */
+    it.skip('CRUD on saved graph', () => {
         const graphConfigName = 'MyGraphConfig_' + Date.now();
         const namedGraph = 'myGraph_' + Date.now();
         const renamedGraph = 'myRenamedGraph_' + Date.now();

package/{integration-flaky → e2e-flaky}/import/import-server-files-operations.spec.js

@@ -18,7 +18,7 @@ describe('Import server files - Operations', {retries: {runMode: 2}}, () => {
         repositoryId = 'server-import-' + Date.now();
         cy.createRepository({id: repositoryId});
         ImportServerFilesSteps.visitServerImport(repositoryId);
-        ImportServerFilesSteps.getResources().should('have.length', 14);
+        ImportServerFilesSteps.getResources().should('have.length', 18);
     });
 
     afterEach(() => {

package/e2e-flaky/import/import-user-data-url.spec.js

@@ -0,0 +1,63 @@
+import {ImportUserDataSteps} from "../../steps/import/import-user-data-steps";
+import {ImportSettingsDialogSteps} from "../../steps/import/import-settings-dialog-steps";
+
+describe('Import user data: URL import', () => {
+
+    let repositoryId;
+
+    const IMPORT_URL = 'https://www.w3.org/TR/owl-guide/wine.rdf';
+    const JSONLD_FORMAT = 'JSON-LD';
+    const VALID_URL_RDF_FORMAT = 'RDF/XML';
+    const RDF_ERROR_MESSAGE = 'RDF Parse Error:';
+    const IMPORT_JSONLD_URL = 'https://example.com/0007-context.jsonld';
+
+    beforeEach(() => {
+        repositoryId = 'user-import-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        ImportUserDataSteps.visitUserImport(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    // Test fails because GDB waits for the import link to be resolved and since it is invalid it waits for a timeout, blocking all other requests
+    it('should import JSON-LD file via URL with correct request body', () => {
+        cy.intercept('GET', `/rest/repositories/${repositoryId}/import/upload`).as('upload');
+
+        ImportUserDataSteps.stubPostJSONLDFromURL(repositoryId);
+        ImportUserDataSteps.openImportURLDialog(IMPORT_JSONLD_URL);
+        ImportUserDataSteps.selectRDFFormat(JSONLD_FORMAT);
+        ImportUserDataSteps.clickImportUrlButton();
+        ImportSettingsDialogSteps.import();
+        cy.wait('@postJsonldUrl').then((xhr) => {
+            expect(xhr.request.body.name).to.eq('https://example.com/0007-context.jsonld');
+            expect(xhr.request.body.data).to.eq('https://example.com/0007-context.jsonld');
+            expect(xhr.request.body.type).to.eq('url');
+            expect(xhr.request.body.hasContextLink).to.be.true;
+        });
+        cy.waitUntil(() =>
+            cy.wait('@upload').then((xhr) => {
+                console.log(xhr.response.body)
+                return xhr.response.body[0]?.status === 'ERROR'
+            }), {timeout: 10000, interval: 1000}
+        )
+    });
+
+    it('should show error on invalid JSON-LD URL', () => {
+        cy.intercept('GET', `/rest/repositories/${repositoryId}/import/upload`).as('upload');
+
+        ImportUserDataSteps.stubPostJSONLDFromURL();
+        ImportUserDataSteps.openImportURLDialog(IMPORT_JSONLD_URL);
+        ImportUserDataSteps.selectRDFFormat(JSONLD_FORMAT);
+        ImportUserDataSteps.clickImportUrlButton();
+        ImportSettingsDialogSteps.import();
+        cy.waitUntil(() =>
+            cy.wait('@upload').then((xhr) => {
+                console.log(xhr.response.body)
+                return xhr.response.body[0]?.status === 'ERROR'
+            }), {timeout: 10000, interval: 1000}
+        )
+        ImportUserDataSteps.checkImportedResource(0, IMPORT_JSONLD_URL, 'https://example.com/0007-context.jsonld');
+    });
+});

package/{integration-flaky → e2e-flaky}/setup/sparql-template-create.js

@@ -6,6 +6,7 @@ import {MainMenuSteps} from "../../steps/main-menu-steps";
 import {RepositorySelectorSteps} from "../../steps/repository-selector-steps";
 import {SparqlTemplatesSteps} from "../../steps/setup/sparql-templates-steps";
 
+// TODO: Fix me. Broken due to migration (Error: beforeEach)
 describe('SPARQL create template', () => {
 
     let repositoryId;
@@ -44,7 +45,10 @@ describe('SPARQL create template', () => {
         SparqlCreateUpdateSteps.getInvalidQueryElement().contains('Invalid query');
     });
 
-    it('should display confirm dialog I am updating a sparql template and change the repository', {
+    /**
+     * TODO: Fix me. Broken due to migration (Repository selector changed)
+     */
+    it.skip('should display confirm dialog I am updating a sparql template and change the repository', {
         retries: {
             runMode: 1,
             openMode: 0
@@ -112,7 +116,10 @@ describe('SPARQL create template', () => {
         RepositorySelectorSteps.getSelectedRepository().contains(repositoryId);
     });
 
-    it('should confirm me before navigate when query is changed', {
+    /**
+     * TODO: Fix me. Broken due to migration (Changes in main menu)
+     */
+    it.skip('should confirm me before navigate when query is changed', {
         retries: {
             runMode: 1,
             openMode: 0

package/{integration-flaky → e2e-flaky}/sparql-editor/yasr/table-plugin.spec.js

@@ -5,7 +5,8 @@ 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', () => {
+//TODO: Fix me. Broken due to migration (Error: beforeEach)
+describe.skip('Yasr Table plugin', () => {
     let repositoryId;
     beforeEach(() => {
         repositoryId = 'sparql-editor-' + Date.now();

package/e2e-legacy/explore/class-hierarchy/class-hierarchy-with-selected-repository-without-class-hierarchy.spec.js

@@ -0,0 +1,42 @@
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {RepositoryErrorsWidgetSteps} from "../../../steps/widgets/repository-errors-widget-steps";
+import ClassViewsSteps from "../../../steps/class-views-steps";
+
+describe('Initial state of the Class hierarchy view with a selected repository and without class hierarchy', () => {
+
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'class-hierarchy-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // When: I visit the Class hierarchy page via URL with a repository selected and without class hierarchy
+        ClassViewsSteps.visit();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // When: I visit the Class hierarchy page via the navigation menu with a repository selected and without class hierarchy
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassHierarchy();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    const verifyInitialStateWithSelectedRepository = () => {
+        RepositoryErrorsWidgetSteps.getWidget().should('be.hidden');
+        ClassViewsSteps.getNoHierarchyErrorElement().should('be.visible');
+        ClassViewsSteps.getToolbarHolder().should('be.hidden');
+        ClassViewsSteps.getSlider().should('be.hidden');
+        ClassViewsSteps.getRDFClassHierarchy().should('be.hidden');
+    };
+});

package/e2e-legacy/explore/class-hierarchy/class-hierarchy-with-selected-repository.spec.js

@@ -0,0 +1,43 @@
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {RepositoryErrorsWidgetSteps} from "../../../steps/widgets/repository-errors-widget-steps";
+import ClassViewsSteps from "../../../steps/class-views-steps";
+
+describe('Initial state of the Class hierarchy view with a selected repository', () => {
+    const FILE_TO_IMPORT = 'wine.rdf';
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'class-hierarchy-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, FILE_TO_IMPORT);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // When: I visit the Class hierarchy page via URL with a repository selected
+        ClassViewsSteps.visit();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // When: I visit the Class hierarchy page via the navigation menu with a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassHierarchy();
+        // Then:
+        verifyInitialStateWithSelectedRepository();
+    });
+
+    const verifyInitialStateWithSelectedRepository = () => {
+        RepositoryErrorsWidgetSteps.getWidget().should('be.hidden');
+        ClassViewsSteps.getNoHierarchyErrorElement().should('be.hidden');
+        ClassViewsSteps.getToolbarHolder().should('be.visible');
+        ClassViewsSteps.getSlider().should('be.visible');
+        ClassViewsSteps.getRDFClassHierarchy().should('be.visible');
+    };
+});

package/e2e-legacy/explore/class-hierarchy/class-hierarchy-without-selected-repository.spec.js

@@ -0,0 +1,30 @@
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {RepositoryErrorsWidgetSteps} from "../../../steps/widgets/repository-errors-widget-steps";
+import ClassViewsSteps from "../../../steps/class-views-steps";
+
+describe('Initial state of the Class hierarchy view without a selected repository', () => {
+
+    it('Should display the correct initial state when navigating via URL', () => {
+        // When: I visit the Class hierarchy page via URL without a repository selected
+        ClassViewsSteps.visit();
+        // Then:
+        verifyInitialStateWithoutSelectedRepository();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation bar', () => {
+        // When: I visit the Class hierarchy page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassHierarchy();
+        // Then:
+        verifyInitialStateWithoutSelectedRepository();
+    });
+
+    const verifyInitialStateWithoutSelectedRepository = () => {
+        RepositoryErrorsWidgetSteps.getWidget().should('be.visible');
+        ClassViewsSteps.getNoHierarchyErrorElement().should('be.hidden');
+        ClassViewsSteps.getToolbarHolder().should('be.hidden');
+        ClassViewsSteps.getSlider().should('be.hidden');
+        ClassViewsSteps.getRDFClassHierarchy().should('be.hidden');
+    };
+});

package/{integration/explore → e2e-legacy/explore/class-hierarchy}/class.hierarchy.spec.js

@@ -1,4 +1,4 @@
-import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../steps/class-views-steps";
+import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../../steps/class-views-steps";
 
 const INITIAL_CLASS_COUNT = 50;
 const CLASS_COUNT_OF_NEWS_GRAPH = 35;

package/e2e-legacy/explore/class-relationships/class-relationships-repository-with-data.spec.js

@@ -0,0 +1,42 @@
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import HomeSteps from "../../../steps/home-steps";
+
+describe('Class Relationships repository with date', () => {
+    let repositoryId
+
+    beforeEach(() => {
+        repositoryId = 'class-relationships-date-' + Date.now()
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+        cy.importServerFile(repositoryId, 'wine.rdf');
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render Class Relationships with selected repository via URL', () => {
+        // Given, I visit the Class Relationships page via URL and I have a selected repository with data
+        ClassRelationshipsSteps.visit();
+
+        // Then
+        validateInitialStateWithData();
+    });
+
+    it('Should render Class Relationships with selected repository via navigation menu', () => {
+        // Given, I visit the Class Relationships page via navigation menu and I have a selected repository with data
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+
+        // Then
+        validateInitialStateWithData();
+    });
+});
+
+function validateInitialStateWithData() {
+    ClassRelationshipsSteps.verifyRelationsToolbarContent();
+    ClassRelationshipsSteps.getFilterField().should('be.visible');
+    ClassRelationshipsSteps.getDependenciesList().should('be.visible');
+    ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible');
+}

package/e2e-legacy/explore/class-relationships/class-relationships-with-selected-repository.spec.js

@@ -0,0 +1,39 @@
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+
+describe('Class Relationships with selected repository', () => {
+    let repositoryId;
+
+    beforeEach(() => {
+        repositoryId = 'class-relationships-' + Date.now();
+        cy.createRepository({id: repositoryId});
+        cy.presetRepository(repositoryId);
+    });
+
+    afterEach(() => {
+        cy.deleteRepository(repositoryId);
+    });
+
+    it('Should render Class Relationships with selected repository via URL', () => {
+        // Given, I visit the Class Relationships page via URL and I have a selected repository
+        ClassRelationshipsSteps.visit();
+        // Then
+        validateNoRelationshipsClassRelationshipsPage();
+    });
+
+    it('Should render Class Relationships with selected repository via navigation menu', () => {
+        // Given, I visit the Class Relationships page via navigation menu and I have a selected repository'
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+        // Then
+        validateNoRelationshipsClassRelationshipsPage();
+    });
+});
+
+function validateNoRelationshipsClassRelationshipsPage() {
+  ClassRelationshipsSteps.getReloadDiagramButton().should('be.visible');
+  ClassRelationshipsSteps.getNoDataWarning()
+      .should('be.visible')
+      .and('contain', 'The currently selected repository contains no dependencies data. Please, reload the diagram if you have imported data recently.')
+}

package/e2e-legacy/explore/class-relationships/class-relationships-without-selected-repository.spec.js

@@ -0,0 +1,21 @@
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
+import HomeSteps from "../../../steps/home-steps";
+import {MainMenuSteps} from "../../../steps/main-menu-steps";
+import {ErrorSteps} from "../../../steps/error-steps";
+
+describe('Class Relationships without selected repository', () => {
+    it('Should display the correct initial state when navigating via URL', () => {
+        // Given, I visit the Class Relationships page via URL without a repository selected
+        ClassRelationshipsSteps.visit();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+
+    it('Should display the correct initial state when navigating via the navigation menu', () => {
+        // Given, I visit the Class Relationships page via the navigation menu without a repository selected
+        HomeSteps.visit();
+        MainMenuSteps.clickOnClassRelationships();
+        // Then,
+        ErrorSteps.verifyNoConnectedRepoMessage();
+    });
+})

package/{integration/explore/class.relationships.spec.js → e2e-legacy/explore/class-relationships/class-relationships.spec.js}

@@ -1,4 +1,5 @@
-import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../steps/class-views-steps";
+import ClassViewsSteps, {ALL_GRAPHS, GRAPH_FILE, NEWS_GRAPH} from "../../../steps/class-views-steps";
+import {ClassRelationshipsSteps} from "../../../steps/explore/class-relationships-steps";
 
 const FILE_TO_IMPORT = 'wine.rdf';
 
@@ -13,11 +14,10 @@ describe('Class relations screen validation', () => {
 
         cy.importServerFile(repositoryId, FILE_TO_IMPORT);
 
-        cy.visit('/relationships');
-        cy.window();
+        ClassRelationshipsSteps.visit();
         // The diagram and the list should be visible in order to assume the page is ready
-        cy.get('#dependencies-chord').should('be.visible');
-        cy.get('#wb-dependencies-classInClasses').should('be.visible');
+        ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible');
+        ClassRelationshipsSteps.getDependenciesList().should('be.visible');
     });
 
     afterEach(() => {
@@ -26,47 +26,43 @@ describe('Class relations screen validation', () => {
 
     it('Test initial state', function () {
         // Filter field should be visible
-        getFilterField().should('be.visible');
+        ClassRelationshipsSteps.getFilterField().should('be.visible');
         // Dependencies label should be present and showing proper text
-        cy.get('.available-dependencies-label')
+        ClassRelationshipsSteps.getAvailableDependenciesLabel()
             .should('be.visible')
             .contains('Showing the dependencies between 10 classes');
         // Directions filter buttons should be visible
-        getDirectionFilter().should('be.visible');
+        ClassRelationshipsSteps.getDirectionFilter().should('be.visible');
         // And the "All" radio button must be selected by default
-        verifySelectedDirectionFilter('all');
+        ClassRelationshipsSteps.verifySelectedDirectionFilter('all');
         // The toolbar and its buttons should be visible
-        getRelationsToolbar().should('be.visible').within(() => {
-            cy.get('.remove-all-classes-btn').should('be.visible');
-            cy.get('.reload-diagram-btn').should('be.visible');
-            cy.get('.export-diagram-btn').should('be.visible');
-        });
+        ClassRelationshipsSteps.verifyRelationsToolbarContent();
         // Class relations list should be visible and have 10 classes selected
-        getDependenciesList().should('be.visible').within(() => {
+        ClassRelationshipsSteps.getDependenciesList().should('be.visible').within(() => {
             cy.get('.item .row.active').should('have.length', 10);
         });
         // Diagram should be visible and showing 10 classes
-        cy.get('#dependencies-chord').should('be.visible').within(() => {
+        ClassRelationshipsSteps.getDependenciesDiagram().should('be.visible').within(() => {
             cy.get('.group').should('have.length', 10);
         });
     });
 
     it('Search for a class', function () {
         // Expect 39 rows initially to be visible
-        verifyListLength(39);
+        ClassRelationshipsSteps.verifyListLength(39);
         // Filter by partial name
-        filterByClass(':Wine');
+        ClassRelationshipsSteps.filterByClass(':Wine');
         // Expecting 6 rows to be present
-        verifyListLength(6);
+        ClassRelationshipsSteps.verifyListLength(6);
         // Clear the filter and expect all rows to be visible again
-        getFilterField().clear();
-        verifyListLength(39);
+        ClassRelationshipsSteps.getFilterField().clear();
+        ClassRelationshipsSteps.verifyListLength(39);
     });
 
     it('Test class relationships for given graph', () => {
         cy.importServerFile(repositoryId, GRAPH_FILE, {"context": NEWS_GRAPH});
         // Should re-enter page to display Graph dropdown
-        cy.visit('/relationships');
+        ClassRelationshipsSteps.visit();
         ClassViewsSteps.verifyDataChangedWarning();
         ClassViewsSteps.verifyGraphIsDisplayed(ALL_GRAPHS);
 
@@ -79,32 +75,4 @@ describe('Class relations screen validation', () => {
         ClassViewsSteps.selectGraphFromDropDown(NEWS_GRAPH);
         ClassViewsSteps.verifyGraphIsDisplayed(NEWS_GRAPH);
     });
-
-    function getFilterField() {
-        return cy.get('.search-filter-field');
-    }
-
-    function filterByClass(name) {
-        getFilterField().type(name);
-    }
-
-    function getDirectionFilter() {
-        return cy.get('.direction-filter');
-    }
-
-    function verifySelectedDirectionFilter(name) {
-        getDirectionFilter().find('input[type=radio]:checked').should('have.value', name);
-    }
-
-    function getRelationsToolbar() {
-        return cy.get('.relations-toolbar');
-    }
-
-    function getDependenciesList() {
-        return cy.get('#wb-dependencies-classInClasses');
-    }
-
-    function verifyListLength(count) {
-        getDependenciesList().find('.item .row').should('have.length', count);
-    }
 });