nuxt: Default test does not pass

Version

v2.3.4

Reproduction link

https://nuxtjs.org/

Steps to reproduce

Run: yarn create nuxt-app project Choose Linter and JestJs and SPA mode.

Without adding any additional content, run yarn test

What is expected ?

I expect the default test to pass.

What is actually happening?

I receive this error message:

yarn run v1.13.0
$ jest
 FAIL  test/Logo.spec.js
  ● Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/en/configuration.html

    Details:

    /home/begueradj/Development/project/test/Logo.spec.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { mount } from '@vue/test-utils';
                                                                                                    ^

    SyntaxError: Unexpected token {

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        0.803s
Ran all test suites.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Note

This occurs only when I move the content of project to an other folder where of course I remove node_modes and .nuxt folders.

I need to copy the content of the generate folder to an other place because I am working with Git branches

<div align="right">_{This bug report is available on Nuxt community (#c8573)}</div>

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 20 (2 by maintainers)

Most upvoted comments

@brandonaaskov, I’m experiencing the same issue when running jest inside a docker container based on the vuejs/ci image.

The test passes when I run it in Git Bash on Windows 10

package.json

{ “name”: “my app”, “version”: “1.0.0”, “description”: “My sensational Nuxt.js project”, “author”: “author”, “private”: true, “scripts”: { “lint”: “eslint --ext .js,.vue --ignore-path .gitignore .”, “precommit”: “npm run lint”, “test”: “jest”, “dev”: “nuxt”, “build”: “nuxt build”, “start”: “nuxt start”, “generate”: “nuxt generate” }, “dependencies”: { “@nuxtjs/axios”: “^5.3.6”, “@nuxtjs/vuetify”: “0.5.5”, “nuxt”: “^2.0.0” }, “devDependencies”: { “@babel/preset-env”: “^7.4.5”, “@nuxt/babel-preset-app”: “^2.8.1”, “@nuxtjs/eslint-config”: “^0.0.1”, “@nuxtjs/eslint-module”: “^0.0.1”, “@vue/test-utils”: “^1.0.0-beta.27”, “babel-core”: “7.0.0-bridge.0”, “babel-eslint”: “^10.0.1”, “babel-jest”: “^24.1.0”, “eslint”: “^5.15.1”, “eslint-config-prettier”: “^4.1.0”, “eslint-config-standard”: “>=12.0.0”, “eslint-plugin-import”: “>=2.16.0”, “eslint-plugin-jest”: “>=22.3.0”, “eslint-plugin-node”: “>=8.0.1”, “eslint-plugin-nuxt”: “>=0.4.2”, “eslint-plugin-prettier”: “^3.0.1”, “eslint-plugin-promise”: “>=4.0.1”, “eslint-plugin-standard”: “>=4.0.0”, “eslint-plugin-vue”: “^5.2.2”, “jest”: “^24.1.0”, “nodemon”: “^1.18.9”, “prettier”: “^1.16.4”, “stylus”: “^0.54.5”, “stylus-loader”: “^3.0.2”, “vue-jest”: “^3.0.3” } }

tylerkoldenjtp on Jun 22, 2019

@aldarund I still see the same error. And I did double check my node_modules/vue-jest/package.json file to make sure that it was actually using the correct version, but alas, I’m still seeing the same.

I found the problem, You should add set NODE_ENV to test before running the jest try this in your package.json file: "scripts": { .... "test": "NODE_ENV=test jest" },

obaidsamadian on Nov 1, 2019

@aldarund I still see the same error. And I did double check my node_modules/vue-jest/package.json file to make sure that it was actually using the correct version, but alas, I’m still seeing the same.

brandonaaskov on Mar 10, 2019

@begueradj could you elaborate? I have the same problem you are seeing.

@manniL is there something I’m missing? I run npx create-nuxt-app my-app-name, and after choosing my setup options, I immediately run yarn test and it fails.

Proof here (albeit a boring video): https://cl.ly/50d8c8f90d8b

brandonaaskov on Mar 5, 2019