From ee963db3f2a6f1f9fa573d88e6b93b62e542ba7d Mon Sep 17 00:00:00 2001
From: xiaoboRao <731653765@qq.com>
Date: Sun, 28 Nov 2021 15:58:02 +0800
Subject: [PATCH] =?UTF-8?q?test(slider):=20=E5=AE=8C=E5=96=84=E5=8D=95?=
=?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../devui/slider/__tests__/slider.spec.ts | 91 ++++++++++++-------
packages/devui-vue/devui/slider/index.ts | 2 +-
.../devui-vue/docs/components/slider/index.md | 9 +-
3 files changed, 61 insertions(+), 41 deletions(-)
diff --git a/packages/devui-vue/devui/slider/__tests__/slider.spec.ts b/packages/devui-vue/devui/slider/__tests__/slider.spec.ts
index 146a319f..35fd4dea 100644
--- a/packages/devui-vue/devui/slider/__tests__/slider.spec.ts
+++ b/packages/devui-vue/devui/slider/__tests__/slider.spec.ts
@@ -1,22 +1,22 @@
-import { mount } from '@vue/test-utils';
-import { nextTick, ref } from 'vue';
-import DSlider from '../src/slider';
+import { mount } from '@vue/test-utils'
+import { nextTick, ref } from 'vue'
+import DSlider from '../src/slider'
describe('d-slider', () => {
it('slider maxValue && minValue work', () => {
const wrapper = mount(DSlider, {
props: {
max: 50,
- min: 2,
- },
- });
- const max = wrapper.find('.devui-max_count');
- const min = wrapper.find('.devui-min_count');
- expect(min.text()).toBe('2');
- expect(max.text()).toBe('50');
- });
+ min: 2
+ }
+ })
+ const max = wrapper.find('.devui-max_count')
+ const min = wrapper.find('.devui-min_count')
+ expect(min.text()).toBe('2')
+ expect(max.text()).toBe('50')
+ })
it('slider v-model work', async () => {
- const value = ref(5);
+ const value = ref(5)
const wrapper = mount({
components: { DSlider },
template: `
@@ -24,33 +24,54 @@ describe('d-slider', () => {
`,
setup() {
return {
- modelValue: value,
- };
- },
- });
- const input = wrapper.find('input');
- expect(input.element.value).toBe('5');
- input.setValue(10);
- await nextTick();
- expect(value.value).toBe(10);
- });
+ modelValue: value
+ }
+ }
+ })
+ const input = wrapper.find('input')
+ expect(input.element.value).toBe('5')
+ input.setValue(10)
+ await nextTick()
+ expect(value.value).toBe(10)
+ })
it('slider showInput work', () => {
const wrapper = mount(DSlider, {
props: {
- showInput: true,
- },
- });
- const dInput = wrapper.find('.devui-input__out-wrap');
- expect(dInput.exists()).toBeTruthy();
- });
+ showInput: true
+ }
+ })
+ const dInput = wrapper.find('.devui-input__out-wrap')
+ expect(dInput.exists()).toBeTruthy()
+ })
it('slider disabled work', () => {
const wrapper = mount(DSlider, {
props: {
- disabled: true,
- },
- });
- const slider = wrapper.find('.devui-slider__runway');
- expect(slider.classes()).toContain('disabled');
- });
-});
+ disabled: true
+ }
+ })
+ const slider = wrapper.find('.devui-slider__runway')
+ expect(slider.classes()).toContain('disabled')
+ })
+
+ it('slider tipsRenderer work', () => {
+ const wrapper = mount(DSlider, {
+ props: {
+ tipsRenderer: 'null'
+ }
+ })
+ const slider = wrapper.find('.devui-slider_popover')
+ expect(slider.exists()).toBe(false)
+ })
+
+ it('slider popover work', () => {
+ const wrapper = mount(DSlider, {
+ props: {
+ tipsRenderer: 'bananas',
+ modelValue: 10
+ }
+ })
+ const slider = wrapper.find('.devui-slider_popover-content')
+ expect(slider.text()).toBe('10 bananas')
+ })
+})
diff --git a/packages/devui-vue/devui/slider/index.ts b/packages/devui-vue/devui/slider/index.ts
index f4596b77..e2cd5fe3 100644
--- a/packages/devui-vue/devui/slider/index.ts
+++ b/packages/devui-vue/devui/slider/index.ts
@@ -1,7 +1,7 @@
import type { App } from 'vue'
import Slider from './src/slider'
-Slider.install = function(app: App): void {
+Slider.install = function (app: App): void {
app.component(Slider.name, Slider)
}
diff --git a/packages/devui-vue/docs/components/slider/index.md b/packages/devui-vue/docs/components/slider/index.md
index 641dd54f..ecc880ef 100644
--- a/packages/devui-vue/docs/components/slider/index.md
+++ b/packages/devui-vue/docs/components/slider/index.md
@@ -14,7 +14,6 @@
-