test(input-number): Complete the it.todo

packages/devui-vue/devui/input-number/__tests__/input-number.spec.tsx

@@ -19,6 +19,8 @@ describe('d-input-number', () => {
     expect(inputNumber.exists()).toBeTruthy();
     const inputInner = wrapper.find(ns.e('input-box'));
     expect((inputInner.element as HTMLInputElement).value).toBe('0');
+    const controlButtons = wrapper.findAll('.control-button');
+    expect(controlButtons.length).toBe(2);
     wrapper.unmount();
   });
 
@@ -115,7 +117,6 @@ describe('d-input-number', () => {
     wrapper.unmount();
   });
 
-
   it('regular expression check', async () => {
     const num = ref(2);
     const wrapper = mount({
@@ -143,9 +144,71 @@ describe('d-input-number', () => {
     wrapper.unmount();
   });
 
-  it.todo('props placeholder work well.');
+  it('placeholder work', async () => {
+    const num = ref();
+    const placeholderStr = '测试placeholderStr';
+    const wrapper = mount({
+      setup() {
+        return () => <DInputNumber v-model={num.value} placeholder={placeholderStr}></DInputNumber>;
+      },
+    });
+    const inputNumber = wrapper.find(ns.b());
+    expect(inputNumber.exists()).toBeTruthy();
+    const inputInner = wrapper.find(ns.e('input-box'));
+    expect((inputInner.element as HTMLInputElement).placeholder).toBe(placeholderStr);
 
-  it.todo('event change/focus/blur/input work well.');
+    wrapper.unmount();
+  });
+
+  it('event change/focus/blur/input work', async () => {
+    const changeCallback = jest.fn();
+    const blurCallback = jest.fn();
+    const focusCallback = jest.fn();
+    const inputCallback = jest.fn();
+    const num = ref(0);
+    const wrapper = mount({
+      setup() {
+        return () => (
+          <DInputNumber
+            v-model={num.value}
+            onChange={changeCallback}
+            onBlur={blurCallback}
+            onFocus={focusCallback}
+            onInput={inputCallback}
+          />
+        );
+      },
+    });
+    const inputNumber = wrapper.find(ns.b());
+    expect(inputNumber.exists()).toBeTruthy();
+
+    expect(changeCallback).toBeCalledTimes(0);
+    expect(blurCallback).toBeCalledTimes(0);
+    expect(focusCallback).toBeCalledTimes(0);
+
+    const [incButton, decButton] = wrapper.findAll('.control-button');
+    await incButton.trigger('click');
+    expect(changeCallback).toBeCalledTimes(1);
+    expect(inputCallback).toBeCalledTimes(1);
+
+    await decButton.trigger('click');
+    expect(changeCallback).toBeCalledTimes(2);
+    expect(inputCallback).toBeCalledTimes(2);
+
+    const inputBox = wrapper.find(ns.e('input-box'));
+
+    await inputBox.trigger('focus');
+    expect(focusCallback).toBeCalledTimes(1);
+
+    await inputBox.trigger('blur');
+    expect(blurCallback).toBeCalledTimes(1);
+
+    await inputBox.setValue('66');
+    await inputBox.trigger('input');
+    expect(inputCallback).toBeCalledTimes(3);
+
+    wrapper.unmount();
+  });
 
   it.todo('method focus/blur/select work well.');
 });