aframe-babia-components/tests/pie.js

A data visualization set of components for A-Frame.

/*
 * Cypress test for babia-pie component
 */

describe ('BabiaXR-Piechart component', () => {

    beforeEach(() => {
        cy.visit('/tests/index.html');
      });

    it ('Simple Creation', () => {
        let data = "[{'key':'kbn_network','size':10},{'key':'Maria','size':5},{'key':'Dave','size':9},{'key':'Jhon','size':12},{'key':'Sara','size':16},{'key':'Lemar','size':2},{'key':'Dawn','size':1},{'key':'Jesus','size':8},{'key':'Bitergia','size':3},{'key':'URJC','size':6},{'key':'Alice','size':22},{'key':'Pete','size':2},{'key':'Seth','size':6},{'key':'Martin','size':9}]";
        cy.get('a-scene').then(scene => {
            // Add components     
            let chart = Cypress.$('<a-entity babia-pie="legend: true; data: '+ data + '" ></a-entity>');
            Cypress.$(scene).append(chart); //appendchild
        });
        
        // Test entities existence
        assert.exists(cy.get('a-entity[babia-pie]'));
        // Check attributes
        cy.get('a-entity[babia-pie]').invoke('attr', 'babia-pie')
            .should('nested.include', {'legend': true})
            .should('nested.include', {'data': data});
    });


    it ('Querier Creation', () => {
        cy.get('a-scene').then(scene => {
            // Add components
            let data = Cypress.$('<a-entity id="queriertest" babia-queryjson="url: ./data.json;"></a-entity>');
            Cypress.$(scene).append(data);      
            let chart = Cypress.$('<a-entity babia-pie="legend: true; axis: true; from: queriertest; key: name; size: size"></a-entity>');
            Cypress.$(scene).append(chart); //appendchild
        });
        
        // Test entities existence
        assert.exists(cy.get('a-entity[babia-queryjson]'));
        assert.exists(cy.get('a-entity[babia-pie]'));

        // Check attributes
        cy.get('a-entity[babia-pie]').invoke('attr', 'babia-pie')
            .should('nested.include', {'key': 'name'})
            .should('nested.include', {'size': 'size'});
    }); 
});

describe('BabiaXR-Pie component examples (screenshot)', () => {

    ['', '_querier'].forEach((example) => {
        it(`Screenshot Pie (${example})`, () => {
            cy.visit('/examples/charts'+ example+ '/pie' + example + '/index.html');
            cy.wait(5000);
            cy.screenshot('pie' + example);
        });
    });
});