wallabyjs / public

Repository for Wallaby.js questions and issues
http://wallabyjs.com
759 stars 45 forks source link

SyntaxError: Unexpected token export #2134

Closed ha404 closed 5 years ago

ha404 commented 5 years ago

Issue description or question

I'm getting errors trying to start Wallaby after upgrading to Babel 7 in our project.

[Info]  Started Wallaby.js Core v1.0.676
[Info]  Wallaby App (realtime reports) is available at: http://localhost:51245
[Error] Runtime error: Jest encountered an unexpected token 
[Error] This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. 
[Error] By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules". 
[Error] Here's what you can do: 
[Error]  • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config. 
[Error]  • If you need a custom transformation specify a "transform" option in your config. 
[Error]  • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option. 
[Error] You'll find more details and examples of these config options in the docs: 
[Error] https://jestjs.io/docs/en/configuration.html 
[Error] Details: 
[Error] /__mocks__/window-or-global.js:1 
[Error] ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){export default { 
[Error]                                                                                          ^^^^^^ 
[Error] SyntaxError: Unexpected token export 

Wallaby.js configuration file

process.env.BABEL_ENV = 'test';

module.exports = (wallaby) => {
  return {
    files: ['testing/jest.setup.js', 'src/**/*.js', '!src/**/__tests__/*.js', 'src/**/*.gql'],
    tests: ['src/**/__tests__/*.js'],
    workers: {
      initial: 2,
      regular: 2,
      restart: true,
    },
    env: {
      type: 'node',
      runner: 'node',
    },
    testFramework: 'jest',
    compilers: {
      '**/*.js*': wallaby.compilers.babel(),
    },
  };
};

Code editor or IDE name and version

Visual Studio Code v1.36.1

OS name and version

macOS 10.14.5 (18F132)

smcenlly commented 5 years ago

Are your tests working in jest outside of wallaby?

We will need a bit more information before we can provide assistance:

1) Please provide your package.json file (we'd like to see your dependencies/devDependencies) 2) Please provide your jest configuration 3) Please provide your babel configuration

ha404 commented 5 years ago

It currently runs through the CLI.

package.json

{
  "main": "dist/server.js",
  "license": "UNLICENSED",
  "private": true,
  "engines": {
    "node": "8.15.0"
  },
  "engineStrict": true,
  "devDependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/node": "^7.4.5",
    "@babel/plugin-proposal-class-properties": "^7.4.4",
    "@babel/plugin-proposal-decorators": "^7.4.4",
    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
    "@babel/plugin-transform-modules-commonjs": "^7.4.4",
    "@babel/plugin-transform-object-assign": "^7.2.0",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.5",
    "@babel/preset-flow": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "apollo-server-testing": "^2.4.8",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^24.8.0",
    "babel-loader": "^8.0.6",
    "babel-plugin-dynamic-import-node": "^2.3.0",
    "babel-plugin-inline-react-svg": "^0.5.2",
    "babel-plugin-module-resolver": "^3.2.0",
    "copy-webpack-plugin": "5.0.2",
    "cross-env": "^5.0.1",
    "css-loader": "^2.1.1",
    "enzyme": "^3.9.0",
    "enzyme-adapter-react-16": "^1.14.0",
    "enzyme-to-json": "^3.3.4",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-config-prettier": "^4.1.0",
    "eslint-import-resolver-webpack": "^0.11.1",
    "eslint-plugin-flowtype": "^2.50.0",
    "eslint-plugin-import": "^2.10.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-prettier": "^3.0.1",
    "eslint-plugin-react": "^7.7.0",
    "eslint-plugin-react-hooks": "^1.0.1",
    "flow-bin": "^0.66.0",
    "html-webpack-plugin": "^2.28.0",
    "jest": "^24.8.0",
    "jest-cli": "^24.8.0",
    "jest-enzyme": "^3.8.2",
    "jest-fetch-mock": "^1.5.0",
    "jest-localstorage-mock": "^2.3.0",
    "jest-prop-type-error": "^1.1.0",
    "jest-styled-components": "^6.3.1",
    "json-schema-faker": "^0.5.0-rc9",
    "mini-css-extract-plugin": "^0.6.0",
    "nock": "^10.0.5",
    "node-mocks-http": "^1.7.3",
    "nodemon-webpack-plugin": "^4.0.8",
    "npm-run-all": "^4.0.2",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "prettier": "^1.16.4",
    "redux-mock-store": "^1.5.3",
    "redux-saga-test-plan": "^4.0.0-beta.3",
    "sinon": "^2.3.1",
    "style-loader": "0.23.1",
    "supertest": "^3.0.0",
    "uglifyjs-webpack-plugin": "^2.1.2",
    "webpack": "^4.35.0",
    "webpack-bundle-analyzer": "^3.3.2",
    "webpack-cli": "^3.3.4",
    "webpack-dev-server": "^3.7.2",
    "webpack-merge": "^4.2.1"
  },
  "dependencies": {
    "@babel/polyfill": "^7.4.4",
    "@babel/runtime": "^7.4.5",
    "@bugsnag/js": "^5.0.2",
    "@bugsnag/plugin-react": "^5.0.2",
    "algoliasearch": "3.25.1",
    "apollo-datasource-rest": "^0.3.2",
    "apollo-server-express": "^2.4.8",
    "axios": "^0.19.0",
    "babel-plugin-styled-components": "^1.10.6",
    "balance-text": "^3.2.0",
    "bezier-easing": "^2.0.3",
    "bluebird": "^3.5.2",
    "body-parser": "^1.17.1",
    "bugsnag": "^1.10.0",
    "build-url": "^1.3.2",
    "bunyan": "^1.8.12",
    "classnames": "^2.2.6",
    "compression": "^1.6.2",
    "connected-react-router": "^6.5.0",
    "cookie-parser": "^1.4.3",
    "core-js": "^2.6.2",
    "dayjs": "^1.7.5",
    "deep-object-diff": "^1.1.0",
    "deep-rename-keys": "^0.2.1",
    "dompurify": "^1.0.11",
    "dotenv": "^8.0.0",
    "ejs": "^2.5.7",
    "element-resize-detector": "^1.1.12",
    "express": "^4.15.4",
    "express-basic-auth": "^1.2.0",
    "express-jwt": "^5.3.0",
    "express-list-endpoints": "^4.0.0",
    "faker": "^4.1.0",
    "font-awesome": "^4.7.0",
    "glob": "^7.1.2",
    "graphql": "^14.1.1",
    "graphql-server-express": "^1.1.2",
    "graphql-tag": "^2.8.0",
    "graphql-tools": "^4.0.4",
    "grpc": "^1.15.1",
    "grpc-caller": "^0.11.0",
    "gsap": "1.20.4",
    "helmet": "^3.8.1",
    "history": "^4.9.0",
    "immutable": "^3.8.2",
    "jest-transform-graphql": "^2.1.0",
    "js-cookie": "^2.2.0",
    "jsonwebtoken": "^8.0.0",
    "loadable-components": "^0.4.0",
    "lodash": "^4.17.11",
    "lru-cache": "^4.1.1",
    "md5": "^2.2.1",
    "newrelic": "^5.3.0",
    "nexus": "^0.11.3",
    "node-sass": "^4.12.0",
    "object.entries": "^1.1.0",
    "perimeterx-node-express": "^3.4.1",
    "platform": "^1.3.5",
    "prerender-node": "3.2.1",
    "prop-types": "^15.5.10",
    "q": "^1.5.0",
    "query-string": "^5.0.1",
    "react": "16.8.6",
    "react-dom": "16.8.1",
    "react-helmet": "^5.2.1",
    "react-hot-loader": "4.8.4",
    "react-intl": "^2.4.0",
    "react-lazyload": "^2.3.0",
    "react-load-script": "0.0.6",
    "react-markdown": "^3.4.1",
    "react-media": "^1.9.2",
    "react-recaptcha-google": "^1.1.1",
    "react-redux": "^7.1.0",
    "react-router": "^5.0.1",
    "react-router-dom": "^5.0.1",
    "react-router-last-location": "^2.0.0-beta.3",
    "react-stripe-elements": "^1.3.1",
    "react-swipe": "^6.0.4",
    "react-test-renderer": "^16.8.6",
    "react-visibility-sensor": "^3.11.0",
    "recompose": "^0.30.0",
    "redis": "^2.8.0",
    "redux": "^4.0.1",
    "redux-devtools-extension": "^2.13.2",
    "redux-immutable": "^4.0.0",
    "redux-react-hook": "^3.2.1",
    "redux-saga": "^1.0.0",
    "regenerator-runtime": "^0.11.0",
    "remark-parse": "^4.0.0",
    "request": "^2.88.0",
    "reselect": "^3.0.1",
    "response-time": "^2.3.2",
    "sass-loader": "^6.0.6",
    "serve-favicon": "^2.4.2",
    "set-query-string": "^2.2.0",
    "smoothscroll-polyfill": "^0.3.6",
    "styled-components": "^4.3.2",
    "tough-cookie": "^2.3.3",
    "unified": "^6.1.5",
    "uuid": "^3.1.0",
    "webpack-node-externals": "^1.5.4",
    "whatwg-fetch": "^3.0.0",
    "window-or-global": "^1.0.1"
  },
  "moduleRoots": [
    "src"
  ],
  "scripts": {
    "build:client:analyze": "webpack --config config/client.prod.js --colors --progress --verbose --env.ANALYZE_BUNDLE",
    "build:client": "webpack --config config/client.prod.js --colors",
    "build:server": "webpack --config config/server.prod.js --colors",
    "build:styles": "webpack --config config/styles.prod.js --colors",
    "build": "rm -rf ./dist && cross-env PORT=$PORT NODE_ENV=production npm-run-all --parallel build:server build:styles build:client",
    "eslint-check": "eslint --print-config . | eslint-config-prettier-check",
    "flow": "flow; test $? -eq 0 -o $? -eq 2",
    "lint:ci": "eslint . --quiet",
    "lint:fix": "eslint --fix .",
    "lint": "eslint .",
    "preinstall": "./bin/pre_install_dependencies",
    "serve": "node dist/server.js",
    "start:client": "cross-env MODE=development webpack-dev-server --config config/client.dev.js --colors",
    "start:server": "rm -rf ./build && webpack --config config/server.dev.js --colors",
    "start:styles": "webpack-dev-server --config config/styles.dev.js --colors",
    "start": "bin/pre_start && rm -rf ./build && npm-run-all --parallel start:server start:styles start:client",
    "test:bundle": "./bin/test_bundle_for_private_keys",
    "test:coverage": "cross-env NODE_ENV=test jest --coverage",
    "test:unit:ci": "cross-env NODE_ENV=test jest --ci --runInBand --coverage",
    "test:unit:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
    "test:unit:watch:debug": "node --inspect-brk node_modules/.bin/jest --runInBand --watch",
    "test:unit:watch": "jest --watch",
    "test:unit:watch:feature": "jest --watch --changedSince=develop",
    "test:unit": "jest"
  }
}

jest config

module.exports = {
  automock: false,
  testURL: 'http://localhost',
  snapshotSerializers: ['enzyme-to-json/serializer'],
  collectCoverageFrom: ['src/**/*.js'],
  collectCoverage: true,
  coverageReporters: ['html', 'lcov'],
  setupFiles: ['jest-localstorage-mock', 'jest-prop-type-error', './testing/jest.setup.js'],
  transform: {
    '\\.(gql|graphql)$': 'jest-transform-graphql',
    '^.+\\.(js)$': 'babel-jest',
  },
  moduleNameMapper: {
    '^common(.*)$': '<rootDir>/src/common/$1',
    '^Components$': '<rootDir>/src/common/components/index.js',
    '^onfeet(.*)$': '<rootDir>/src/common/images/onfeet/$1',
    '^server/(.*)$': '<rootDir>/src/server/$1',
    '^testing(.*)$': '<rootDir>/testing/$1',
  },
  modulePathIgnorePatterns: [
    '<rootDir>/.*/__mocks__',
    '<rootDir>/.*/__data__',
    '<rootDir>/src/common/styles/properties',
  ],
};

babel config

{
  "presets": ["@babel/preset-flow", "@babel/preset-react"],
  "env": {
    "test": {
      "presets": [
        "jest"
      ],
      "plugins": [
        "dynamic-import-node",
        ["@babel/plugin-proposal-decorators", { decoratorsBeforeExport: true }],
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-modules-commonjs",
        "inline-react-svg",
        [
          "module-resolver",
          {
            "root": ["./src"],
            "alias": {}
          }
        ],
        [
          "babel-plugin-styled-components",
          {
            "displayName": true,
            "pure": true,
            "minify": true,
            "fileName": false
          }
        ],
        [
          "@babel/plugin-transform-runtime",
          {
            "regenerator": true
          }
        ]
      ]
    },
    "production": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "loose": true,
            "modules": "commonjs",
            "targets": {
              "browsers": ["> 0.1%"]
            }
          }
        ]
      ],
      "plugins": [
        ["@babel/plugin-proposal-decorators", { decoratorsBeforeExport: true }],
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "inline-react-svg",
        "@babel/plugin-transform-object-assign",
        [
          "babel-plugin-styled-components",
          {
            "minify": true,
            "pure": true
          }
        ],
        [
          "@babel/plugin-transform-runtime",
          {
            "regenerator": true
          }
        ]
      ]
    },
    "development": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "loose": true,
            "modules": "commonjs",
            "targets": {
              "browsers": ["> 0.1%"]
            }
          }
        ]
      ],
      "plugins": [
        "react-hot-loader/babel",
        ["@babel/plugin-proposal-decorators", { decoratorsBeforeExport: true }],
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "inline-react-svg",
        "@babel/plugin-transform-object-assign",
        [
          "babel-plugin-styled-components",
          {
            "displayName": true,
            "pure": true,
            "minify": true
          }
        ],
        [
          "@babel/plugin-transform-runtime",
          {
            "regenerator": true
          }
        ]
      ]
    },
    "server": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "loose": true,
            "modules": "commonjs",
            "targets": {
              "node": "current"
            }
          }
        ]
      ],
      "plugins": [
        ["@babel/plugin-proposal-decorators", { decoratorsBeforeExport: true }],
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-object-assign",
        [
          "@babel/plugin-transform-runtime",
          {
            "regenerator": true
          }
        ]
      ]
    }
  }
}

Thank you!

smcenlly commented 5 years ago

Last week we released a new feature for Jest v24+, automatic configuration.

Could you try switching to use automatic configuration to see if that fixes your problem? This basically removes the need for you to have a wallaby.js configuration file. You may read how to use automatic configuration here.

ha404 commented 5 years ago

When I do that I'l get:

[Error] Failed to load configuration file:  Error: Cannot find module '/Users/chris.ha/Sites/goat.com/auto.detect' 
[Error]     at Function.Module._resolveFilename (module.js:548:15) 
[Info]  Started Wallaby.js Core v1.0.676
ArtemGovorov commented 5 years ago

@ha404 Could you please try adding __mocks__ to your files list:

-    files: ['testing/jest.setup.js', 'src/**/*.js', '!src/**/__tests__/*.js', 'src/**/*.gql'],
+    files: ['testing/jest.setup.js', 'src/**/*.js', '!src/**/__tests__/*.js', 'src/**/*.gql', '__mocks__/**/*.js'],
     tests: ['src/**/__tests__/*.js'],
ArtemGovorov commented 5 years ago

Could you try switching to use automatic configuration to see if that fixes your problem? Failed to load configuration file: Error: Cannot find module '/Users/chris.ha/Sites/goat.com/auto.detect'  Started Wallaby.js Core v1.0.676

The new automatic configuration feature is not working for you because your core version is not up-to-date. Your core version was released in Apr (and the feature was introduced in Jul). Most likely your license free updates period had expired, that's why your core had stopped updating. You may consider renewing your license in order to keep getting the updates.

ArtemGovorov commented 5 years ago

@ha404

ha404 commented 5 years ago

@ArtemGovorov I was able to update the core but the side indicators aren't displaying. I do get to see the coverage at: http://localhost:51245/. Is there something else I'm missing? Thanks!

ArtemGovorov commented 5 years ago

Could you please open VS Code Dev Tools and copy&paste Console tab output here?

ha404 commented 5 years ago

Sorry, I think you meant this console:

[Extension Host] debugger listening on port 63529
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/apollographql.vscode-apollo-1.7.4/syntaxes/graphql.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope inline.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/apollographql.vscode-apollo-1.7.4/syntaxes/graphql.js.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.js.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.js.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/javascript/syntaxes/JavaScript.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/grammars/Babel-Language.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.css.styled.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/jpoissonnier.vscode-styled-components-0.0.26/syntaxes/css.styled.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/grammars/css.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/prisma.vscode-graphql-0.2.1/grammars/graphql.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope inline.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.js.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/prisma.vscode-graphql-0.2.1/grammars/graphql.js.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.ruby.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/ruby/syntaxes/ruby.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/rebornix.ruby-0.24.0/syntaxes/ruby.cson.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope source.yaml.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/yaml/syntaxes/yaml.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/redhat.vscode-yaml-0.4.1/syntaxes/yaml.tmLanguage.json
register @ abstractTextMateService.ts:52
abstractTextMateService.ts:52 Overwriting grammar scope name to file mapping for scope wallaby.output.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/wallabyjs.quokka-vscode-1.0.233/quokka-output.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/wallabyjs.wallaby-vscode-1.0.135/wallaby-output.tmLanguage.json
register @ abstractTextMateService.ts:52
console.ts:134 [Extension Host] (node:81687) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
t.log @ console.ts:134
console.ts:134 [Extension Host] [vscode-icons] v8.8.0 activated!
console.ts:134 [Extension Host] [Wallaby Console] VS Code extension v1.0.135
console.ts:134 [Extension Host] [Wallaby Console] Core v1.0.707
console.ts:134 [Extension Host] No editors associated with document: /Users/chris.ha/Sites/.com/jsconfig.json
t.log @ console.ts:134
console.ts:134 [Extension Host] No editors associated with document: /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/javascript/schemas/jsconfig.schema.json
t.log @ console.ts:134
console.ts:134 [Extension Host] No editors associated with document: /Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/schemas/jsconfig.schema.json
ArtemGovorov commented 5 years ago

Thanks for attaching the details. Could you please try:

ha404 commented 5 years ago

So it makes it slightly better, the indicators appear but don't reflect the correct coverage, just white:

Screen Shot 2019-07-10 at 10 35 27 PM
ArtemGovorov commented 5 years ago

What is the name of the file on the screenshot?

ArtemGovorov commented 5 years ago

Thanks, could you please also

    compilers: {
      '**/*.js*': wallaby.compilers.babel(),
    },
+   debug: true
ha404 commented 5 years ago

Still getting the same issue

Screen Shot 2019-07-10 at 10 54 35 PM

Console:

[Extension Host] debugger listening on port 39855
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/apollographql.vscode-apollo-1.7.4/syntaxes/graphql.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope inline.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/apollographql.vscode-apollo-1.7.4/syntaxes/graphql.js.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.js.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.js.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/javascript/syntaxes/JavaScript.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/grammars/Babel-Language.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.css.styled.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/jpoissonnier.vscode-styled-components-0.0.26/syntaxes/css.styled.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/grammars/css.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/prisma.vscode-graphql-0.2.1/grammars/graphql.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope inline.graphql.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/kumar-harsh.graphql-for-vscode-1.14.2/syntaxes/graphql.js.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/prisma.vscode-graphql-0.2.1/grammars/graphql.js.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.ruby.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/ruby/syntaxes/ruby.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/rebornix.ruby-0.24.0/syntaxes/ruby.cson.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope source.yaml.
Old grammar file: file:///Applications/Visual%20Studio%20Code.app/Contents/Resources/app/extensions/yaml/syntaxes/yaml.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/redhat.vscode-yaml-0.4.1/syntaxes/yaml.tmLanguage.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377 Overwriting grammar scope name to file mapping for scope wallaby.output.
Old grammar file: file:///Users/chris.ha/.vscode/extensions/wallabyjs.quokka-vscode-1.0.233/quokka-output.tmLanguage.json.
New grammar file: file:///Users/chris.ha/.vscode/extensions/wallabyjs.wallaby-vscode-1.0.135/wallaby-output.tmLanguage.json
register @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:4377
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] (node:84704) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
t.log @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] [vscode-icons] v8.8.0 activated!
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:3341 Extension Host
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] [Wallaby Console] VS Code extension v1.0.135
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] [Wallaby Console] Core v1.0.708
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] No editors associated with document: /Users/chris.ha/Sites/.com/jsconfig.json
t.log @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] No editors associated with document: /Users/chris.ha/.vscode/extensions/mgmcdermott.vscode-language-babel-0.0.22/schemas/jsconfig.schema.json
t.log @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240 [Extension Host] No editors associated with document: /Applications/Visual Studio Code.app/Contents/Resources/app/extensions/javascript/schemas/jsconfig.schema.json
t.log @ /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:240
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:3341 Extension Host
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:3341 Debugger attached.
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.js:1412  WARN UNRESPONSIVE extension host, 'vscode.merge-conflict' took 94% of 714.418ms, saved PROFILE here: '/var/folders/ql/ttt6qcnx7b9_642g5y0pts7h0000gp/T/exthost-2504a6.cpuprofile' Array(1)
ArtemGovorov commented 5 years ago

Console:

Sorry, this time I meant Wallaby Console, not CS Code Dev Tools console.

Please do this:

ArtemGovorov commented 5 years ago

the wallaby.js one was wayyy too long to paste, here's the tail end of it:

Looks like you have copy/pasted Automatic config log instead of the tail of the wallaby.js one. Could you please create a Github Gist with the full log?

Speaking of the Automatic config, the log now looks much better, with it selected are you now getting grey indicators in your tests or no indicators at all?

ha404 commented 5 years ago

Here's the Gist: https://gist.github.com/ha404/2f963be38e8a826962ac442faa596b2a

ArtemGovorov commented 5 years ago

Thanks, but it looks like it is still truncated.

ha404 commented 5 years ago

This should do it: https://gist.githubusercontent.com/ha404/2f963be38e8a826962ac442faa596b2a/raw/fb28853468352d14ad996813680f596ada544cf2/wallaby%2520console

I just checked the automatic config and it looks like it's working!

Are you guys moving away from the wallaby.js config?

Thank you!

ArtemGovorov commented 5 years ago

I just checked the automatic config and it looks like it's working!

Awesome! Please keep using the new way then.

Are you guys moving away from the wallaby.js config?

Yes, started with Jest projects we are moving towards being truly zero config. You may remove your Wallaby config completely.

ArtemGovorov commented 5 years ago

As for the wallaby.js config issue, looks like some of your files patterns are missing in the files list:

Runtime error: Error: Cannot find module '../../../../testing/helpers/dom-testing-utilities' from 'Button.spec.js' 

So this change may help:

-    files: ['testing/jest.setup.js', 'src/**/*.js', '!src/**/__tests__/*.js', 'src/**/*.gql', '__mocks__/**/*.js'],
+    files: ['testing/**/*.js', 'src/**/*.js', '!src/**/__tests__/*.js', 'src/**/*.gql', '__mocks__/**/*.js'],
     tests: ['src/**/__tests__/*.js'],

But I wouldn't bother and use Automatic Config instead.

ha404 commented 5 years ago

Thank you 🙏