eddyerburgh / avoriaz-ava-example Goto Github PK

View Code? Open in Web Editor NEW

16.0 16.0 3.0 248 KB

Testing Vue components with AVA and avoriaz example

License: MIT License

JavaScript 72.12% Vue 27.88%

ava avoriaz avoriaz-ava

avoriaz-ava-example's People

Contributors

Stargazers

Watchers

Forkers

omgimalexis aurorasparkdev pearofducks

avoriaz-ava-example's Issues

Inclusion of code coverage - NYC

I was wondering is it possible to add in the code coverage using nyc, it would be very helpful @eddyerburgh

Component under test breaks if it requires source modules

I replicated the issue here: https://github.com/jcalonso/avoriaz-ava-example/commit/d4afd13d15d612e2d2d59a3811a7ea1ae4c88216

I'm getting:

npm test
> [email protected] test /home/jcalonso/Projects/github/avoriaz-ava-example
> nyc ./node_modules/.bin/ava test/*.spec.js

/home/jcalonso/Projects/github/avoriaz-ava-example/node_modules/vue2-simplert/src/main-dist.js:1
(function (exports, require, module, __filename, __dirname) { import Simplert from './Simplert.vue'
                                                              ^^^^^^

SyntaxError: Unexpected token import

Am I missing something?

Upgrading vue breaks test

Hi, it seems upgrading vue from from 2.2.6 to 2.4.1 breaks the tests.

To reproduce clone this repo and run yarn upgrade vue. I'm seeing the same in another repo using ava+vue but not avoriaz. Any ideas? Thank you.

Here's is the full log from my machine:

 S/f/avoriaz-ava-example $ yarn upgrade vue                                                 5s 475ms
yarn upgrade v0.27.5
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0/904y[4/4] Rebuilding all packages...
success Saved lockfile.
success Saved 1 new dependency.
└─ [email protected]
Done in 12.39s.
 S/f/avoriaz-ava-example $ yarn test                                                       12s 716ms
yarn test v0.27.5
$ ./node_modules/.bin/nyc ./node_modules/.bin/ava test/*.spec.js
[Vue warn]: Vue is a constructor and should be called with the `new` keyword
/Users/xxx/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:4290
  this._init(options);
       ^

TypeError: this._init is not a function
    at Array.Vue$3 (/Users/xxx/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:4290:8)
    at hook (/Users/xxx/avoriaz-ava-example/node_modules/require-extension-hooks/hook.js:15:26)
    at /Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4
    at require.extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/test/Bar.spec.js:1:10875)
    at Module._compile (module.js:569:30)
    at Module.replacementCompile (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:58:13)
    at extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/require-precompiled/index.js:13:11)
    at /Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4
    at require.extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/test-worker.js:61:1)
    at Module._compile (module.js:569:30)
    at Module.replacementCompile (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:58:13)
    at module.exports (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/default-require-extensions/js.js:8:9)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at runMain (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:63:10)
    at Function.<anonymous> (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:166:5)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/bin/wrap.js:23:4)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at Object.<anonymous> (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:173:8)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at startup (bootstrap_node.js:158:16)
    at bootstrap_node.js:575:3
[Vue warn]: Vue is a constructor and should be called with the `new` keyword
/Users/xxx/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:4290
  this._init(options);
       ^

TypeError: this._init is not a function
    at Array.Vue$3 (/Users/xxx/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:4290:8)
    at hook (/Users/xxx/avoriaz-ava-example/node_modules/require-extension-hooks/hook.js:15:26)
    at /Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4
    at require.extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/test/Foo.spec.js:1:11749)
    at Module._compile (module.js:569:30)
    at Module.replacementCompile (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:58:13)
    at extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/require-precompiled/index.js:13:11)
    at /Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4
    at require.extensions.(anonymous function) (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/ava/lib/test-worker.js:61:1)
    at Module._compile (module.js:569:30)
    at Module.replacementCompile (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:58:13)
    at module.exports (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/default-require-extensions/js.js:8:9)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/node_modules/append-transform/index.js:62:4)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at runMain (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:63:10)
    at Function.<anonymous> (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:166:5)
    at Object.<anonymous> (/Users/xxx/avoriaz-ava-example/node_modules/nyc/bin/wrap.js:23:4)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at Object.<anonymous> (/Users/oskar/.node-spawn-wrap-33589-7c88cd103f9a/node:173:8)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at startup (bootstrap_node.js:158:16)
    at bootstrap_node.js:575:3

  2 exceptions

  ✖ test/Bar.spec.js exited with a non-zero exit code: 1

  ✖ test/Foo.spec.js exited with a non-zero exit code: 1
-------------|----------|----------|----------|----------|----------------|
File         |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
-------------|----------|----------|----------|----------|----------------|
All files    |    18.52 |      100 |        0 |    19.61 |                |
 .setup.js   |      100 |      100 |      100 |      100 |                |
 Bar.spec.js |       15 |      100 |        0 |    16.67 |... 22,23,24,25 |
 Foo.spec.js |       10 |      100 |        0 |    10.34 |... 39,40,41,42 |
-------------|----------|----------|----------|----------|----------------|
error Command failed with exit code 1.

Breaks on `export` (probably others?)

https://github.com/pearofducks/avoriaz-ava-example/tree/broken

Simply importing from another file breaks the runner since it isn't transpiling and node doesn't support export yet.

Tests don't actually work

Cloned the repo, cd'd in, ran yarn, then ran npm test. Here's the failed output:

[Vue warn]: Vue is a constructor and should be called with the `new` keyword
/Users/user/Sites/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:3789
  this._init(options);
       ^

TypeError: this._init is not a function
    at Array.Vue$2 (/Users/user/Sites/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:3789:8)
    at hook (/Users/user/Sites/avoriaz-ava-example/node_modules/require-extension-hooks/hook.js:15:26)
    at Object.require.extensions.(anonymous function) [as .vue] (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/user/Sites/avoriaz-ava-example/test/Bar.spec.js:3:1)
    at Module._compile (module.js:571:32)
    at extensions.(anonymous function) (/Users/user/Sites/avoriaz-ava-example/node_modules/require-precompiled/index.js:13:11)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/test-worker.js:49:1)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.runMain (module.js:605:10)
    at run (bootstrap_node.js:420:7)
    at startup (bootstrap_node.js:139:9)
    at bootstrap_node.js:535:3
[Vue warn]: Vue is a constructor and should be called with the `new` keyword
/Users/user/Sites/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:3789
  this._init(options);
       ^

TypeError: this._init is not a function
    at Array.Vue$2 (/Users/user/Sites/avoriaz-ava-example/node_modules/vue/dist/vue.runtime.common.js:3789:8)
    at hook (/Users/user/Sites/avoriaz-ava-example/node_modules/require-extension-hooks/hook.js:15:26)
    at Object.require.extensions.(anonymous function) [as .vue] (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/user/Sites/avoriaz-ava-example/test/Foo.spec.js:3:1)
    at Module._compile (module.js:571:32)
    at extensions.(anonymous function) (/Users/user/Sites/avoriaz-ava-example/node_modules/require-precompiled/index.js:13:11)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/process-adapter.js:100:4)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/user/Sites/avoriaz-ava-example/node_modules/ava/lib/test-worker.js:49:1)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.runMain (module.js:605:10)
    at run (bootstrap_node.js:420:7)
    at startup (bootstrap_node.js:139:9)
    at bootstrap_node.js:535:3

  2 exceptions

  ✖ test/Bar.spec.js exited with a non-zero exit code: 1

  ✖ test/Foo.spec.js exited with a non-zero exit code: 1

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.