src/filters/date.js

@@ -1,93 +0,0 @@
-/**
- * Checks if a given date is valid.
- *
- * @param {number|string|Date} date - The date to be checked.
- * @returns {boolean} True if the date is valid, false otherwise.
- *
- * @example
- * // returns true
- * isValidDate(new Date());
- *
- * @example
- * // returns false
- * isValidDate('invalid date');
- */
-export function isValidDate(date) {
-    return date && !isNaN(new Date(date).getTime());
-}
-
-/**
- * Converts a given date to a specific format.
- *
- * @param {number|string|Date} date - The date to be formatted.
- * @returns {string} The formatted date as a string in 'dd/mm/yyyy' format. If the provided date is not valid, an empty string is returned.
- *
- * @example
- * // returns "02/12/2022"
- * toDateFormat(new Date(2022, 11, 2));
- */
-export function toDateFormat(date) {
-    if (!isValidDate(date)) {
-        return '';
-    }
-    return new Date(date).toLocaleDateString('es-ES', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-    });
-}
-
-/**
- * Converts a given date to a specific time format.
- *
- * @param {number|string|Date} date - The date to be formatted.
- * @param {boolean} [showSeconds=false] - Whether to include seconds in the output format.
- * @returns {string} The formatted time as a string in 'hh:mm:ss' format. If the provided date is not valid, an empty string is returned. If showSeconds is false, seconds are not included in the output format.
- *
- * @example
- * // returns "00:00"
- * toTimeFormat(new Date(2022, 11, 2));
- *
- * @example
- * // returns "00:00:00"
- * toTimeFormat(new Date(2022, 11, 2), true);
- */
-export function toTimeFormat(date, showSeconds = false) {
-    if (!isValidDate(date)) {
-        return '';
-    }
-    return new Date(date).toLocaleDateString('es-ES', {
-        hour: '2-digit',
-        minute: '2-digit',
-        second: showSeconds ? '2-digit' : undefined,
-    });
-}
-
-/**
- * Converts a given date to a specific date and time format.
- *
- * @param {number|string|Date} date - The date to be formatted.
- * @param {boolean} [showSeconds=false] - Whether to include seconds in the output format.
- * @returns {string} The formatted date as a string in 'dd/mm/yyyy, hh:mm:ss' format. If the provided date is not valid, an empty string is returned. If showSeconds is false, seconds are not included in the output format.
- *
- * @example
- * // returns "02/12/2022, 00:00"
- * toDateTimeFormat(new Date(2022, 11, 2));
- *
- * @example
- * // returns "02/12/2022, 00:00:00"
- * toDateTimeFormat(new Date(2022, 11, 2), true);
- */
-export function toDateTimeFormat(date, showSeconds = false) {
-    if (!isValidDate(date)) {
-        return '';
-    }
-    return new Date(date).toLocaleDateString('es-ES', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-        second: showSeconds ? '2-digit' : undefined,
-    });
-}

src/pages/Parking/Card/ParkingBasicData.vue

@@ -13,17 +13,16 @@ const { t } = useI18n();
 const route = useRoute();
 const parkingId = route.params?.id || null;
 const sectors = ref([]);
-const sectorFilter = { fields: ['id', 'description'] };
 
 const filter = {
     fields: ['sectorFk', 'code', 'pickingOrder', 'row', 'column'],
-    include: [{ relation: 'sector', scope: sectorFilter }],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
 };
 </script>
 <template>
     <FetchData
         url="Sectors"
-        :filter="sectorFilter"
+        :filter="{ fields: ['id', 'description'] }"
         sort-by="description"
         @on-fetch="(data) => (sectors = data)"
         auto-load

test/cypress/integration/parking/parkingList.spec.js

@@ -6,11 +6,12 @@ describe('ParkingList', () => {
     const firstDetailBtn =
         ':nth-child(1) > :nth-child(1) > .card-list-body > .actions > .q-btn';
     const summaryHeader = '.summaryBody .header';
+    const screen = '.q-page-container > .q-drawer-container > .fullscreen';
 
     beforeEach(() => {
         cy.login('developer');
         cy.visit(`/#/parking/list`);
-        cy.closeSideMenu();
+        cy.get(screen).click();
     });
 
     it('should redirect on clicking a invoice', () => {

test/cypress/integration/vnSearchBar.spec.js

@@ -5,15 +5,15 @@ describe('VnSearchBar', () => {
         cy.visit('/');
     });
 
-    it('should redirect to new customer', () => {
-        cy.visit('#/customer/1112/basic-data');
-        cy.openLeftMenu();
-        cy.get('.q-item > .q-item__label').should('have.text', ' #1112');
-        cy.closeSideMenu();
-        cy.clearSearchbar();
-        cy.writeSearchbar('1{enter}');
-        cy.openLeftMenu();
-        cy.get('.q-item > .q-item__label').should('have.text', ' #1');
-        cy.closeSideMenu();
-    });
+        it('should redirect to new customer', () => {
+            cy.visit('#/customer/1112/basic-data')
+            cy.openLeftMenu();
+            cy.get('.q-item > .q-item__label').should('have.text',' #1112')
+            cy.closeLeftMenu();
+            cy.clearSearchbar();
+            cy.writeSearchbar('1{enter}');
+            cy.openLeftMenu();
+            cy.get('.q-item > .q-item__label').should('have.text',' #1')
+            cy.closeLeftMenu();
+        });
 });

test/cypress/support/commands.js

@@ -52,18 +52,16 @@ Cypress.Commands.add('getValue', (selector) => {
         }
         // Si es un QSelect
         if ($el.find('.q-select__dropdown-icon').length) {
-            return cy
-                .get(
-                    selector +
-                        '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
-                )
-                .invoke('val');
+            return cy.get(
+                selector +
+                    '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
+            ).invoke('val')
         }
         // Si es un QSelect
         if ($el.find('span').length) {
-            return cy.get(selector + ' span').then(($span) => {
-                return $span[0].innerText;
-            });
+            return cy.get(
+                selector + ' span'
+            ).then(($span) => { return $span[0].innerText })
         }
         // Puedes añadir un log o lanzar un error si el elemento no es reconocido
         cy.log('Elemento no soportado');
@@ -134,13 +132,13 @@ Cypress.Commands.add('validateRow', (rowSelector, expectedValues) => {
     cy.get(rowSelector).within(() => {
         for (const [index, value] of expectedValues.entries()) {
             cy.log('CHECKING ', index, value);
-            if (value === undefined) continue;
+            if(value === undefined) continue
             if (typeof value == 'boolean') {
                 const prefix = value ? '' : 'not.';
                 cy.getValue(`:nth-child(${index + 1})`).should(`${prefix}be.checked`);
                 continue;
             }
-            cy.getValue(`:nth-child(${index + 1})`).should('equal', value);
+            cy.getValue(`:nth-child(${index + 1})`).should('equal', value)
         }
     });
 });
@@ -176,9 +174,9 @@ Cypress.Commands.add('openLeftMenu', (element) => {
     if (element) cy.waitForElement(element);
     cy.get('.q-toolbar > .q-btn--round.q-btn--dense > .q-btn__content > .q-icon').click();
 });
-Cypress.Commands.add('closeSideMenu', (element) => {
+Cypress.Commands.add('closeLeftMenu', (element) => {
     if (element) cy.waitForElement(element);
-    cy.get('.fullscreen.q-drawer__backdrop:not(.hidden)').click();
+    cy.get('.fullscreen').click();
 });
 
 Cypress.Commands.add('clearSearchbar', (element) => {