test: fix test input props snap

mengxiong10 · Dec 13, 2021 · b894cf6 · b894cf6
1 parent ea22440
commit b894cf6
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 7 deletions.
diff --git a/__tests__/DatePicker.test.ts b/__tests__/DatePicker.test.ts
@@ -104,7 +104,7 @@ describe('DatePicker', () => {
     expect(wrapper.find('.mx-datepicker-popup').exists()).toBe(false);
   });
 
-  it('prop: input props', () => {
+  it('prop: input props', async () => {
     wrapper = shallowMount(DatePicker, {
       props: {
         value: new Date(2019, 4, 10),
@@ -114,17 +114,17 @@ describe('DatePicker', () => {
       },
     });
     expect(wrapper.element).toMatchSnapshot();
-    wrapper.setProps({
+    await wrapper.setProps({
       clearable: false,
       editable: false,
       placeholder: 'test placeholder',
       inputClass: 'test',
       inputAttr: {
-        type: 'number',
         name: 'test',
         id: 'test',
       },
     });
+    expect(wrapper.element).toMatchSnapshot();
   });
 
   it('prop: format', () => {

diff --git a/__tests__/__snapshots__/DatePicker.test.ts.snap b/__tests__/__snapshots__/DatePicker.test.ts.snap
@@ -143,3 +143,33 @@ exports[`DatePicker prop: input props 1`] = `
   <!--teleport end-->
 </div>
 `;
+
+exports[`DatePicker prop: input props 2`] = `
+<div
+  class="mx-datepicker"
+>
+  <div
+    class="mx-input-wrapper"
+  >
+    <input
+      autocomplete="off"
+      class="test"
+      id="test"
+      name="test"
+      placeholder="test placeholder"
+      readonly=""
+      type="text"
+    />
+    <!---->
+    <i
+      class="mx-icon-calendar"
+    >
+      
+      <!---->
+      
+    </i>
+  </div>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>
+`;
diff --git a/src/App.vue b/src/App.vue
@@ -9,6 +9,15 @@ export default defineComponent({
   },
   data() {
     return {
+      inputProps: {
+        clearable: false,
+        editable: false,
+        placeholder: 'test placeholder',
+        inputAttr: {
+          name: 'test',
+          id: 'test',
+        },
+      },
       shortcuts: [
         {
           text: 'range',
@@ -49,10 +58,11 @@ export default defineComponent({
     <button @click="append = !append">ass</button>
     <DatePicker
       v-model:value="value"
+      v-bind="inputProps"
       :clearable="false"
-      multiple
       :append-to-body="append"
-      type="date"
+      type="datetime"
+      :time-picker-options="{ start: '00:00', end: '09:00', step: '00:30' }"
       :disabled-date="(date) => date < new Date(2021, 10, 9)"
       :open="true"
     ></DatePicker>
@@ -71,8 +81,8 @@ export default defineComponent({
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
+  /* color: #2c3e50; */
   margin-top: 60px;
+  margin-left: 60px;
 }
 </style>