🐛 dev server vite 2.2.3 dynamic import are not using path aliases

Current behavior

importsToLoad dynamic import of the spec file fails because it does not replace the path alias given by vite in the dynamic import.

https://github.com/cypress-io/cypress/blob/e5385fe413ae866985c04dfc991f8378673c6159/npm/vite-dev-server/client/initCypressTests.js#L9

This results in a TypeError when it resolves.

Desired behavior

When vite is used and path aliases are given, check all kinds of imports or references to files with the according path alias.

Test code to reproduce

src/components/QuasarButton.vue

<template>
  <input
    data-cy="button"
    label="test emit"
    @click="$emit('test')"
  />
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'QuasarButton',
  emits: ['test'],
});

src/components/__test__/QuasarButton.spec.ts

// __test__/QuasarButton.spec.ts

and a path alias for src pointing to src

Cypress Version

10.1.0

Other

The content does not really matter because cypress will not reach any of it because vite has found spec files and is providing the paths with knowing the path alias for it but not resolving it but initCypresssTests is blind to it and will fail trying to dynamically import from the path given by vite.

[lmiller1990]

https://github.com/cypress-io/cypress/pull/23605 landed, it’ll be in the next release, I hope this helps!

We can keep working on this, I want to enable third parties as much as possible.

[IlCallo]

I’m back at it 😁 Seems like the support for async webpack config did the trick, so this issue can be closed We’re now dealing with another problem, but I’ll open a dedicated issue about it