graphdb-workbench-tests/steps/graphql/graphql-endpoint-management-steps.js

Cypress tests for GraphDB workbench

const VIEW_URL = '/graphql/endpoints';

export class GraphqlEndpointManagementSteps {

    static visit() {
        return cy.visit(VIEW_URL);
    }

    static getView() {
        return cy.get('.graphql-endpoint-management-view');
    }

    static getEndpointFilterField() {
        return this.getView().find('.endpoints-filter-field');
    }

    static getCreateEndpointButton() {
        return this.getView().find('.create-endpoint-btn');
    }

    static getImportEndpointSchemaDefinitionButton() {
        return this.getView().find('.import-schema-definition-btn');
    }

    static openImportModal() {
        this.getImportEndpointSchemaDefinitionButton().click();
    }

    static getEndpointTable() {
        return this.getView().find('.endpoints-info-table');
    }

    static getNoResultsRow() {
        return this.getEndpointTable().find('tbody tr.no-results');
    }

    static getEndpointsInfo() {
         return this.getEndpointTable().find('tbody tr');
    }

    static getEndpointLink(index) {
        return this.getEndpointsInfo().eq(index).find('.endpoint-link');
    }

    static exploreEndpoint(index) {
        this.getEndpointLink(index).click();
    }

    static toggleEndpointRow(index) {
        return this.getEndpointsInfo().eq(index).find('.toggle-row a').click();
    }

    static openActionsMenu(index) {
        this.getEndpointsInfo().eq(index).find('.open-endpoint-actions-btn').click();
    }

    static deleteEndpoint(index) {
        this.openActionsMenu(index);
        this.getEndpointsInfo().eq(index).find('.delete-endpoint-btn').click();
    }

    static exportEndpointDefinition(index) {
        this.openActionsMenu(index);
        this.getEndpointsInfo().eq(index).find('.export-schema-btn').click();
    }

    static filterEndpoints(term) {
        this.getEndpointFilterField().type(term);
    }

    static clearFilter() {
        this.getEndpointFilterField().clear();
    }

    static getNoResultsInTableBanner() {
        return this.getEndpointTable().find('.no-results');
    }

    static getNoEndpointsInRepositoryBanner() {
        return this.getView().find('.no-endpoints');
    }

    static createEndpoint() {
        this.getView().find('.create-endpoint-btn').click();
    }

    static verifyEndpointInfo(data) {
        this.getEndpointsInfo().each(($row, index) => {
            const endpointInfo = data[index];
            cy.wrap($row).within(() => {
                const statusCheck = endpointInfo.status === 'deleted' ? 'not.exist' : 'be.visible';
                cy.get('td').eq(2).find('.endpoint-link').should(statusCheck);
                cy.get('td').eq(2).should('contain', endpointInfo.id);
                cy.get('td').eq(3).should('contain', endpointInfo.label);
                const isDefaultCheck = endpointInfo.default ? 'be.checked' : 'not.be.checked'
                cy.get('td').eq(4).find('.endpoint-default-state input[type="radio"]').should(isDefaultCheck);
                const isActiveCheck = endpointInfo.active ? 'be.checked' : 'not.be.checked'
                cy.get('td').eq(5).find('.toggle-active-state input[type="checkbox"]').should(isActiveCheck);
                cy.get('td').eq(6).should('contain', endpointInfo.modified);
                cy.get('td').eq(7).should('contain', endpointInfo.types);
                cy.get('td').eq(8).should('contain', endpointInfo.properties);
                cy.get('td').eq(9).find('button').should('have.length', 4);
            });
            // expand the row and check the description outside the wrapper
            this.toggleEndpointRow(index).closest('tr').next('tr')
                .find('.endpoint-description').should('contain', endpointInfo.description);
            this.toggleEndpointRow(index);
        });
    }

    static getEndpointInfo(index) {
        return this.getEndpointsInfo().eq(index);
    }

    static getEndpointActionsButton(index) {
        return this.getEndpointInfo(index).realHover().find('.open-endpoint-actions-btn');
    }

    static openEndpointActionMenu(index) {
        return this.getEndpointActionsButton(index).click();
    }

    static editEndpointConfiguration(index) {
        this.openEndpointActionMenu(index);
        return cy.get('.configure-endpoint-btn').eq(index).click();
    }

    static getEndpointDefaultStatusRadio(index) {
        return this.getEndpointInfo(index).find('.endpoint-default-state input[type="radio"]');
    }

    static setEndpointAsDefault(index) {
        this.getEndpointDefaultStatusRadio(index).check();
    }

    static getEndpointActiveStateToggle(index) {
        return this.getEndpointsInfo().eq(index).find('.toggle-active-state');
    }

    static getEndpointActiveStateToggleCheckbox(index) {
        return this.getEndpointActiveStateToggle(index).find('input[type="checkbox"]');
    }

    static toggleEndpointActiveState(index) {
        this.getEndpointActiveStateToggle(index).click();
    }
}