test: add test for Q8

Author: webfansplz

questions/8-effect-scope/App.vue

@@ -7,7 +7,7 @@ const doubled = computed(() => counter.value * 2)
 // use the `effectScope` API to make these effects stop together after being triggered once
 
 watch(doubled, () => console.log(doubled.value))
-watchEffect(() => console.log("Count: ", doubled.value))
+watchEffect(() => console.log(`Count: ${doubled.value}`))
 
 counter.value = 2
 

questions/8-effect-scope/index.test.ts

@@ -0,0 +1,24 @@
+import { mount } from "@vue/test-utils"
+import { describe, it, expect, vi } from "vitest"
+
+import App from "./App.vue"
+
+function delay(timeout: number) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, timeout)
+  })
+}
+
+describe("EffectScope", () => {
+  it("should work", async() => {
+    const result: string[] = []
+    console.log = vi.fn((log: string) => {
+      result.push(log)
+    })
+    mount(App)
+    await delay(1000)
+    expect(JSON.stringify(result)).toBe(JSON.stringify([
+      "Count: 2", 4, "Count: 4",
+    ]))
+  })
+})