色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue cli mocha

劉柏宏2年前8瀏覽0評論

vue-cli是一個官方的Vue.js腳手架工具,可以快速構建Vue.js項目。Mocha是一個功能強大且易于使用的JavaScript測試框架。Vue CLI Mocha插件是將Mocha集成到Vue CLI中,用于測試Vue.js項目的插件。

安裝Vue CLI Mocha插件十分簡單。首先,我們需要通過npm安裝Vue CLI。在命令行中輸入以下命令:

npm install -g @vue/cli

接下來,我們需要在Vue項目中安裝Vue CLI Mocha插件。輸入以下命令:

vue add @vue/cli-plugin-unit-mocha

該命令將自動安裝Mocha,Chai和Sinon.js等庫。

現在,我們來編寫一個簡單的測試用例。在項目的tests/unit目錄下創建sample.spec.js文件,代碼如下:

import { expect } from 'chai';
import { shallowMount } from '@vue/test-utils';
import HelloWorld from '@/components/HelloWorld.vue';
describe('HelloWorld.vue', () =>{
it('renders props.msg when passed', () =>{
const msg = 'new message';
const wrapper = shallowMount(HelloWorld, {
propsData: { msg }
});
expect(wrapper.text()).to.include(msg);
});
});

在該測試用例中,我們首先導入chai和shallowMount,用于測試組件的渲染和方法,然后導入我們要測試的HelloWorld組件。describe塊包含一個it塊,它是我們實際測試的代碼。我們首先設置一個msg變量,然后使用shallowMount創建一個HelloWorld實例,并將msg變量作為props傳遞給組件。最后,我們期望組件渲染的文本包含msg變量。

要運行我們的測試用例,只需要在命令行中輸入以下命令:

npm run test:unit

這將運行我們的Mocha測試用例,并在命令行中給出結果。