graphdb-workbench-tests/integration/explore/class.relationships.spec.js

Cypress tests for GraphDB workbench

import ClassViewsSteps from "../../steps/class-views-steps";

const FILE_TO_IMPORT = 'wine.rdf';

describe('Class relations screen validation', () => {

    let repositoryId;

    beforeEach(() => {
        repositoryId = 'class-relations-repo' + Date.now();
        cy.createRepository({id: repositoryId});
        cy.presetRepository(repositoryId);

        cy.importServerFile(repositoryId, FILE_TO_IMPORT);

        cy.visit('/relationships');
        cy.window();
        // 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');
    });

    afterEach(() => {
        cy.deleteRepository(repositoryId);
    });

    it('Test initial state', function () {
        // Filter field should be visible
        getFilterField().should('be.visible');
        // Dependencies label should be present and showing proper text
        cy.get('.available-dependencies-label')
            .should('be.visible')
            .contains('Showing the dependencies between 10 classes');
        // Directions filter buttons should be visible
        getDirectionFilter().should('be.visible');
        // And the "All" radio button must be selected by default
        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');
        });
        // Class relations list should be visible and have 10 classes selected
        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(() => {
            cy.get('.group').should('have.length', 10);
        });
    });

    it('Search for a class', function () {
        // Expect 10 rows initially to be visible
        verifyListLength(10);
        // Filter by partial name
        filterByClass(':Wine');
        // Expecting 6 rows to be present
        verifyListLength(6);
        // Clear the filter and expect all rows to be visible again
        getFilterField().clear();
        verifyListLength(10);
    });

    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');
        ClassViewsSteps.verifyDataChangedWarning();
        ClassViewsSteps.verifyGraphIsDisplayed(ALL_GRAPHS);

        // Reload diagram
        ClassViewsSteps.reloadDiagram();

        ClassViewsSteps.confirmReloadWarningAppear('relationships');
        ClassViewsSteps.confirmReload();
        ClassViewsSteps.clickGraphBtn();
        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);
    }
});