describe('WorkerList', () => {
    beforeEach(() => {
        cy.viewport(1280, 720);
        cy.login('developer');
        cy.visit('/#/worker/list');
    });

    it('should load workers', () => {
        cy.get('.list-items > .vn-label-value:nth-child(2) > .value')
            .eq(0)
            .should('have.text', 'Jessica Jones');
        cy.get('.list-items > .vn-label-value:nth-child(2) > .value')
            .eq(1)
            .should('have.text', 'Bruce Banner');
        cy.get('.list-items > .vn-label-value:nth-child(2) > .value')
            .eq(2)
            .should('have.text', 'Charles Xavier');
    });

    it('should open the worker summary', () => {
        cy.get('div.text-h6')
            .parentsUntil('div.q-card')
            .find('div.q-card__actions')
            .find('button')
            .first()
            .click();
        cy.get('div[class="header bg-primary q-pa-sm q-mb-md"').should(
            'have.text',
            '1110 - Jessica Jones'
        );
        cy.get('div[class="q-item__label q-item__label--header text-h6"]')
            .eq(0)
            .should('have.text', 'Basic data');
        cy.get('div[class="q-item__label q-item__label--header text-h6"]')
            .eq(1)
            .should('have.text', 'User data');
    });
});