.eslintrc.cjs

@@ -25,7 +25,7 @@ module.exports = {
         // 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
         'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
         // 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
-
+        'plugin:cypress/recommended',
         // https://github.com/prettier/eslint-config-prettier#installation
         // usage with Prettier, provided by 'eslint-config-prettier'.
         'prettier',
@@ -58,7 +58,7 @@ module.exports = {
     rules: {
         'prefer-promise-reject-errors': 'off',
         'no-unused-vars': 'warn',
-        "vue/no-multiple-template-root": "off" ,
+        'vue/no-multiple-template-root': 'off',
         // allow debugger during development only
         'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     },

generate-tests.js

@@ -25,7 +25,7 @@ function generateTest(type) {
             const testFileContent = `
 import ${componentName} from 'src/components/${file}';
 
-describe('<${componentName} />', () => {
+describe.skip('<${componentName} />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(${componentName});

package.json

@@ -10,7 +10,8 @@
         "lint": "eslint --ext .js,.vue ./",
         "format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
         "test:e2e": "cypress open",
-        "test:components": "cypress run -p 9000   --component",
+        "test:e2e:unit": "cypress run  --component",
+        "test:e2e:unit:ci": "cypress run -p 9000 --component",
         "test:e2e:ci": "cd ../salix && gulp docker && cd ../salix-front && cypress run",
         "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
         "test:unit": "vitest",
@@ -41,6 +42,7 @@
         "@pinia/testing": "^0.1.2",
         "@quasar/app-vite": "^1.7.3",
         "@quasar/quasar-app-extension-qcalendar": "4.0.0-beta.15",
+        "@quasar/quasar-app-extension-testing-e2e-cypress": "^6.1.0",
         "@quasar/quasar-app-extension-testing-unit-vitest": "^0.4.0",
         "@vitest/ui": "^1.6.0",
         "@vue/test-utils": "^2.4.4",

test/cypress/components/CreateBankEntityForm.spec.js

@@ -1,4 +1,3 @@
-
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 
 describe('<CreateBankEntityForm />', () => {

test/cypress/components/CreateManualInvoiceForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateManualInvoiceForm from 'src/components/CreateManualInvoiceForm.vue';
 
-describe('<CreateManualInvoiceForm />', () => {
+describe.skip('<CreateManualInvoiceForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateManualInvoiceForm);

test/cypress/components/CreateNewCityForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateNewCityForm from 'src/components/CreateNewCityForm.vue';
 
-describe('<CreateNewCityForm />', () => {
+describe.skip('<CreateNewCityForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateNewCityForm);

test/cypress/components/CreateNewExpenseForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateNewExpenseForm from 'src/components/CreateNewExpenseForm.vue';
 
-describe('<CreateNewExpenseForm />', () => {
+describe.skip('<CreateNewExpenseForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateNewExpenseForm);

test/cypress/components/CreateNewPostcodeForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateNewPostcodeForm from 'src/components/CreateNewPostcodeForm.vue';
 
-describe('<CreateNewPostcodeForm />', () => {
+describe.skip('<CreateNewPostcodeForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateNewPostcodeForm);

test/cypress/components/CreateNewProvinceForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateNewProvinceForm from 'src/components/CreateNewProvinceForm.vue';
 
-describe('<CreateNewProvinceForm />', () => {
+describe.skip('<CreateNewProvinceForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateNewProvinceForm);

test/cypress/components/CreateThermographForm.spec.js

@@ -1,7 +1,6 @@
-
 import CreateThermographForm from 'src/components/CreateThermographForm.vue';
 
-describe('<CreateThermographForm />', () => {
+describe.skip('<CreateThermographForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CreateThermographForm);

test/cypress/components/CrudModel.spec.js

@@ -1,7 +1,6 @@
-
 import CrudModel from 'src/components/CrudModel.vue';
 
-describe('<CrudModel />', () => {
+describe.skip('<CrudModel />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CrudModel);

test/cypress/components/EditPictureForm.spec.js

@@ -1,7 +1,6 @@
-
 import EditPictureForm from 'src/components/EditPictureForm.vue';
 
-describe('<EditPictureForm />', () => {
+describe.skip('<EditPictureForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(EditPictureForm);

test/cypress/components/EditTableCellValueForm.spec.js

@@ -1,7 +1,6 @@
-
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 
-describe('<EditTableCellValueForm />', () => {
+describe.skip('<EditTableCellValueForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(EditTableCellValueForm);

test/cypress/components/FetchData.spec.js

@@ -1,7 +1,6 @@
-
 import FetchData from 'src/components/FetchData.vue';
 
-describe('<FetchData />', () => {
+describe.skip('<FetchData />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FetchData);

test/cypress/components/FilterItemForm.spec.js

@@ -1,7 +1,6 @@
-
 import FilterItemForm from 'src/components/FilterItemForm.vue';
 
-describe('<FilterItemForm />', () => {
+describe.skip('<FilterItemForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FilterItemForm);

test/cypress/components/FilterTravelForm.spec.js

@@ -1,7 +1,6 @@
-
 import FilterTravelForm from 'src/components/FilterTravelForm.vue';
 
-describe('<FilterTravelForm />', () => {
+describe.skip('<FilterTravelForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FilterTravelForm);

test/cypress/components/FormModel.spec.js

@@ -1,6 +1,6 @@
 import FormModel from 'src/components/FormModel.vue';
 
-describe('<FormModel />', () => {
+describe.skip('<FormModel />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FormModel, { props: {} });

test/cypress/components/FormModelPopup.spec.js

@@ -1,7 +1,6 @@
-
 import FormModelPopup from 'src/components/FormModelPopup.vue';
 
-describe('<FormModelPopup />', () => {
+describe.skip('<FormModelPopup />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FormModelPopup);

test/cypress/components/FormPopup.spec.js

@@ -1,7 +1,6 @@
-
 import FormPopup from 'src/components/FormPopup.vue';
 
-describe('<FormPopup />', () => {
+describe.skip('<FormPopup />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FormPopup);

test/cypress/components/ItemsFilterPanel.spec.js

@@ -1,7 +1,6 @@
-
 import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
 
-describe('<ItemsFilterPanel />', () => {
+describe.skip('<ItemsFilterPanel />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(ItemsFilterPanel);

test/cypress/components/LeftMenu.spec.js

@@ -1,7 +1,6 @@
-
 import LeftMenu from 'src/components/LeftMenu.vue';
 
-describe('<LeftMenu />', () => {
+describe.skip('<LeftMenu />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(LeftMenu);

test/cypress/components/LeftMenuItem.spec.js

@@ -1,7 +1,6 @@
-
 import LeftMenuItem from 'src/components/LeftMenuItem.vue';
 
-describe('<LeftMenuItem />', () => {
+describe.skip('<LeftMenuItem />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(LeftMenuItem);

test/cypress/components/LeftMenuItemGroup.spec.js

@@ -1,7 +1,6 @@
-
 import LeftMenuItemGroup from 'src/components/LeftMenuItemGroup.vue';
 
-describe('<LeftMenuItemGroup />', () => {
+describe.skip('<LeftMenuItemGroup />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(LeftMenuItemGroup);

test/cypress/components/NavBar.spec.js

@@ -1,6 +1,6 @@
 import NavBar from 'src/components/NavBar.vue';
 
-describe('<NavBar />', () => {
+describe.skip('<NavBar />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(NavBar);

test/cypress/components/PinnedModules.spec.js

@@ -1,7 +1,6 @@
-
 import PinnedModules from 'src/components/PinnedModules.vue';
 
-describe('<PinnedModules />', () => {
+describe.skip('<PinnedModules />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(PinnedModules);

test/cypress/components/RefundInvoiceForm.spec.js

@@ -1,7 +1,6 @@
-
 import RefundInvoiceForm from 'src/components/RefundInvoiceForm.vue';
 
-describe('<RefundInvoiceForm />', () => {
+describe.skip('<RefundInvoiceForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(RefundInvoiceForm);

test/cypress/components/RegularizeStockForm.spec.js

@@ -1,7 +1,6 @@
-
 import RegularizeStockForm from 'src/components/RegularizeStockForm.vue';
 
-describe('<RegularizeStockForm />', () => {
+describe.skip('<RegularizeStockForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(RegularizeStockForm);

test/cypress/components/TransferInvoiceForm.spec.js

@@ -1,7 +1,6 @@
-
 import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
 
-describe('<TransferInvoiceForm />', () => {
+describe.skip('<TransferInvoiceForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(TransferInvoiceForm);

test/cypress/components/UserPanel.spec.js

@@ -1,7 +1,6 @@
-
 import UserPanel from 'src/components/UserPanel.vue';
 
-describe('<UserPanel />', () => {
+describe.skip('<UserPanel />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(UserPanel);

test/cypress/components/VnLocation.spec.js

@@ -1,17 +0,0 @@
-import VnLocation from 'src/components/common/VnLocation.vue';
-describe('<VnLocation />', () => {
-    it('renders', () => {
-        // see: https://on.cypress.io/mounting-vue
-        cy.vnMount(VnLocation, {
-            props: {
-                modelValue: 1234,
-                location: {
-                    postcode: '46600',
-                    city: ' Alz',
-                    province: { name: 'as' },
-                    country: { name: 'asdq' },
-                },
-            },
-        });
-    });
-});

test/cypress/components/VnSelect.spec.js

@@ -1,8 +0,0 @@
-import VnSelect from 'src/components/common/VnSelect.vue';
-
-describe('<VnSelect />', () => {
-    it('renders', () => {
-        // see: https://on.cypress.io/mounting-vue
-        cy.vnMount(VnSelect);
-    });
-});

test/cypress/components/VnSelectProvince.spec.js

@@ -1,9 +0,0 @@
-
-import VnSelectProvince from 'src/components/VnSelectProvince.vue';
-
-describe('<VnSelectProvince />', () => {
-    it('TODO: boilerplate', () => {
-        // see: https://on.cypress.io/mounting-vue
-        cy.vnMount(VnSelectProvince);
-    });
-});

test/cypress/components/common/RightMenu.spec.js

@@ -1,7 +1,6 @@
-
 import RightMenu from 'src/components/common/RightMenu.vue';
 
-describe('<RightMenu />', () => {
+describe.skip('<RightMenu />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(RightMenu);

test/cypress/components/common/SendEmailDialog.spec.js

@@ -4,5 +4,6 @@ describe('<SendEmailDialog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SendEmailDialog, { props: { data: { address: '1234' } } });
+        cy.get('input').type('1234');
     });
 });

test/cypress/components/common/SendSmsDialog.spec.js

@@ -1,7 +1,6 @@
-
 import SendSmsDialog from 'src/components/common/SendSmsDialog.vue';
 
-describe('<SendSmsDialog />', () => {
+describe.skip('<SendSmsDialog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SendSmsDialog);

test/cypress/components/common/TableVisibleColumns.spec.js

@@ -1,7 +1,6 @@
-
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 
-describe('<TableVisibleColumns />', () => {
+describe.skip('<TableVisibleColumns />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(TableVisibleColumns);

test/cypress/components/common/VnAccountNumber.spec.js

@@ -1,7 +1,6 @@
-
 import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
 
-describe('<VnAccountNumber />', () => {
+describe.skip('<VnAccountNumber />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnAccountNumber);

test/cypress/components/common/VnBreadcrumbs.spec.js

@@ -1,7 +1,6 @@
-
 import VnBreadcrumbs from 'src/components/common/VnBreadcrumbs.vue';
 
-describe('<VnBreadcrumbs />', () => {
+describe.skip('<VnBreadcrumbs />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnBreadcrumbs);

test/cypress/components/common/VnCard.spec.js

@@ -1,7 +1,6 @@
-
 import VnCard from 'src/components/common/VnCard.vue';
 
-describe('<VnCard />', () => {
+describe.skip('<VnCard />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnCard);

test/cypress/components/common/VnComponent.spec.js

@@ -1,7 +1,6 @@
-
 import VnComponent from 'src/components/common/VnComponent.vue';
 
-describe('<VnComponent />', () => {
+describe.skip('<VnComponent />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnComponent);

test/cypress/components/common/VnDms.spec.js

@@ -1,7 +1,6 @@
-
 import VnDms from 'src/components/common/VnDms.vue';
 
-describe('<VnDms />', () => {
+describe.skip('<VnDms />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnDms);

test/cypress/components/common/VnDmsList.spec.js

@@ -1,7 +1,6 @@
-
 import VnDmsList from 'src/components/common/VnDmsList.vue';
 
-describe('<VnDmsList />', () => {
+describe.skip('<VnDmsList />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnDmsList);

test/cypress/components/common/VnInput.spec.js

@@ -1,7 +1,6 @@
-
 import VnInput from 'src/components/common/VnInput.vue';
 
-describe('<VnInput />', () => {
+describe.skip('<VnInput />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnInput);

test/cypress/components/common/VnInputDate.spec.js

@@ -1,7 +1,6 @@
-
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 
-describe('<VnInputDate />', () => {
+describe.skip('<VnInputDate />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnInputDate);

test/cypress/components/common/VnInputNumber.spec.js

@@ -1,7 +1,6 @@
-
 import VnInputNumber from 'src/components/common/VnInputNumber.vue';
 
-describe('<VnInputNumber />', () => {
+describe.skip('<VnInputNumber />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnInputNumber);

test/cypress/components/common/VnInputTime.spec.js

@@ -1,7 +1,6 @@
-
 import VnInputTime from 'src/components/common/VnInputTime.vue';
 
-describe('<VnInputTime />', () => {
+describe.skip('<VnInputTime />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnInputTime);

test/cypress/components/common/VnJsonValue.spec.js

@@ -1,7 +1,6 @@
-
 import VnJsonValue from 'src/components/common/VnJsonValue.vue';
 
-describe('<VnJsonValue />', () => {
+describe.skip('<VnJsonValue />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnJsonValue);

test/cypress/components/common/VnLocation.spec.js

@@ -1,9 +1,17 @@
-
 import VnLocation from 'src/components/common/VnLocation.vue';
-
+describe.skip('<VnLocation />', () => {
-describe('<VnLocation />', () => {
+    it('renders', () => {
-    it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
-        cy.vnMount(VnLocation);
+        cy.vnMount(VnLocation, {
+            props: {
+                modelValue: 1234,
+                location: {
+                    postcode: '46600',
+                    city: ' Alz',
+                    province: { name: 'as' },
+                    country: { name: 'asdq' },
+                },
+            },
+        });
     });
 });

test/cypress/components/common/VnLog.spec.js

@@ -1,7 +1,6 @@
-
 import VnLog from 'src/components/common/VnLog.vue';
 
-describe('<VnLog />', () => {
+describe.skip('<VnLog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnLog);

test/cypress/components/common/VnLogFilter.spec.js

@@ -1,7 +1,6 @@
-
 import VnLogFilter from 'src/components/common/VnLogFilter.vue';
 
-describe('<VnLogFilter />', () => {
+describe.skip('<VnLogFilter />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnLogFilter);

test/cypress/components/common/VnPopup.spec.js

@@ -1,7 +1,6 @@
-
 import VnPopup from 'src/components/common/VnPopup.vue';
 
-describe('<VnPopup />', () => {
+describe.skip('<VnPopup />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnPopup);

test/cypress/components/common/VnProgressModal.spec.js

@@ -1,7 +1,6 @@
-
 import VnProgressModal from 'src/components/common/VnProgressModal.vue';
 
-describe('<VnProgressModal />', () => {
+describe.skip('<VnProgressModal />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnProgressModal);

test/cypress/components/common/VnRadio.spec.js

@@ -1,7 +1,6 @@
-
 import VnRadio from 'src/components/common/VnRadio.vue';
 
-describe('<VnRadio />', () => {
+describe.skip('<VnRadio />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnRadio);

test/cypress/components/common/VnSectionMain.spec.js

@@ -1,6 +1,6 @@
 import VnSectionMain from 'src/components/common/VnSectionMain.vue';
 
-describe('<VnSectionMain />', () => {
+describe.skip('<VnSectionMain />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSectionMain, {

test/cypress/components/common/VnSelect.spec.js

@@ -1,7 +1,6 @@
-
 import VnSelect from 'src/components/common/VnSelect.vue';
 
-describe('<VnSelect />', () => {
+describe.skip('<VnSelect />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSelect);

test/cypress/components/common/VnSelectCache.spec.js

@@ -1,7 +1,6 @@
-
 import VnSelectCache from 'src/components/common/VnSelectCache.vue';
 
-describe('<VnSelectCache />', () => {
+describe.skip('<VnSelectCache />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSelectCache);

test/cypress/components/common/VnSelectDialog.spec.js

@@ -1,7 +1,6 @@
-
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 
-describe('<VnSelectDialog />', () => {
+describe.skip('<VnSelectDialog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSelectDialog);

test/cypress/components/common/VnSelectEnum.spec.js

@@ -1,7 +1,6 @@
-
 import VnSelectEnum from 'src/components/common/VnSelectEnum.vue';
 
-describe('<VnSelectEnum />', () => {
+describe.skip('<VnSelectEnum />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSelectEnum);

test/cypress/components/common/VnSmsDialog.spec.js

@@ -1,7 +1,6 @@
-
 import VnSmsDialog from 'src/components/common/VnSmsDialog.vue';
 
-describe('<VnSmsDialog />', () => {
+describe.skip('<VnSmsDialog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSmsDialog);

test/cypress/components/common/VnSummaryDialog.spec.js

@@ -1,7 +1,6 @@
-
 import VnSummaryDialog from 'src/components/common/VnSummaryDialog.vue';
 
-describe('<VnSummaryDialog />', () => {
+describe.skip('<VnSummaryDialog />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSummaryDialog);

test/cypress/components/common/VnTitle.spec.js

@@ -1,9 +1,87 @@
-
 import VnTitle from 'src/components/common/VnTitle.vue';
 
 describe('<VnTitle />', () => {
-    it('TODO: boilerplate', () => {
+    it('renders text with link', () => {
-        // see: https://on.cypress.io/mounting-vue
+        cy.vnMount(VnTitle, {
-        cy.vnMount(VnTitle);
+            props: {
+                url: 'https://example.com',
+                text: 'Example Link',
+            },
+        });
+        cy.get('a').should('exist');
+        cy.get('a').should('have.attr', 'href', 'https://example.com');
+        cy.get('a').should('contain.text', 'Example Link');
+    });
+    it('renders text without link', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                text: 'No Link',
+            },
+        });
+        cy.get('a').should('exist');
+        cy.get('a').should('not.have.attr', 'href');
+        cy.get('a').should('contain.text', 'No Link');
+    });
+
+    it('applies correct classes based on url prop', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                url: 'https://example.com',
+            },
+        });
+        cy.get('a').should('have.class', 'link');
+
+        cy.vnMount(VnTitle, {
+            props: {},
+        });
+        cy.get('a').should('have.class', 'color-vn-text');
+    });
+
+    it('displays icon when url is provided', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                url: 'https://example.com',
+            },
+        });
+        cy.get('.q-icon').should('exist');
+    });
+
+    it('does not display icon when url is not provided', () => {
+        cy.vnMount(VnTitle, {
+            props: {},
+        });
+        cy.get('.q-icon').should('not.exist');
+    });
+
+    it('applies correct cursor style based on url prop', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                url: 'https://example.com',
+            },
+        });
+        cy.get('.header-link').should('have.css', 'cursor', 'pointer');
+
+        cy.vnMount(VnTitle, {
+            props: {},
+        });
+        cy.get('.header-link').should('have.css', 'cursor', 'default');
+    });
+    it('renders default icon when no icon prop is provided', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                url: 'https://example.com',
+            },
+        });
+        cy.get('i').should('contain.text', 'open_in_new');
+    });
+
+    it('renders custom icon when icon prop is provided', () => {
+        cy.vnMount(VnTitle, {
+            props: {
+                url: 'https://example.com',
+                icon: 'custom_icon',
+            },
+        });
+        cy.get('i').should('contain.text', 'custom_icon');
     });
 });

test/cypress/components/common/VnWeekdayPicker.spec.js

@@ -1,7 +1,6 @@
-
 import VnWeekdayPicker from 'src/components/common/VnWeekdayPicker.vue';
 
-describe('<VnWeekdayPicker />', () => {
+describe.skip('<VnWeekdayPicker />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnWeekdayPicker);

test/cypress/components/common/vnDiscount.spec.js

@@ -1,7 +1,6 @@
-
 import vnDiscount from 'src/components/common/vnDiscount.vue';
 
-describe('<vnDiscount />', () => {
+describe.skip('<vnDiscount />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(vnDiscount);

test/cypress/components/ui/CardDescriptor.spec.js

@@ -1,7 +1,6 @@
-
 import CardDescriptor from 'src/components/ui/CardDescriptor.vue';
 
-describe('<CardDescriptor />', () => {
+describe.skip('<CardDescriptor />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CardDescriptor);

test/cypress/components/ui/CardList.spec.js

@@ -1,7 +1,6 @@
-
 import CardList from 'src/components/ui/CardList.vue';
 
-describe('<CardList />', () => {
+describe.skip('<CardList />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CardList);

test/cypress/components/ui/CardSummary.spec.js

@@ -1,7 +1,6 @@
-
 import CardSummary from 'src/components/ui/CardSummary.vue';
 
-describe('<CardSummary />', () => {
+describe.skip('<CardSummary />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CardSummary);

test/cypress/components/ui/CatalogItem.spec.js

@@ -1,7 +1,6 @@
-
 import CatalogItem from 'src/components/ui/CatalogItem.vue';
 
-describe('<CatalogItem />', () => {
+describe.skip('<CatalogItem />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(CatalogItem);

test/cypress/components/ui/FetchedTags.spec.js

@@ -1,7 +1,6 @@
-
 import FetchedTags from 'src/components/ui/FetchedTags.vue';
 
-describe('<FetchedTags />', () => {
+describe.skip('<FetchedTags />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(FetchedTags);

test/cypress/components/ui/QCalendarMonthWrapper.spec.js

@@ -1,7 +1,6 @@
-
 import QCalendarMonthWrapper from 'src/components/ui/QCalendarMonthWrapper.vue';
 
-describe('<QCalendarMonthWrapper />', () => {
+describe.skip('<QCalendarMonthWrapper />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(QCalendarMonthWrapper);

test/cypress/components/ui/SkeletonDescriptor.spec.js

@@ -1,7 +1,6 @@
-
 import SkeletonDescriptor from 'src/components/ui/SkeletonDescriptor.vue';
 
-describe('<SkeletonDescriptor />', () => {
+describe.skip('<SkeletonDescriptor />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SkeletonDescriptor);

test/cypress/components/ui/SkeletonForm.spec.js

@@ -1,7 +1,6 @@
-
 import SkeletonForm from 'src/components/ui/SkeletonForm.vue';
 
-describe('<SkeletonForm />', () => {
+describe.skip('<SkeletonForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SkeletonForm);

test/cypress/components/ui/SkeletonSummary.spec.js

@@ -1,7 +1,6 @@
-
 import SkeletonSummary from 'src/components/ui/SkeletonSummary.vue';
 
-describe('<SkeletonSummary />', () => {
+describe.skip('<SkeletonSummary />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SkeletonSummary);

test/cypress/components/ui/SkeletonTable.spec.js

@@ -1,7 +1,6 @@
-
 import SkeletonTable from 'src/components/ui/SkeletonTable.vue';
 
-describe('<SkeletonTable />', () => {
+describe.skip('<SkeletonTable />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(SkeletonTable);

test/cypress/components/ui/VnAvatar.spec.js

@@ -1,7 +1,6 @@
-
 import VnAvatar from 'src/components/ui/VnAvatar.vue';
 
-describe('<VnAvatar />', () => {
+describe.skip('<VnAvatar />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnAvatar);

test/cypress/components/ui/VnConfirm.spec.js

@@ -1,7 +1,6 @@
-
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
 
-describe('<VnConfirm />', () => {
+describe.skip('<VnConfirm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnConfirm);

test/cypress/components/ui/VnFilterPanel.spec.js

@@ -1,7 +1,6 @@
-
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 
-describe('<VnFilterPanel />', () => {
+describe.skip('<VnFilterPanel />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnFilterPanel);

test/cypress/components/ui/VnFilterPanelChip.spec.js

@@ -1,7 +1,6 @@
-
 import VnFilterPanelChip from 'src/components/ui/VnFilterPanelChip.vue';
 
-describe('<VnFilterPanelChip />', () => {
+describe.skip('<VnFilterPanelChip />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnFilterPanelChip);

test/cypress/components/ui/VnImg.spec.js

@@ -1,7 +1,6 @@
-
 import VnImg from 'src/components/ui/VnImg.vue';
 
-describe('<VnImg />', () => {
+describe.skip('<VnImg />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnImg);

test/cypress/components/ui/VnLinkPhone.spec.js

@@ -1,7 +1,6 @@
-
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 
-describe('<VnLinkPhone />', () => {
+describe.skip('<VnLinkPhone />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnLinkPhone);

test/cypress/components/ui/VnLogo.spec.js

@@ -1,7 +1,6 @@
-
 import VnLogo from 'src/components/ui/VnLogo.vue';
 
-describe('<VnLogo />', () => {
+describe.skip('<VnLogo />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnLogo);

test/cypress/components/ui/VnLv.spec.js

@@ -1,7 +1,6 @@
-
 import VnLv from 'src/components/ui/VnLv.vue';
 
-describe('<VnLv />', () => {
+describe.skip('<VnLv />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnLv);

test/cypress/components/ui/VnNotes.spec.js

@@ -1,7 +1,6 @@
-
 import VnNotes from 'src/components/ui/VnNotes.vue';
 
-describe('<VnNotes />', () => {
+describe.skip('<VnNotes />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnNotes);

test/cypress/components/ui/VnOutForm.spec.js

@@ -1,7 +1,6 @@
-
 import VnOutForm from 'src/components/ui/VnOutForm.vue';
 
-describe('<VnOutForm />', () => {
+describe.skip('<VnOutForm />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnOutForm);

test/cypress/components/ui/VnPaginate.spec.js

@@ -1,7 +1,6 @@
-
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 
-describe('<VnPaginate />', () => {
+describe.skip('<VnPaginate />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnPaginate);

test/cypress/components/ui/VnRow.spec.js

@@ -1,7 +1,6 @@
-
 import VnRow from 'src/components/ui/VnRow.vue';
 
-describe('<VnRow />', () => {
+describe.skip('<VnRow />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnRow);

test/cypress/components/ui/VnSearchbar.spec.js

@@ -1,7 +1,6 @@
-
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
-describe('<VnSearchbar />', () => {
+describe.skip('<VnSearchbar />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSearchbar);

test/cypress/components/ui/VnSms.spec.js

@@ -1,7 +1,6 @@
-
 import VnSms from 'src/components/ui/VnSms.vue';
 
-describe('<VnSms />', () => {
+describe.skip('<VnSms />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSms);

test/cypress/components/ui/VnSubToolbar.spec.js

@@ -1,7 +1,6 @@
-
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
-describe('<VnSubToolbar />', () => {
+describe.skip('<VnSubToolbar />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnSubToolbar);

test/cypress/components/ui/VnUserLink.spec.js

@@ -1,7 +1,6 @@
-
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 
-describe('<VnUserLink />', () => {
+describe.skip('<VnUserLink />', () => {
     it('TODO: boilerplate', () => {
         // see: https://on.cypress.io/mounting-vue
         cy.vnMount(VnUserLink);

test/cypress/support/component.js

@@ -75,5 +75,6 @@ Cypress.Commands.add('vnMount', (component, options = {}) => {
     //         app.use(i18n);
     //     },
     // });
+    console.log({ ...globalConfig, ...options });
     return shallowMount(component, { ...globalConfig, ...options });
 });