/// <reference types="cypress" />
function uncheckedSVG(className, state) {
    cy.get(`${className} .q-checkbox__svg`).should(
        state === 'checked' ? 'not.have.attr' : 'have.attr',
        'fill',
        'none',
    );
}
function checkedSVG(className, state) {
    cy.get(`${className} .q-checkbox__svg> .q-checkbox__truthy`).should(
        state === 'checked' ? 'not.have.attr' : 'have.attr',
        'fill',
        'none',
    );
}

function clickIconAndCloseDialog(n) {
    cy.get(
        `:nth-child(1) > :nth-child(6) > :nth-child(${n}) > .q-btn__content > .q-icon`,
    ).click();
}

describe('TicketSaleTracking', () => {
    beforeEach(() => {
        cy.login('developer');
        cy.viewport(1920, 1080);
        cy.visit('/#/ticket/1/sale-tracking');
    });

    it('Should load layout', () => {
        cy.get('.q-page').should('be.visible');
        // Check checkbox states
        uncheckedSVG('.pink', 'checked');
        uncheckedSVG('.cyan', 'checked');
        uncheckedSVG('.warning', 'checked');
        uncheckedSVG('.info', 'checked');
        checkedSVG('.yellow', 'unchecked');

        cy.get('.q-page').click();
        cy.get(
            ':nth-child(1) > :nth-child(6) > :nth-child(2) > .q-btn__content > .q-icon',
        ).click();
        cy.get('body').type('{esc}');
        cy.get(
            ':nth-child(1) > :nth-child(6) > :nth-child(1) > .q-btn__content > .q-icon',
        ).click();
        cy.get(
            '.q-dialog__inner > .q-table__container   :nth-child(1) > :nth-child(2) .link.q-btn',
        ).click();

        cy.dataCy('WorkerDescriptor').should('exist');
    });
});