fix(cy): use cypress-vite to build cypress tests

took the `configFile: false` from nextcloud/forms.

Signed-off-by: Max <[email protected]>

cypress.config.mjs

@@ -1,7 +1,8 @@
 import { defineConfig } from 'cypress'
 import cypressSplit from 'cypress-split'
 import { configureVisualRegression } from 'cypress-visual-regression/dist/plugin.js'
-
+import vitePreprocessor from 'cypress-vite'
+import vue from '@vitejs/plugin-vue2'
 
 export default defineConfig({
 	projectId: 'hx9gqy',
@@ -20,6 +21,10 @@ export default defineConfig({
 			visualRegressionType: 'regression',
 		},
 		setupNodeEvents(on, config) {
+			on('file:preprocessor', vitePreprocessor({
+				plugins: [vue()],
+				configFile: false,
+			}))
 			cypressSplit(on, config)
 			configureVisualRegression(on)
 

cypress/e2e/nodes/ListItem.spec.js

@@ -7,9 +7,12 @@ import TaskItem from './../../../src/nodes/TaskItem.js'
 import BulletList from './../../../src/nodes/BulletList.js'
 import Markdown from './../../../src/extensions/Markdown.js'
 import { createCustomEditor } from './../../support/components.js'
-import testData from '../../fixtures/ListItem.md'
 import { loadMarkdown, runCommands, expectMarkdown } from './helpers.js'
 
+// https://github.com/import-js/eslint-plugin-import/issues/1739
+/* eslint-disable-next-line import/no-unresolved */
+import testData from '../../fixtures/ListItem.md?raw'
+
 describe('ListItem extension integrated in the editor', () => {
 
 	const editor = createCustomEditor({

cypress/e2e/nodes/Preview.spec.js

@@ -25,9 +25,12 @@ import Markdown from './../../../src/extensions/Markdown.js'
 import Preview from './../../../src/nodes/Preview.js'
 import { Italic, Link } from './../../../src/marks/index.js'
 import { createCustomEditor } from './../../support/components.js'
-import testData from '../../fixtures/Preview.md'
 import { loadMarkdown, runCommands, expectMarkdown } from './helpers.js'
 
+// https://github.com/import-js/eslint-plugin-import/issues/1739
+/* eslint-disable-next-line import/no-unresolved */
+import testData from '../../fixtures/Preview.md?raw'
+
 describe('Preview extension', { retries: 0 }, () => {
 
 	const editor = createCustomEditor({

cypress/e2e/nodes/Table.spec.js

@@ -6,7 +6,9 @@ import markdownit from './../../../src/markdownit/index.js'
 import EditableTable from './../../../src/nodes/EditableTable.js'
 import Markdown, { createMarkdownSerializer } from './../../../src/extensions/Markdown.js'
 
-import testData from '../../fixtures/Table.md'
+// https://github.com/import-js/eslint-plugin-import/issues/1739
+/* eslint-disable-next-line import/no-unresolved */
+import testData from '../../fixtures/Table.md?raw'
 
 const user = randUser()
 const fileName = 'empty.md'

package.json

@@ -130,6 +130,7 @@
     "cypress": "^13.9.0",
     "cypress-split": "^1.23.2",
     "cypress-visual-regression": "^5.0.0",
+    "cypress-vite": "^1.5.0",
     "eslint-plugin-cypress": "^3.2.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",