refs #6722 test: improve

src/components/common/VnInput.vue

@@ -60,8 +60,8 @@ const onEnterPress = () => {
                 <slot name="prepend" />
             </template>
 
-            <template #append>
-                <slot name="append" v-if="$slots.append" />
+            <template #append v-if="$slots.append">
+                <slot name="append" />
                 <QIcon
                     name="close"
                     size="xs"

test/cypress/integration/VnLocation.spec.js

@@ -1,7 +1,7 @@
 const locationOptions ='[role="listbox"] > div.q-virtual-scroll__content > .q-item'
 describe('VnLocation', () => {
     describe('Create',()=>{
-        const inputLocation = ':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
+        const inputLocation = '.q-form .q-card> :nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
         beforeEach(() => {
             cy.viewport(1280, 720);
             cy.login('developer');
@@ -26,7 +26,7 @@ describe('VnLocation', () => {
             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();
+            cy.get(inputLocation+'> :nth-child(2) > .q-icon').click();
 
         });
     });

test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 describe('InvoiceInBasicData', () => {
-    const selects = ':nth-child(1) > :nth-child(1) > .q-field';
+    const selects = '.q-form .q-card>:nth-child(1) > :nth-child(1) > .q-field';
     const appendBtns = 'label button';
     const dialogAppendBtns = '.q-dialog label button';
     const dialogInputs = '.q-dialog input';

test/cypress/support/commands.js

@@ -64,6 +64,7 @@ Cypress.Commands.add('getValue', (selector) => {
 
 // Fill Inputs
 Cypress.Commands.add('selectOption', (selector, option) => {
+    cy.waitForElement(selector);
     cy.get(selector).find('.q-select__dropdown-icon').click();
     cy.get('.q-menu .q-item').contains(option).click();
 });