refactor(component instance): emit function

pages/component-instance/emit-function/emit-function-composition.uvue

@@ -2,7 +2,7 @@
   <view class="page">
     <view class="row">
       <text>子组件传的参数</text>
-      <text>
+      <text id="value">
         {{ value }}
       </text>
     </view>
@@ -13,18 +13,11 @@
 <script setup lang="uts">
 import child from './child-composition.uvue'
 
-defineOptions({
-  data() {
-    return {
-      value: ''
-    }
-  },
-  methods: {
-    callback(str: string) {
-      this.value = str
-    }
-  }
-})
+const value = ref('')
+
+const callback = (str: string) => {
+  value.value = str
+}
 </script>
 
 <style>

pages/component-instance/emit-function/emit-function-options.uvue

@@ -2,7 +2,7 @@
   <view class="page">
     <view class="row">
       <text>子组件传的参数</text>
-      <text>
+      <text id="value">
         {{ value }}
       </text>
     </view>

pages/component-instance/emit-function/emit-function.test.js

@@ -2,30 +2,23 @@ const PAGE_PATH = '/pages/component-instance/emit-function/emit-function-options
 const PAGE_COMPOSITION_PATH = '/pages/component-instance/emit-function/emit-function-composition'
 
 describe('$emit()', () => {
-  let page
-  it('$emit() 选项式 API 事件生效', async () => {
-    page = await program.reLaunch(PAGE_PATH)
-    await page.waitFor(500)
-    const beforeValue = await page.data('value')
-    const btn = await page.$('.call-parent-btn')
-
-    btn.tap()
+  const test = async (path) => {
+    const page = await program.reLaunch(path)
+    await page.waitFor('view')
+    const valueText = await page.$('#value')
+    const beforeValue = await valueText.text()
 
-    const afterValue = await page.data('value')
+    const btn = await page.$('.call-parent-btn')
+    await btn.tap()
 
+    const afterValue = await valueText.text()
     expect(beforeValue).not.toBe(afterValue)
+  }
+  it('$emit() 选项式 API 事件生效', async () => {
+    await test(PAGE_PATH)
   })
 
   it('$emit() 组合式 API 事件生效', async () => {
-    page = await program.reLaunch(PAGE_COMPOSITION_PATH)
-    await page.waitFor(500)
-    const beforeValue = await page.data('value')
-    const btn = await page.$('.call-parent-btn')
-
-    btn.tap()
-
-    const afterValue = await page.data('value')
-
-    expect(beforeValue).not.toBe(afterValue)
+    await test(PAGE_COMPOSITION_PATH)
   })
 })
\ No newline at end of file