fix(cypress): apply workaround to avoid Vue TS eslint overrides

Author: IlCallo

test-vite-app-v2/eslint.config.js

@@ -9,7 +9,7 @@ import pluginCypress from 'eslint-plugin-cypress/flat';
 import pluginVue from 'eslint-plugin-vue';
 import globals from 'globals';
 
-export default defineConfigWithVueTs(
+const config = defineConfigWithVueTs(
   {
     /**
      * Ignore the following files.
@@ -116,3 +116,21 @@ export default defineConfigWithVueTs(
     },
   },
 );
+
+// FIXME: quick-fix due to Vue plugin disabling these rules without allowing for a way to customize them
+// We're waiting for an answer from the Vue team, because type-aware linting rules are automatically extracted by them and injected before
+// the TS plugin parser configuration, in order to be able to apply them to Vue files.
+// See https://github.com/vuejs/eslint-config-typescript/blob/e5b983369bee342e3fb0d9141138c5d5a80e6949/src/internals.ts#L133-L145
+// See https://github.com/vuejs/eslint-config-typescript/blob/e5b983369bee342e3fb0d9141138c5d5a80e6949/src/utilities.ts#L196-L208
+config.push({
+  files: ['test/cypress/**/*.{js,jsx,ts,tsx}', '**/*.cy.{js,jsx,ts,tsx}'],
+  rules: {
+    '@typescript-eslint/no-unsafe-argument': 'error',
+    '@typescript-eslint/no-unsafe-assignment': 'error',
+    '@typescript-eslint/no-unsafe-call': 'error',
+    '@typescript-eslint/no-unsafe-member-access': 'error',
+    '@typescript-eslint/no-unsafe-return': 'error',
+  }
+});
+
+export default config;

test-vite-app-v2/src/components/__tests__/VModelComponent.cy.ts

@@ -53,6 +53,7 @@ describe('VModelComponent', () => {
     const model = ref('Quasar');
 
     cy.mount(VModelComponent, {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       props: {
         ...vModelAdapter(model),
       },

test-webpack-app-v4/eslint.config.js

@@ -9,7 +9,7 @@ import {
 import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting';
 import pluginCypress from 'eslint-plugin-cypress/flat';
 
-export default defineConfigWithVueTs(
+const config = defineConfigWithVueTs(
   {
     /**
      * Ignore the following files.
@@ -104,3 +104,21 @@ export default defineConfigWithVueTs(
     },
   },
 );
+
+// FIXME: quick-fix due to Vue plugin disabling these rules without allowing for a way to customize them
+// We're waiting for an answer from the Vue team, because type-aware linting rules are automatically extracted by them and injected before
+// the TS plugin parser configuration, in order to be able to apply them to Vue files.
+// See https://github.com/vuejs/eslint-config-typescript/blob/e5b983369bee342e3fb0d9141138c5d5a80e6949/src/internals.ts#L133-L145
+// See https://github.com/vuejs/eslint-config-typescript/blob/e5b983369bee342e3fb0d9141138c5d5a80e6949/src/utilities.ts#L196-L208
+config.push({
+  files: ['test/cypress/**/*.{js,jsx,ts,tsx}', '**/*.cy.{js,jsx,ts,tsx}'],
+  rules: {
+    '@typescript-eslint/no-unsafe-argument': 'error',
+    '@typescript-eslint/no-unsafe-assignment': 'error',
+    '@typescript-eslint/no-unsafe-call': 'error',
+    '@typescript-eslint/no-unsafe-member-access': 'error',
+    '@typescript-eslint/no-unsafe-return': 'error',
+  }
+});
+
+export default config;