Are you trying to set up Jest to unitarily test your Vue 3 files in a Laravel project?

jest.config.js

module.exports = {
    roots: [
        '<rootDir>/resources/js/',
    ],
    moduleNameMapper: {
        '^@/(.*)$': '<rootDir>/resources/js/$1',
    },
    moduleFileExtensions: ['js', 'json', 'vue'],
    transform: {
        '^.+\\.vue$': 'vue-jest',
        '^.+\\js$': 'babel-jest'
    },
};

vue3_tests_jest_in_laravel.md

I found some errors when trying to run the tests together with the "@" alias configured in the webpack.config.js file

This was the error printed on the console:

FAIL  resources/js/Pages/Posts/tests/Index.test.js
  ● Test suite failed to run

    Cannot find module '@/Layouts/AppLayout' from 'resources/js/Pages/Posts/Index.vue'

    Require stack:
      resources/js/Pages/Posts/Index.vue
      resources/js/Pages/Posts/tests/Index.test.js

      26 | </template>
      27 | <script>
    > 28 | import AppLayout from '@/Layouts/AppLayout';

After about 6 hours of research I managed to solve this configuration of Jest that will be in the file just above.

I hope this helps someone!