const inputLocation = ':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
const locationOptions ='[role="listbox"] > div.q-virtual-scroll__content > .q-item'
describe('VnLocation', () => {
    beforeEach(() => {
        cy.viewport(1280, 720);
        cy.login('developer');
        cy.visit('/#/worker/create');
        cy.waitForElement('.q-card');
    });

    it('Show all options', function() {
      cy.get(inputLocation).click();
      cy.get(locationOptions).should('have.length',5)
      // cy.get(':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon').click()
    });

    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',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',1);
        cy.get(`${locationOptions}:nth-child(1)`).click();
        cy.get(':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon').click();

    });
})