我使用 TypeScript 在 VueJS 中创建了新项目。
我的组件具有要测试的方法:
<template>
<div></div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class Slider extends Vue {
private slide: number = 0;
private sliding: boolean = false;
public setSlide(slide: number): void {
this.slide = slide;
}
public setSliding(sliding: boolean): void {
this.sliding = sliding;
}
private onSliderStart(slide: any): void {
this.setSliding(true);
}
private onSlideEnd(slide: any): void {
this.setSliding(false);
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
测试:
import { shallowMount } from '@vue/test-utils';
import Slider from …Run Code Online (Sandbox Code Playgroud)