describe('VnLocation', () => {
    const locationOptions = '[role="listbox"] > div.q-virtual-scroll__content > .q-item';
    const dialogInputs = '.q-dialog label input';
    const createLocationButton = '.q-form > .q-card > .vn-row:nth-child(6) .--add-icon';
    const inputLocation = '.q-form input[aria-label="Location"]';
    describe('Worker Create', () => {
        beforeEach(() => {
            cy.viewport(1280, 720);
            cy.login('developer');
            cy.visit('/#/worker/create', { timeout: 5000 });
            cy.waitForElement('.q-card');
        });
        it('Show all options', function () {
            cy.get(inputLocation).click();
            cy.get(locationOptions).should('have.length.at.least', 5);
        });
        it('input filter location as "al"', function () {
            cy.get(inputLocation).click();
            cy.get(inputLocation).clear();
            cy.get(inputLocation).type('al');
            cy.get(locationOptions).should('have.length.at.least', 3);
        });
        it('input filter location as "ecuador"', function () {
            cy.get(inputLocation).click();
            cy.get(inputLocation).clear();
            cy.get(inputLocation).type('ecuador');
            cy.get(locationOptions).should('have.length.at.least', 1);
        });
    });
    describe('Fiscal-data', () => {
        beforeEach(() => {
            cy.viewport(1280, 720);
            cy.login('developer');
            cy.visit('/#/supplier/567/fiscal-data', { timeout: 7000 });
            cy.waitForElement('.q-form');
            cy.get(createLocationButton).click();
        });
        it('Create postCode', () => {
            const postCode = '1234475';
            const province = 'Valencia';
            cy.get('.q-card > h1').should('have.text', 'New postcode');
            cy.get(dialogInputs).eq(0).clear();
            cy.get(dialogInputs).eq(0).type(postCode);
            cy.selectOption(
                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4) > .q-select > .q-field__inner > .q-field__control ',
                province
            );
            cy.get('.q-mt-lg > .q-btn--standard').click();
            cy.get('.q-dialog__inner > .column > #formModel > .q-card').should(
                'not.exist'
            );
            checkVnLocation(postCode, province);
        });
        it('Create city', () => {
            const postCode = '9011';
            const province = 'Saskatchew';
            cy.get(dialogInputs).eq(0).type(postCode);
            // city create button
            cy.get(
                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4) > .q-select > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon'
            ).click();
            cy.selectOption('#q-portal--dialog--2 .q-select', 'one');
            cy.get('#q-portal--dialog--2 .q-input').type(province);
            cy.get('#q-portal--dialog--2 .q-btn--standard').click();
            cy.get('#q-portal--dialog--1 .q-btn--standard').click();
            checkVnLocation(postCode, province);
        });

        function checkVnLocation(postCode, province) {
            cy.get('.q-dialog__inner > .column > #formModel > .q-card').should(
                'not.exist'
            );
            cy.get('.q-form > .q-card > .vn-row:nth-child(6)')
                .find('input')
                .invoke('val')
                .then((text) => {
                    expect(text).to.contain(postCode);
                    expect(text).to.contain(province);
                });
        }
    });
});