aframe-babia-components/tests/city.js

A data visualization set of components for A-Frame.

/*
 * Cypress test for codecity component
 */

describe ('City component', () => {

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

    it ('Creation', () => {
        cy.get('a-scene').then(scene => {

            // Add components
            let data = Cypress.$('<a-entity position="0 0 -3" babia-city="width: 20; depth: 20; streets: true; color: green; extra: 1.5; base_thick: 0.3; split: naive; fmaxarea: area"></a-entity>');
            Cypress.$(scene).append(data);      //appendchild
        });
        
        // Test entities existence
        assert.exists(cy.get('a-entity[babia-city]'));

        // Check attributes
        cy.get('a-entity[babia-city]').invoke('attr', 'babia-city')
            .should('nested.include', {'width': 20})
            .should('nested.include', {'depth': 20})
            .should('nested.include', {'streets': 'true'})
            .should('nested.include', {'color': 'green'})
            .should('nested.include', {'extra': 1.5})
            .should('nested.include', {'base_thick': 0.3})
            .should('nested.include', {'split': 'naive' })
            .should('nested.include', {'fmaxarea': 'area'});
    }); 
});

describe('City component examples (screenshot)', () => {

    ['basic', 'time_evolution_angular', 'perceval', 'sortinghat'].forEach((example) => {
        it(`Screenshot Performance ${example} Example`, () => {
            cy.visit('/examples/codecityjs/' + example + '/index.html');
            cy.wait(8000);
            cy.screenshot('city_'+ example);
        });
    });

});