补充双向绑定的测试用例

webfansplz · Oct 11, 2022 · ce980bd · ce980bd
1 parent ae951fc
commit ce980bd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/questions/26-v-model/App.vue b/questions/26-v-model/App.vue
@@ -13,6 +13,10 @@ const VOhModel = {
 
 const value = ref("Hello Vue.js")
 
+setTimeout(() => {
+  value.value = "Hello World!!!"
+},2000)
+
 </script>
 
 <template>

diff --git a/questions/26-v-model/index.test.ts b/questions/26-v-model/index.test.ts
@@ -3,6 +3,12 @@ import { describe, it, expect } from "vitest"
 
 import App from "./App.vue"
 
+function delay(timeout: number) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, timeout)
+  })
+}
+
 describe("v-model", () => {
   it("should work", async() => {
     const wrapper = mount(App)
@@ -15,5 +21,9 @@ describe("v-model", () => {
     await input.setValue("Hello World")
     expect(input.element.value).toBe("Hello World")
     expect(p.text()).toBe(input.element.value)
+
+    await delay(2000)
+    expect(input.element.value).toBe("Hello World!!!")
+    expect(p.text()).toBe(input.element.value)
   })
 })