用例补全

Author: discreted66

examples/sites/demos/pc/app/date-panel/shortcuts-composition-api.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="demo-date-panel-wrap">
-    <div>{{ value }}</div>
+    <div class="value">{{ value }}</div>
     <tiny-date-panel v-model="value" :shortcuts="shortcuts"></tiny-date-panel>
   </div>
 </template>
@@ -15,7 +15,6 @@ const shortcuts = [
     text: '今天',
     onClick(picker) {
       const date = new Date()
-      console.info(picker)
       picker.$emit('pick', date)
     }
   },

examples/sites/demos/pc/app/date-panel/shortcuts.spec.ts

@@ -1,6 +1,13 @@
 import { test, expect } from '@playwright/test'
 
-test('[DatePanel] 测试周次序号', async ({ page }) => {
+test('[DatePanel] 测试快捷选项', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('date-panel#shortcuts')
+
+  const valueDom = page.locator('.value')
+  await page.getByRole('button', { name: '今天' }).click()
+  await page.getByRole('button', { name: '昨天' }).click()
+  await page.getByRole('button', { name: '一周前' }).click()
+
+  await expect(valueDom).not.toHaveText('')
 })

examples/sites/demos/pc/app/date-panel/shortcuts.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="demo-date-panel-wrap">
-    <div>{{ value }}</div>
+    <div class="value">{{ value }}</div>
     <tiny-date-panel v-model="value" :shortcuts="shortcuts"></tiny-date-panel>
   </div>
 </template>
@@ -15,7 +15,6 @@ const shortcuts = [
     text: '今天',
     onClick(picker) {
       const date = new Date()
-      console.info(picker)
       picker.$emit('pick', date)
     }
   },