В настоящее время я использую Nuxt и хочу протестировать свой компонент.
компоненты / пользовательский интерфейс / BaseButton.vue
<template>
<div>
<b-button :class="buttonClass" :variant="variant" v-on="$listeners">{{buttonText}}</b-button>
</div>
</template>
<script>
export default {
name: 'BaseButton',
props: {
variant: { type: String },
buttonClass: { type: String },
buttonText: { type: String }
}
}
</script>
тест / компоненты / пользовательский интерфейс / BaseButton.test.js
import Vue from 'vue';
import { expect } from 'chai';
import BaseButton from '../../../components/UI/BaseButton.vue';
describe('BaseButton.vue', () => {
it('renders props buttonText when passed', () => {
const Constructor = new Vue.extend(BaseButton);
const comp = new Constructor({
propsData: {
buttonText: 'Hello'
}
}).$mount();
console.log(comp);
});
});
в моем package.json
"scripts": {
"test": "mocha"
},
"dependencies": {
"chai": "^4.2.0",
"mocha": "^6.0.1",
"nuxt": "^2.4.3"
}
когда я запускаю npm run test
Я получаю
$ npm run test
> cms-app@1.0.0 test /Users/allenchun/sites/cms-app
> mocha
Error: No test files found
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cms-app@1.0.0 test: `mocha`
npm ERR! Exit status 1